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.19"> <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.19">CSS help needed, please!</a> </h3> <div id="messages" data-navigation="30114_19_29_10"> <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.18">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.19" 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.18">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.19" 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.19#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.19" 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.19#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.19" 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.19#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.19" 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.19#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.19" 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.19#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.19" 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><a name="a30114_26"></a><div class="message" id="message_30114_26"> <div class="message_header"> <div class="message_from"> From: Jo (JELLS)<span class="message_time">25 Jul 2006 13:34</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:35"></span></span> <span class="message_count">26 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.26">30114.26</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.19#a30114_21" target="_self">30114.21</a></div> <div class="message_body"> Doesn't open anything when i click on it. Is there another way to access that other than the Web Developer toolbar? </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.26&return_msg=30114.19" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.26"> <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_27"></a><div class="message" id="message_30114_27"> <div class="message_header"> <div class="message_from"> From: Peter (BOUGHTONP)<span class="message_time">25 Jul 2006 13:36</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:37"></span></span> <span class="message_count">27 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.27">30114.27</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.19#a30114_26" target="_self">30114.26</a></div> <div class="message_body"> Well I just use the standard Tools menu. You can apparently press Ctrl+Shift+I though. </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.27&return_msg=30114.19" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.27"> <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_28"></a><div class="message" id="message_30114_28"> <div class="message_header"> <div class="message_from"> From: Jo (JELLS)<span class="message_time">25 Jul 2006 16:16</span> <div class="clearer"></div> </div><div class="message_to">To: Peter (BOUGHTONP) <span><span class="image post_read" title="Read: 25 Jul 2006 16:46"></span></span> <span class="message_count">28 of 29</span><div class="clearer"></div> </div> </div> <div class="message_links"> <a href="lmessages.php?webtag=DEFAULT&msg=30114.28">30114.28</a> In reply to <a href="lmessages.php?webtag=DEFAULT&msg=30114.19#a30114_27" target="_self">30114.27</a></div> <div class="message_body"> <p>Eureka! Or something!</p> <p> </p> <p>Finally found that div#rightcontents p img you were referring to - it's embedded in the page template HTML. I can't see that it serves any useful purpose, and when i put it between /* */, the pdf and other icons align where i want them. I might just delete it from the template.</p> <p> </p> <p>Anyway, thank you so much for your assistance and patience with this - much appreciated!</p> </div> <div class="message_footer"> <div class="message_footer_links"><a href="lpost.php?webtag=DEFAULT&reply_to=30114.28&return_msg=30114.19" class="reply"><span class="image post"></span>Reply</a></div> <div class="message_vote_form" data-msg="30114.28"> <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.29" dir="ltr" /><input type="submit" name="submit" id="keep_reading" value="Keep reading…" class="button" /></form></li> </ul> </div> </div> </body>