More Visual and Code Editor...

User 1959308 Photo


Registered User
21 posts


First I want to mention that I think that I am using the HTML editor a bit different than many on this forum. My hosting company is Network Solutions (NS) and although I can have 15 sites up at the same time with my two packages they have only one instance of their proprietary web design software per package. Originally I was using their template design tools which is very nice, but has limitations i.e. putting more than one image or ad in a block unless you code in Html manually. Finding Coffee Cup Software has been great and I now am using CC to create most of my pages, but still using the NS style template which I would like to keep for this particular site. I create a section on CC and then copy to an HTML block on NS.

Now for the actual question….

I copy my ad html code from my Affiliate Network to a blank page, and then add my Meta keywords and description etc. Then go to VE and add my pitch statements, but I found that I cannot type on the side of the ad image, only top or bottom. So I then tried using the simple table creation and put two boxes on the screen and copied my image to the left and then typed my pitch statement to the right. I then removed the boarder and copied to my unpublished working site on NS and it looked fine.

Being so new at this I am thinking that there may be another way of positioning text next to an object other than tables. I am sure using CE I can code manually, but would like to use VE for now. If this is the best method then I am happy using it.

Thanks

Brad


User 3004957 Photo


Registered User
848 posts

Hi Brad

There are clever ways of formatting and wrapping text around images using complex CSS (well, complex for me and most average web hobbyists) but you have found the easiest (and in my opinion best) way to do it. Whenever I want to have particularly tight text near or around images I always use tables, that way I have total control over where the text sits in relation to the image. CSS does a very nice job of this, but with a lot more work and, true to form, browsers render it sometimes very differently, resulting in the format breaking. I know browsers render tables a little differently also, but far less differently than CSS-based formatting which makes tables the lesser of the two 'evils'.

This is just my (often uninformed) opinion, of course.

Dave.
User 1959308 Photo


Registered User
21 posts

Dave,

Thanks, this is what I started doing, so at least I know I was on the right track.

I used this methord within some blocks on the Shop TVEV'S Travel Store page in the http://www.thenortheastview.com site.

So now I may continue to revamp other pages the same way.
User 355448 Photo


Ambassador
3,144 posts

If you are willing to directly code the images and text, you can easy set where you want the image in relation to the text.
<p><img style="vertical-align:middle;" src="photo.jpg" width="150" height="150" title="a photo" alt="a photo"> there is a photo on the left and the middle of the photo is vertically aligned with the text. </p>

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.