...

View Full Version : Some CSS issues....



chump2877
08-07-2005, 07:00 AM
I've got some CSS issues with the following page: http://www.mediamogulsweb.com/client/index.php .

In IE:

1) Extra dark grey space at the top and bottom of text boxes on the right...need to get rid of this space

2) Need to get the "Go!" search submit button to look lke it does in Firefox....you'll notice there is an extra thin line of grey above the submit in IE...I need to get rid of this

Thanks for any help with this! :)

mark87
08-07-2005, 11:50 AM
Solution for grey space - add to text_box1 and text_box2 -

margin-top: 0px; margin-bottom: 0px;

Not sure about submit problem yet.

chump2877
08-07-2005, 12:04 PM
maybe you misunderstood....

The grey space is not the light gray space between the text boxes...it's the dark gray lines (I guess that's what they are) that are attached to the tops and bottoms of the text boxes themselves....if you look at the code, the top and bottom parts of the text boxes are an image...those images don;t resemble what is currently being rendered in IE...

see what I mean? It supposed to look like it does in FF...

Thanks for helping me out though....

chump2877
08-07-2005, 09:45 PM
Ack, I still need help with this...where's Aerospace Engineer when you need him? :D

_Aerospace_Eng_
08-07-2005, 10:41 PM
Please don't pm me about your problems unless its something that has to be really private. Now back to your problem. Can you say whitespace? IE6 reads whitespace as slight line breaks. Try this for the relevant html

<div id="main_content_container">
<div id="content_right">
<!-- top text box -->
<div class="text_box1">
<img src="images/featcontent/stardates.gif" alt="">
<div class="text_box1_content"><span class="box"><strong>Today's stardate: 238208.07
</strong><br>Stardates are the way in which the current date is formatting within a sim. <a target="_blank" href="http://www.starbase118.net/wiki/index.php/Calculating_stardates">More information</a>.</span></div>
<img class="text_box_image" src="http://www.starbase118.net/members/int/info-btm.jpg" alt=""></div>
<!-- next text box -->
<div class="text_box2"><div><img class="text_box_image" src="http://www.starbase118.net/members/int/info-top.jpg" alt=""></div>
<div class="text_box1_content"><span class="box"><a style="border:none" target="_blank" href="http://www.starbase118.net/steadfast" title="USS Steadfast"><img src="images/randomship/random-steadfast.jpg" alt="USS Steadfast" width="" height="" border="0" /></a></span></div>
<img class="text_box_image" src="http://www.starbase118.net/members/int/info-btm.jpg" alt=""></div>
<!-- next text box -->
<div class="text_box2"><img src="images/featcontent/feature1.gif" alt="">
<div class="text_box1_content"><span class="box">
<strong>The Wiki</strong><br>Using the Wiki, you can document information from your vessel's recent missions, upload a detailed character biography, or even make a complete room-by-room deck listing of your vessel! You don't need any special knowledge or permissions, just head to <a href="/wiki">the Wiki</a> now! Sign up, read the short <a href="http://www.starbase118.net/wiki/index.php/Help:New_Wiki_User">Wiki intro</a> and you'll be ready to add content!</span></div>
<img class="text_box_image" src="http://www.starbase118.net/members/int/info-btm.jpg" alt=""></div>
<!-- last text box -->
<div class="text_box2"><div><img class="text_box_image" src="http://www.starbase118.net/members/int/info-top.jpg" alt=""></div>
<div class="text_box1_content"><span class="box"><strong>Sidenote:</strong><br>Need to get back to the old version of the website for some strange reason? It's still around, just look <a target="_blank" href="../mainmenu.html">here</a>.</span></div>
<img class="text_box_image" src="http://www.starbase118.net/members/int/info-btm.jpg" alt=""></div>
</div>



<p class="news"><img src="int/header-main_menu.gif" alt=""></p>

<p>Main text goes here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis suscipit ultricies tortor. Morbi auctor, sapien ut posuere porta, magna nisl tempus leo, ut dictum ipsum sem non odio. Pellentesque pharetra, velit quis molestie lacinia, quam sem interdum urna, vel aliquet dolor tellus eget massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus in nibh. Donec non purus. Etiam ut sem sed quam dapibus porta. Nam consequat congue dolor. Morbi id felis. Aliquam nibh. Etiam sollicitudin, augue accumsan cursus adipiscing, est justo imperdiet neque, in gravida wisi neque at ante. Nulla at tortor. Donec elementum tristique pede. Mauris in erat. Nullam posuere sem et felis. Aliquam consequat bibendum ante. Sed vel magna in urna aliquet aliquet. Sed feugiat, lectus nec fringilla dignissim, elit diam tristique arcu, eu consequat erat augue eu nibh.</p>

<p>Main text goes here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis suscipit ultricies tortor. Morbi auctor, sapien ut posuere porta, magna nisl tempus leo, ut dictum ipsum sem non odio. Pellentesque pharetra, velit quis molestie lacinia, quam sem interdum urna, vel aliquet dolor tellus eget massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus in nibh. Donec non purus. Etiam ut sem sed quam dapibus porta. Nam consequat congue dolor. Morbi id felis. Aliquam nibh. Etiam sollicitudin, augue accumsan cursus adipiscing, est justo imperdiet neque, in gravida wisi neque at ante. Nulla at tortor. Donec elementum tristique pede. Mauris in erat. Nullam posuere sem et felis. Aliquam consequat bibendum ante. Sed vel magna in urna aliquet aliquet. Sed feugiat, lectus nec fringilla dignissim, elit diam tristique arcu, eu consequat erat augue eu nibh.</p>

<p>Main text goes here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis suscipit ultricies tortor. Morbi auctor, sapien ut posuere porta, magna nisl tempus leo, ut dictum ipsum sem non odio. Pellentesque pharetra, velit quis molestie lacinia, quam sem interdum urna, vel aliquet dolor tellus eget massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus in nibh. Donec non purus. Etiam ut sem sed quam dapibus porta. Nam consequat congue dolor. Morbi id felis. Aliquam nibh. Etiam sollicitudin, augue accumsan cursus adipiscing, est justo imperdiet neque, in gravida wisi neque at ante. Nulla at tortor. Donec elementum tristique pede. Mauris in erat. Nullam posuere sem et felis. Aliquam consequat bibendum ante. Sed vel magna in urna aliquet aliquet. Sed feugiat, lectus nec fringilla dignissim, elit diam tristique arcu, eu consequat erat augue eu nibh.</p>



</div>



<div class="clear_div">

&#160;

</div>
The space on your form is also more than likely due to whitespace.

chump2877
08-07-2005, 10:52 PM
Please don't pm me about your problems unless its something that has to be really private.

Sorry :(


Can you say whitespace? IE6 reads whitespace as slight line breaks.

I closed up the white space in the relevant code, but it didn;t seem to help.

_Aerospace_Eng_
08-07-2005, 11:18 PM
It worked for me.

chump2877
08-07-2005, 11:40 PM
Can you post the HTML code that is working for you...I tried dumping the source code into a .html file, eliminating ALL spaces anywhere, and it's still not working for me....sorry to bother you

chump2877
08-08-2005, 12:58 AM
Sigh, nevermind...the text boxes look OK in IE now...

I still can;t seem to fix the search submit button in IE....there is a thin gray line above it...it should look like it does in Firefox...

Also, now in Firefox the background image of #content_container won;t appear and there is a thin slivver of a line beneath the second-to-top text box on the right that I didn;t notice before....

chump2877
08-08-2005, 02:05 AM
Ok, I fixed the search submit button....

I still have this problem, if anyone can help:


Also, now in Firefox the background image of #content_container won;t appear and there is a thin slivver of a line beneath the second-to-top text box on the right that I didn;t notice before....

chump2877
08-08-2005, 02:46 AM
Nevermind, I fixed everything.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum