Coding! poof~
#1
Dude people,, I need some help here.... I need to put an image on a site but I need text to wrap around it. Anyone here know the code for that one?

Is it just something that attaches to <img src="">? like with borders? Or is it an entirely different code?
Reply
#2
AFAIK, the easiest way of doing this is just to use tables. Have the image in one cell and the text in the other cell next to it, and then just type normally below that. Or have all the rest of the text in another cell below the first two. Something like that should work.

Arnath
Tichondrius
Arnath - UD Warlock (Tailoring/Herbalism)
Seirei - Troll Priest (Mining/Skinning)
Bhim - Tauren Warrior (Mining/Herbalism)
Reply
#3
Sketch,Dec 19 2004, 11:58 PM Wrote:Dude people,, I need some help here....&nbsp; I need to put an image on a site but I need text to wrap around it.&nbsp; Anyone here know the code for that one?

Is it just something that attaches to <img src="">?&nbsp; like with borders?&nbsp; Or is it an entirely different code?
[right][snapback]63193[/snapback][/right]

align=left or align=right is what I believe you are looking for.

You should find this handy.
Reply
#4
noooooooooooooo but I need it all to go around the picture. I need like a wordwrap or something.
Reply
#5
Sketch,Dec 20 2004, 06:50 AM Wrote:noooooooooooooo but I need it all to go around the picture.&nbsp; I need like a wordwrap or something.
[right][snapback]63202[/snapback][/right]

I am not sure what you mean. Can you try to describe it a bit more exactly, or maybe give an example? The CSS property 'float' might be what you are looking for. Here is an example:

Code:
<p>
&nbsp; &nbsp;A text full of interesting information...
&nbsp; &nbsp;<img src='image.png' alt='A really nice image' style='float:left;' />
&nbsp; &nbsp;...interesting information continued...
</p>
<p style='clear:both;'> <!-- this cancels the float. the following text should be displayed below the image -->
&nbsp; &nbsp;Another very interesting text...
</p>

HTH.
Reply
#6
Moldran,Dec 20 2004, 01:29 AM Wrote:I am not sure what you mean. Can you try to describe it a bit more exactly, or maybe give an example? The CSS property 'float' might be what you are looking for. Here is an example:

Okay,, you know like in newspapers they'll have a picture and then words to the left and bottom, or top and right, or on all sides, or whatever? Thaaat's what I want.
Reply
#7
Sketch,Dec 20 2004, 10:58 PM Wrote:Okay,, you know like in newspapers they'll have a picture and then words to the left and bottom, or top and right, or on all sides, or whatever?&nbsp; Thaaat's what I want.
[right][snapback]63257[/snapback][/right]

I think what you're looking for isn't than something you'll be able to do with just a tag. You're going to need to move away from thinking about marking up text, and into thinking about page layout. The HTML tutorial page that was posted earlier is probably your best bet. The "HTML tables" and "HTML images" sections will probably be useful. It won't be as quick as just punching in a new tag and moving on, but you'll end up with knowledge that you will be able to use again.
Reply
#8
halrighty then.... thank you one and all for your glorious guidence!
Reply
#9
Sketch,Dec 21 2004, 06:58 AM Wrote:Okay,, you know like in newspapers they'll have a picture and then words to the left and bottom, or top and right, or on all sides, or whatever?&nbsp; Thaaat's what I want.
[right][snapback]63257[/snapback][/right]

Have you tried the code I posted? It should do something very similiar to what you want: The text will float around the image, i.e. will be displayed to the right and bottom of the image. If you want the text to be displayed to the left and bottom of the image, just replace 'float:left;' by 'float:right;'.

If you want the text to 'float' around both sides of the image, it gets a bit more complicated - see Griselda's post. My advice differs in one aspect, though: Forget HTML tables. Learn and use CSS. Unless maybe you only want to solve this particular problem as quickly as possible and have no interest in learning how to use HTML/CSS properly. In that case, a HTML table might be your best bet.

A nice CSS tutorial can be fond here: http://en.selfhtml.org/css/index.htm. Unfortunately, the CSS chapter of that page is the only one that is translated into English, and some of the information (browser support) is a little outdated. But I think it is still useful.
Reply


Forum Jump:


Users browsing this thread: 3 Guest(s)