CSS help needed, please! - Teh Forum

<body> <div id="header"> <span class="left"> <span class="back"><a href="lthread_list.php?webtag=DEFAULT"><span class="image mobile_back" title="Back"></span></a></span> <span class="image mobile_logo" title="Beehive Forum Logo"></span> </span> <ul> <li> <a class="reply_all" href="lpost.php?webtag=DEFAULT&reply_to=30114.0&return_msg=30114.3"> <span class="image mobile_reply_all"></span><span class="text">Reply to All</span> </a> </li> <li> <a class="navigation" href="#"> <span class="image mobile_navigation"></span><span class="text">Show messages</span> </a> </li> <li> <a class="main" href="#"><span class="image mobile_menu" title="Menu"></span> </a> </li> </ul> </div> <div class="menu main"> <ul> <li><a href="lthread_list.php?webtag=DEFAULT">Messages</a></li> <li><a href="lpm.php?webtag=DEFAULT">Inbox</a></li> <li><a href="lsearch.php?webtag=DEFAULT">Search</a></li> <li><a href="llogon.php?webtag=DEFAULT">Login</a></li> </ul> </div> <div class="menu navigation"><a href="lmessages.php?webtag=DEFAULT&msg=30114.1">1–10</a><a href="lmessages.php?webtag=DEFAULT&msg=30114.11">11–20</a><a href="lmessages.php?webtag=DEFAULT&msg=30114.21">21–29</a></div> <div id="page_content"> <h3 class="thread_title"><a href="index.php?webtag=DEFAULT&amp;msg=30114.3">CSS help needed, please!</a> </h3> <div id="messages" data-navigation="30114_3_29_10"> <a name="a30114_3"></a><div class="message" id="message_30114_3"> <div class="message_header"> <div class="message_from"> From: beseku<span class="message_time">24 Jul 2006 16:19</span> <div class="clearer"></div> </div><div class="message_to">To: Jo (JELLS) <span><span class="image post_read" title="Read: 24 Jul 2006 16:47"></span></span> <span class="message_count">3 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.3">30114.3</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.1">30114.1</a></div> <div class="message_body"> <p>What browser you using?</p> <p> </p> <p>If it is IE, try adding zoom:1* to whichever item you are adding the icon to.</p> <p> </p> <p>* zoom:1 is the best way to unobtrusively turn on "hasLayout" which is the cause of, and solution to almost all of IE 6's layout bugs.</p> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.3&return_msg=30114.3" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.3"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a30114_4"></a><div class="message" id="message_30114_4"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">24 Jul 2006 16:21</span> <div class="clearer"></div> </div><div class="message_to">To: Jo (JELLS) <span><span class="image post_read" title="Read: 24 Jul 2006 16:47"></span></span> <span class="message_count">4 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.4">30114.4</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.1">30114.1</a></div> <div class="message_body"> Your <tt>div#rightcontents p img</tt> class is being applied to it, and causing it to float right. </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.4&return_msg=30114.3" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.4"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a30114_5"></a><div class="message" id="message_30114_5"> <div class="message_header"> <div class="message_from"> From: Jo (JELLS)<span class="message_time">24 Jul 2006 16:50</span> <div class="clearer"></div> </div><div class="message_to">To: patch <span><span class="image post_read" title="Read: 24 Jul 2006 19:27"></span></span> <span class="message_count">5 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.5">30114.5</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.2">30114.2</a></div> <div class="message_body"> <p>Yes, becauase it's in <li tags.</p> <p> </p> <p>And it's not supposed to be - i did that to see if that made a difference.</p> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.5&return_msg=30114.3" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.5"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a30114_6"></a><div class="message" id="message_30114_6"> <div class="message_header"> <div class="message_from"> From: Jo (JELLS)<span class="message_time">24 Jul 2006 16:52</span> <div class="clearer"></div> </div><div class="message_to">To: beseku <span><span class="image post_read" title="Read: 25 Jul 2006 09:32"></span></span> <span class="message_count">6 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.6">30114.6</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.3#a30114_3" target="_self">30114.3</a></div> <div class="message_body"> I never use IE, but it doesn't work in any browser - IE, Opera, Firefox (what i use). I need it to work in all of them.<br /> <br /> <div class="quotetext" id="quote"><b>quote: </b></div><div class="quote">try adding zoom:1*</div><br /> <br /> Adding it where? To the CSS? The HTML? Will that fix it in the better browsers too? </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.6&return_msg=30114.3" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.6"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a30114_7"></a><div class="message" id="message_30114_7"> <div class="message_header"> <div class="message_from"> From: Jo (JELLS)<span class="message_time">24 Jul 2006 16:53</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 24 Jul 2006 17:01"></span></span> <span class="message_count">7 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.7">30114.7</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.3#a30114_4" target="_self">30114.4</a></div> <div class="message_body"> Ah... so how do i fix that? </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.7&return_msg=30114.3" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.7"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a30114_8"></a><div class="message" id="message_30114_8"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">24 Jul 2006 17:02</span> <div class="clearer"></div> </div><div class="message_to">To: Jo (JELLS) <span><span class="image post_read" title="Read: 24 Jul 2006 17:05"></span></span> <span class="message_count">8 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.8">30114.8</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.3#a30114_7" target="_self">30114.7</a></div> <div class="message_body"> I would probably change the declaration to something like this:<br /> <div class="quotetext" id="code-"><b> code:</b></div><pre class="code">div#rightcontents p img.r</pre><br /> <br /> And then set class="r" to any images you want on the right, and leave the rest as it is. </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.8&return_msg=30114.3" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.8"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a30114_9"></a><div class="message" id="message_30114_9"> <div class="message_header"> <div class="message_from"> From: Jo (JELLS)<span class="message_time">24 Jul 2006 17:14</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 24 Jul 2006 17:18"></span></span> <span class="message_count">9 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.9">30114.9</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.3#a30114_8" target="_self">30114.8</a></div> <div class="message_body"> <p>Cool. I'll try that when i get back to my desk (covering for someone else at the moment). </p> <p> </p> <p>Thank you!</p> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.9&return_msg=30114.3" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.9"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a30114_10"></a><div class="message" id="message_30114_10"> <div class="message_header"> <div class="message_from"> From: Jo (JELLS)<span class="message_time">24 Jul 2006 18:15</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 24 Jul 2006 18:43"></span></span> <span class="message_count">10 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.10">30114.10</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.3#a30114_8" target="_self">30114.8</a></div> <div class="message_body"> That didn't work, unfortunately. Unless i've misunderstood what you suggested. <br /> <br /> I added this to the CSS:<br /> <br /> <div class="quotetext" id="code-"><b> code:</b></div><pre class="code">#rightcontents p img.r { border:0px; padding: 2px 0 2px 0; }</pre><br /> <br /> And added the class="r" to the image, but it won't budge. I'm testing this on a test page/css that i have on my own webspace simply because it takes eons to upload to the government's webspace. </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.10&return_msg=30114.3" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.10"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a30114_11"></a><div class="message" id="message_30114_11"> <div class="message_header"> <div class="message_from"> From: Matt<span class="message_time">24 Jul 2006 18:31</span> <div class="clearer"></div> </div><div class="message_to">To: Jo (JELLS) <span><span class="image post_read" title="Read: 24 Jul 2006 19:17"></span></span> <span class="message_count">11 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.11">30114.11</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.3#a30114_10" target="_self">30114.10</a></div> <div class="message_body"> <p>Have you made sure the CSS isn't be cached unnesessarily by the browser?</p> <p> </p> <p>You probably have, but y'know just incase <span class="emoticon e_smile" title=":)"><span class="e__">:)</span></span></p> <p> </p> <p>Incidentally can anyone actually explain why it is that both IE and FireFox seem to completely ignore the last-modified headers send by web servers for .css files? They don't do it for any other file types (that might be a lie) so what makes .css files so special that you need to force refresh to see the changes?</p> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.11&return_msg=30114.3" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.11"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div><a name="a30114_12"></a><div class="message" id="message_30114_12"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">24 Jul 2006 18:47</span> <div class="clearer"></div> </div><div class="message_to">To: Jo (JELLS) <span><span class="image post_read" title="Read: 24 Jul 2006 19:17"></span></span> <span class="message_count">12 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.12">30114.12</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.3#a30114_10" target="_self">30114.10</a></div> <div class="message_body"> You don't want to add that - you need to replace the previous one (the one without the .r)<br /> <br /> Then, some images that should be right aligned might shift over to the left, and if that happens you need to add the class="r" to those images to put them back. </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.12&return_msg=30114.3" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.12"> <span class="rating">0/0</span> <span class="image vote vote_down vote_down_off" title="Vote Down"></span> <span class="image vote vote_up vote_up_off" title="Vote Up"></span> </div> </div> </div></div> <div class="message_page_footer"> <ul> <li class="right_col"><form accept-charset="utf-8" method="get" action="lmessages.php" target="_self"><input type="hidden" name="webtag" id="webtag" class="bhinputtext" value="DEFAULT" dir="ltr" /><input type="hidden" name="msg" id="msg" class="bhinputtext" value="30114.13" dir="ltr" /><input type="submit" name="submit" id="keep_reading" value="Keep reading…" class="button" /></form></li> </ul> </div> </div> </body>