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.16"> <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.16">CSS help needed, please!</a> </h3> <div id="messages" data-navigation="30114_16_29_10"> <a name="a30114_16"></a><div class="message" id="message_30114_16"> <div class="message_header"> <div class="message_from"> From: Jo (JELLS)<span class="message_time">24 Jul 2006 20:02</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 24 Jul 2006 20:03"></span></span> <span class="message_count">16 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.16">30114.16</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.15">30114.15</a></div> <div class="message_body"> I am either blind or else we're looking at two different CSS sheets... I don't see "#rightcontents p img"<br /> <br /> I have this:<br /> <br /> <div class="quotetext" id="code-"><b> code:</b></div><pre class="code">#rightcontents p { margin-bottom:0.9em; } /* .image_right { margin-left:5px; float:right; } */ .image_left { margin-right:5px; float:left; }</pre><br /> <br /> And you can see that i added the oblique-asterisk thing to the .image_right one. And uploaded it (to the proper webspace, not my testing area). And the pdf and other icons are still floating right... </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.16&return_msg=30114.16" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.16"> <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_17"></a><div class="message" id="message_30114_17"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">24 Jul 2006 20:07</span> <div class="clearer"></div> </div><div class="message_to">To: Jo (JELLS) <span><span class="image post_read" title="Read: 24 Jul 2006 20:17"></span></span> <span class="message_count">17 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.17">30114.17</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.16#a30114_16" target="_self">30114.16</a></div> <div class="message_body"> Hmmm, I found that reference by looking in the Firefox DOM inspector CSS thing.<br /> I dunno if you have the developer stuff installed, but if you can find DOM Inspector in one of the menus (Tools, I think?)<br /> then navigate to a right aligned image in the left part, and select CSS in the right part and see what it lists? </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.17&return_msg=30114.16" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.17"> <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_18"></a><div class="message" id="message_30114_18"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">24 Jul 2006 20:10</span> <div class="clearer"></div> </div><div class="message_to">To: Jo (JELLS) <span><span class="image post_read" title="Read: 24 Jul 2006 20:17"></span></span> <span class="message_count">18 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.18">30114.18</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.16#a30114_16" target="_self">30114.16</a></div> <div class="message_body"> Hmmm, workaround that should work, but not really the best way: add <div class="quotetext" id="code-"><b> code:</b></div><pre class="code">style="float:none;"</pre> directly to the img tags for the pdf icons, and that should fix them.<br /> But it's not an ideal solution-best to try and find the thing floating it right and fix that instead. </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.18&return_msg=30114.16" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.18"> <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_19"></a><div class="message" id="message_30114_19"> <div class="message_header"> <div class="message_from"> From: Jo (JELLS)<span class="message_time">24 Jul 2006 20:21</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 24 Jul 2006 20:23"></span></span> <span class="message_count">19 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.19">30114.19</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.16#a30114_18" target="_self">30114.18</a></div> <div class="message_body"> <p>Well, that one did work! The positioning isn't perfect, but that can be fixed. I do have that CSS toolbar installed but i think this will have to wait until tomorrow as i've been asked to take care of something else here at work. </p> <p> </p> <p>Thank you for your patience - i will have a look at this again tomorrow and revive the thread as needed! <span class="emoticon e_smile" title=":-)"><span class="e__">:-)</span></span></p> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.19&return_msg=30114.16" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.19"> <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_20"></a><div class="message" id="message_30114_20"> <div class="message_header"> <div class="message_from"> From: Jo (JELLS)<span class="message_time">25 Jul 2006 11:55</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 25 Jul 2006 11:58"></span></span> <span class="message_count">20 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.20">30114.20</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.16#a30114_18" target="_self">30114.18</a></div> <div class="message_body"> How does that DOM inspector thing work? I have been trying to use it but when i click on Dom Inspector (under Tools in the Web Developer toolbar), nothing happens. Is something supposed to open or show or something? </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.20&return_msg=30114.16" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.20"> <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_21"></a><div class="message" id="message_30114_21"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">25 Jul 2006 12:11</span> <div class="clearer"></div> </div><div class="message_to">To: Jo (JELLS) <span><span class="image post_read" title="Read: 25 Jul 2006 13:33"></span></span> <span class="message_count">21 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.21">30114.21</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.16#a30114_20" target="_self">30114.20</a></div> <div class="message_body"> It should open up a new window, like this...<br /> <a href="http://www.bpsite.net/misc/dom_inspector.png"><img src="http://www.bpsite.net/misc/dom_inspector.png" alt="the firefox dom inspector" width="400" /></a><br /> <br /> Then you click the arrow to the left of the middle and select "Find Nodes..." to find the appropriate tag.<br /> <br /> Then select the icon to the right of the middle and select "CSS Style Rules" and it lists all the rules that are being applied to a tag and the stylesheet that the rule is in and so on. </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.21&return_msg=30114.16" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.21"> <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_22"></a><div class="message" id="message_30114_22"> <div class="message_header"> <div class="message_from"> From: beseku<span class="message_time">25 Jul 2006 12:29</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 25 Jul 2006 13:24"></span></span> <span class="message_count">22 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.22">30114.22</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.16#a30114_21" target="_self">30114.21</a></div> <div class="message_body"> What rendering engine does it use? </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.22&return_msg=30114.16" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.22"> <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_23"></a><div class="message" id="message_30114_23"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">25 Jul 2006 13:24</span> <div class="clearer"></div> </div><div class="message_to">To: beseku <span><span class="image post_read" title="Read: 25 Jul 2006 13:28"></span></span> <span class="message_count">23 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.23">30114.23</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.16#a30114_22" target="_self">30114.22</a></div> <div class="message_body"> No idea; I would guess the same as Firefox itself. </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.23&return_msg=30114.16" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.23"> <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_24"></a><div class="message" id="message_30114_24"> <div class="message_header"> <div class="message_from"> From: beseku<span class="message_time">25 Jul 2006 13:29</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 25 Jul 2006 13:30"></span></span> <span class="message_count">24 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.24">30114.24</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.16#a30114_23" target="_self">30114.23</a></div> <div class="message_body"> Well that makes it useless, since the Web Dev toolbar has most of that functionality. If it was Trident, (IE) then you could at least see if it was applying the right rules. </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.24&return_msg=30114.16" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.24"> <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_25"></a><div class="message" id="message_30114_25"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">25 Jul 2006 13:33</span> <div class="clearer"></div> </div><div class="message_to">To: beseku <span><span class="image post_read" title="Read: 25 Jul 2006 14:12"></span></span> <span class="message_count">25 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.25">30114.25</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.16#a30114_24" target="_self">30114.24</a></div> <div class="message_body"> Um, I'm not sure what you're on about.<br /> <br /> The Web Developer toolbar is a third-party add-on. The DOM Inspector is installed with Firefox (unless you untick the developer options in the installer). </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.25&return_msg=30114.16" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.25"> <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.26" dir="ltr" /><input type="submit" name="submit" id="keep_reading" value="Keep reading…" class="button" /></form></li> </ul> </div> </div> </body>