<html dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252">
<style id="owaParaStyle" type="text/css">P {margin-top:0;margin-bottom:0;}</style>
</head>
<body ocsi="0" fpstyle="1" bgcolor="#ffffff">
<div style="direction: ltr;font-family: Tahoma;color: #000000;font-size: 10pt;">Hi Wayne,
<br>
<br>
I had a similar problem recently with our Request Tracker installation. I ended up using absolute positioning. RT puts everything in DIV's.<br>
<br>
Before this hack, the logo would display overlaying the nav bar. I had to bump it down by 10em.<br>
<br>
This positions the logo (I've left my untidy comments in for "authenticity"):<br>
<pre id="line1">div#logo .rtname {<br> display: none;<br> position: absolute;<br> font-weight: bold;<br> font-size: 50;<br> top: 1em;<br> /* left: 1em; */<br> left: 100;<br>}<br><br>This bumps the nav bar down by 10em:<br><br>div#nav {<br> position: absolute;<br> /* left: 0; */<br> left: 100;<br> font-size: 0.9em;<br> /* top: 3.2em; */<br> top: 10em; /* Bump nav bar down under logo */<br> width: 10.5em;<br> background: #fff;<br> -moz-border-radius-bottomright: 0.5em;<br> -webkit-border-bottom-right-radius: 0.5em;<br> border-left: 1px solid #999; <br>border-top: 1px solid #999;<br><br> -moz-border-radius-topright: 0.5em;<br> -webkit-border-top-right-radius: 0.5em;<br> z-index: 99;<br><br><br>}<br><br></pre>
Hope that helps - it took me ages to figure it out too.<br>
<div><br>
<div class="BodyFragment"><font size="2">
<div class="PlainText">Andy D'Arcy Jewell<br>
SysMicro Linux Support<br>
<br>
T: +44 (0) 844 991 8804<br>
M: +44 (0) 7961 605631<br>
F: +44 (0) 844 357 7020<br>
E: andy.jewell@sysmicro.co.uk<br>
W: www.sysmicro.co.uk<br>
<br>
CRN THE CHANNEL AWARDS 2009 WINNER<br>
SysMicro named CRN’s Editor’s Choice for Emerging Business of the Year 2009, recognising SysMicro for our considerable growth, specifically in Enterprise Solutions.</div>
</font></div>
</div>
<div style="font-family: Times New Roman; color: rgb(0, 0, 0); font-size: 16px;">
<hr tabindex="-1">
<div style="direction: ltr;" id="divRpF807877"><font color="#000000" face="Tahoma" size="2"><b>From:</b> wolves-bounces@mailman.lug.org.uk [wolves-bounces@mailman.lug.org.uk] on behalf of Wayne Morris [waynelists@machx.co.uk]<br>
<b>Sent:</b> 15 December 2010 14:46<br>
<b>To:</b> Wolverhampton Linux User Group<br>
<b>Subject:</b> [Wolves] CSS qustion - help - it should be easy!<br>
</font><br>
</div>
<div></div>
<div>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" target="_blank">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="UrlBlockedError.aspx" target="_blank">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="UrlBlockedError.aspx" target="_blank">klematis_big.htm</a><span>"</span>><<span class="start-tag">img</span><span class="attribute-name"> src</span><span>="</span><a href="UrlBlockedError.aspx" target="_blank">/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="UrlBlockedError.aspx" target="_blank">klematis2_big.htm</a><span>"</span>><<span class="start-tag">img</span><span class="attribute-name"> src</span><span>="</span><a href="UrlBlockedError.aspx" target="_blank">/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="UrlBlockedError.aspx" target="_blank">klematis3_big.htm</a><span>"</span>><<span class="start-tag">img</span><span class="attribute-name"> src</span><span>="</span><a href="UrlBlockedError.aspx" target="_blank">/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="UrlBlockedError.aspx" target="_blank">Picture3_big.htm</a><span>"</span>><<span class="start-tag">img</span><span class="attribute-name"> src</span><span>="</span><a href="UrlBlockedError.aspx" target="_blank">/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="UrlBlockedError.aspx" target="_blank">Picture4_big.htm</a><span>"</span>><<span class="start-tag">img</span><span class="attribute-name"> src</span><span>="</span><a href="UrlBlockedError.aspx" target="_blank">/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="UrlBlockedError.aspx" target="_blank">Picture4_big.htm</a><span>"</span>><<span class="start-tag">img</span><span class="attribute-name"> src</span><span>="</span><a href="UrlBlockedError.aspx" target="_blank">/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>
</div>
</div>
</div>
</body>
</html>