<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body text="#000000" bgcolor="#ffffff">
Help - it should be easy but I'm tearing my hair out trying to
figure css out - 7 hours of google last night and i still can't make
this stupid<br>
easy bit work.<br>
want page to look like:<br>
<br>
Image 1 Image 2 ---> Image 5 ---------------
preferably scale to fit webwindow but thats another thing<br>
Menu bar<br>
<br>
No matter what I do - use <p>, use image block instead of
inline, use all sorts of fancy snippets of code with div in them...<br>
the menu bar or any text I try instead just slaps itself on the top
line next to the images.<br>
I can fix it with lots of br's after the images so the text drops
down to the right place, but I understand that isnt a clever way.<br>
<br>
This is it working with br's:<br>
<a class="moz-txt-link-freetext"
href="http://www.exceldiving.co.uk/test/zzz.html">http://www.exceldiving.co.uk/test/zzz.html</a><br>
<br>
please help!<br>
<br>
code below <br>
<br>
cheers<br>
<br>
Wayne<br>
<br>
<br>
<pre id="line1"><<span class="start-tag">html</span>>
<<span class="start-tag">head</span>>
<<span class="start-tag">link</span><span class="attribute-name"> rel</span>=<span class="attribute-value">"stylesheet" </span><span class="attribute-name">type</span>=<span class="attribute-value">"text/css" </span><span class="attribute-name">href</span><span>="</span><a href="view-source:http://www.exceldiving.co.uk/test/tswtabs.css">http://www.exceldiving.co.uk/test/tswtabs.css</a><span>" </span><span class="error"><span class="attribute-name">/</span></span>>
</<span class="end-tag">head</span>>
<<span class="start-tag">style</span><span class="attribute-name"> type</span>=<span class="attribute-value">"text/css"</span>>
div.img
{
margin: 2px;
border: 0px solid #0000ff;
height: auto;
width: auto;
float: left;
text-align: center;
}
div.img img
{
display: block;
margin: 3px;
border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
</<span class="end-tag">style</span>>
</<span class="end-tag">head</span>>
<<span class="start-tag">body</span>>
<<span class="start-tag">div</span><span class="attribute-name"> class</span>=<span class="attribute-value">"img"</span>>
<<span class="start-tag">a</span><span class="attribute-name"> target</span>=<span class="attribute-value">"_blank" </span><span class="attribute-name">href</span><span>="</span><a href="view-source:http://www.exceldiving.co.uk/test/klematis_big.htm">klematis_big.htm</a><span>"</span>><<span class="start-tag">img</span><span class="attribute-name"> src</span><span>="</span><a href="view-source:http://www.exceldiving.co.uk/pics/PADILogo-L1.jpg">/pics/PADILogo-L1.jpg</a><span>" </span><span class="attribute-name">alt</span>=<span class="attribute-value">"Klematis" </span><span class="attribute-name">width</span>=<span class="attribute-value">"auto" </span><span class="attribute-name">height</span>=<span class="attribute-value">"90" </span><span class="error"><span class="attribute-name">/</span></span>></<span class="end-tag">a</span>>
</<span class="end-tag">div</span>>
</pre>
<pre id="line34"><<span class="start-tag">div</span><span class="attribute-name"> class</span>=<span class="attribute-value">"img"</span>>
<<span class="start-tag">a</span><span class="attribute-name"> target</span>=<span class="attribute-value">"_blank" </span><span class="attribute-name">href</span><span>="</span><a href="view-source:http://www.exceldiving.co.uk/test/klematis2_big.htm">klematis2_big.htm</a><span>"</span>><<span class="start-tag">img</span><span class="attribute-name"> src</span><span>="</span><a href="view-source:http://www.exceldiving.co.uk/pics/lionfishsmall.jpg">/pics/lionfishsmall.jpg</a><span>" </span><span class="attribute-name">alt</span>=<span class="attribute-value">"Klematis" </span><span class="attribute-name">width</span>=<span class="attribute-value">"auto" </span><span class="attribute-name">height</span>=<span class="attribute-value">"90" </span><span class="error"><span class="attribute-name">/</span></span>></<span class="end-tag">a</span>>
</<span class="end-tag">div</span>>
<<span class="start-tag">div</span><span class="attribute-name"> class</span>=<span class="attribute-value">"img"</span>>
<<span class="start-tag">a</span><span class="attribute-name"> target</span>=<span class="attribute-value">"_blank" </span><span class="attribute-name">href</span><span>="</span><a href="view-source:http://www.exceldiving.co.uk/test/klematis3_big.htm">klematis3_big.htm</a><span>"</span>><<span class="start-tag">img</span><span class="attribute-name"> src</span><span>="</span><a href="view-source:http://www.exceldiving.co.uk/pics/companylogo.jpg">/pics/companylogo.jpg</a><span>" </span><span class="attribute-name">alt</span>=<span class="attribute-value">"Picture" </span><span class="attribute-name">width</span>=<span class="attribute-value">"auto" </span><span class="attribute-name">height</span>=<span class="attribute-value">"90" </span><span class="error"><span class="attribute-name">/</span></span>></<span class="end-tag">a</span>>
</<span class="end-tag">div</span>>
<<span class="start-tag">div</span><span class="attribute-name"> class</span>=<span class="attribute-value">"img"</span>>
<<span class="start-tag">a</span><span class="attribute-name"> target</span>=<span class="attribute-value">"_blank" </span><span class="attribute-name">href</span><span>="</span><a href="view-source:http://www.exceldiving.co.uk/test/Picture3_big.htm">Picture3_big.htm</a><span>"</span>><<span class="start-tag">img</span><span class="attribute-name"> src</span><span>="</span><a href="view-source:http://www.exceldiving.co.uk/pics/pike.jpg">/pics/pike.jpg</a><span>" </span><span class="attribute-name">alt</span>=<span class="attribute-value">"Picture" </span><span class="attribute-name">width</span>=<span class="attribute-value">"auto" </span><span class="attribute-name">height</span>=<span class="attribute-value">"90" </span><span class="error"><span class="attribute-name">/</span></span>></<span class="end-tag">a</span>>
</pre>
<pre id="line49">
</<span class="end-tag">div</span>>
<<span class="start-tag">div</span><span class="attribute-name"> class</span>=<span class="attribute-value">"img"</span>>
<<span class="start-tag">a</span><span class="attribute-name"> target</span>=<span class="attribute-value">"_blank" </span><span class="attribute-name">href</span><span>="</span><a href="view-source:http://www.exceldiving.co.uk/test/Picture4_big.htm">Picture4_big.htm</a><span>"</span>><<span class="start-tag">img</span><span class="attribute-name"> src</span><span>="</span><a href="view-source:http://www.exceldiving.co.uk/pics/PADILogo-L1.jpg">/pics/PADILogo-L1.jpg</a><span>" </span><span class="attribute-name">alt</span>=<span class="attribute-value">"Picture" </span><span class="attribute-name">width</span>=<span class="attribute-value">"auto" </span><span class="attribute-name">height</span>=<span class="attribute-value">"90" </span><span class="error"><span class="attribute-name">/</span></span>></<span class="end-tag">a</span>>
</<span class="end-tag">div</span>>
<<span class="start-tag">div</span><span class="attribute-name"> class</span>=<span class="attribute-value">"img"</span>>
<<span class="start-tag">a</span><span class="attribute-name"> target</span>=<span class="attribute-value">"_blank" </span><span class="attribute-name">href</span><span>="</span><a href="view-source:http://www.exceldiving.co.uk/test/Picture4_big.htm">Picture4_big.htm</a><span>"</span>><<span class="start-tag">img</span><span class="attribute-name"> src</span><span>="</span><a href="view-source:http://www.exceldiving.co.uk/pics/PADILogo-L1.jpg">/pics/PADILogo-L1.jpg</a><span>" </span><span class="attribute-name">alt</span>=<span class="attribute-value">"Picture" </span><span class="attribute-name">width</span>=<span class="attribute-value">"auto" </span><span class="attribute-name">height</span>=<span class="attribute-value">"90" </span><span class="error"><span class="attribute-name">/</span></span>></<span class="end-tag">a</span>>
</<span class="end-tag">div</span>>
<<span class="start-tag">p</span>><<span class="start-tag">p</span>><<span class="start-tag">br</span>></<span class="end-tag">br</span>>
<<span class="start-tag">br</span>></<span class="end-tag">br</span>>
<<span class="start-tag">br</span>></<span class="end-tag">br</span>>
</pre>
<pre id="line64"><<span class="start-tag">h1</span>>
Why isn't this working!!!!<<span class="start-tag">br</span>>
Why isn't this working!!!!<<span class="start-tag">br</span>>
Why isn't this working!!!!<<span class="start-tag">br</span>>
Why isn't this working!!!!<<span class="start-tag">br</span>>
Why isn't this working!!!!<<span class="start-tag">br</span>>
Why isn't this working!!!!<<span class="start-tag">br</span>>
</pre>
<br>
</body>
</html>