text round images

[Buggy]

well iv had a little look through css and theres nothing much that really suites the style i'm looking through

I have about 7 links using java script, one line of it is

<a href="http://localhost:8080/index.php" onmouseover="setOverImg('1','');overSub=true;showSubMenu('submenu1','button1');" onmouseout="setOutImg('1','');overSub=false;setTimeout('hideSubMenu(\'submenu1\')',delay);" target=""><img src="buttons/button1up.png" border="0" id="button1" vspace="1" hspace="1"></a><br>

the problem is that css only lets you rap text round a image when you have pointed to the image to rap around. I'v also tryed doing it without pointing to a image.

i'v attached the file that iv been trying to do this on. but i think iv got a bit big for my boots as iv been doing this 3 days now.

if anybody could help it would be much appreciated.

[_theworks]

umm i dont know what your trying to say but after reading your txt file a have gathered that you want create a menu that has buttons that change when you hover over them, is this correct?

if so, This is a PHP forum not a CSS/HTML forum.

however i feel the need to send you in the right direction in this matter...

CSS can do this easily. using the hover status of an element such as the a element.

here is a example

[Buggy]

Well not exactly.... I'v used the java script to do the hover over.
The problem is that when i try put text to the right of it it actually goes below it rarther then to the side of it. It's pretty much the layout of the page i think.
It could probably be done easily sumhow but im making the site for someone else with no knowledge of the html java css or php. The text would be updateing on a weekly/dayly basis.
And sorry for posting here but i didnt have a clue how to do this and where it would come in.. But this is pretty much a learning curb for me

[_theworks]

still i wouldnt use javascript for a rollover. and by the look of you code you need to learn alot more about html and structured layouts. go find a html forum.

[bpat1434]

This should work (if you want each link on a new line):

<p><img src="path/to/some/image.gif" style="float: left;">Some general text</p>

That floats your image left inside of a <p>, and the text would align next to it (baseline I believe). If you want middle or top, use: style="float: left; vertical-align: middle;" (replace middle with top, bottom, baseline, or middle for different text locations).

~Brett