Welcome to WebmasterWorld Guest from 220.127.116.11 , register , free tools , login , search , pro membership , help , library , announcements , recent posts , open posts Become a Pro Member
Text to the left / picture to the right in the same DIV ulf_e
I am trying to get a div to contain text to the left and a picture to the right. With the "old way" with tables that was easy but no I'm out of ideas, have tried float,clear, and a lot of other properties.
What i want is somthing like this
¦MyText X¦ ---------------------
The text is leftaligned and the pic (X) is rightaligned.
MyText<div id="pic">X</div> </div>
Thanks in advance
brotherhood of LAN
<p style="float:right"><img src="/the/pic" /></p> <p>Text here?</p>
define a width in the style if you want it 50/50 the length of the DIV...or if you want to align them.
Maybe better in a external stylesheet ;) have to look up those WW tutorials.......
here they are, highly recommended, crash courses for the basics ;) [ ...] webmasterworld.com ulf_e
Thanks alot! That did it all.
Just one thing, I had to replace the <p> tags with <span> and then averything worked like a charm!
brotherhood of LAN
AFAIK you shoudlnt have to replace it with span, perhaps you already have styles applied to the <p> tags, which meant you had to use another tag to apply what you wanted herE? :) ulf_e
AFAIK? I'm from sweden... =) Well I'm kind of newbie on this CSS so i did it the way I knew about... Thanks again, will study more WibbleWobble
You could also do it like:
<div class="content"><div style="float:right;">img</div>blahblahblah</div>
Expanding on that should work, anyway.
This [ glish.com] glish article demonstrates it well, despite being a little over-complicated for what its doing. WibbleWobble
Also, couldn't you just do <img src="blah" align="right" /><p>text</p>? I'm pretty sure that works - I've used it, though it is entirely devoid of CSS. DrDoc
AFAIK = As Far As I Know = Såvitt jag vet ;) ulf_e
Thanks! Eller ska jag säga Tack!