Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 11 of 11
  1. #1
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,835
    Thanks
    21
    Thanked 157 Times in 148 Posts

    Some CSS issues....

    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!
    Last edited by chump2877; 08-07-2005 at 12:33 PM.
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :-)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!
    ♪♪ …Need Web Hosting For My YouTube-To-Mp3 Conversion Software? Check Here !!… ♪♪

  • #2
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Solution for grey space - add to text_box1 and text_box2 -

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

    Not sure about submit problem yet.

  • #3
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,835
    Thanks
    21
    Thanked 157 Times in 148 Posts
    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....
    Last edited by chump2877; 08-07-2005 at 01:08 PM.
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :-)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!
    ♪♪ …Need Web Hosting For My YouTube-To-Mp3 Conversion Software? Check Here !!… ♪♪

  • #4
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,835
    Thanks
    21
    Thanked 157 Times in 148 Posts
    Ack, I still need help with this...where's Aerospace Engineer when you need him?
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :-)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!
    ♪♪ …Need Web Hosting For My YouTube-To-Mp3 Conversion Software? Check Here !!… ♪♪

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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
    Code:
    <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.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #6
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,835
    Thanks
    21
    Thanked 157 Times in 148 Posts
    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.
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :-)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!
    ♪♪ …Need Web Hosting For My YouTube-To-Mp3 Conversion Software? Check Here !!… ♪♪

  • #7
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    It worked for me.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #8
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,835
    Thanks
    21
    Thanked 157 Times in 148 Posts
    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
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :-)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!
    ♪♪ …Need Web Hosting For My YouTube-To-Mp3 Conversion Software? Check Here !!… ♪♪

  • #9
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,835
    Thanks
    21
    Thanked 157 Times in 148 Posts
    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....
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :-)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!
    ♪♪ …Need Web Hosting For My YouTube-To-Mp3 Conversion Software? Check Here !!… ♪♪

  • #10
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,835
    Thanks
    21
    Thanked 157 Times in 148 Posts
    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....
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :-)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!
    ♪♪ …Need Web Hosting For My YouTube-To-Mp3 Conversion Software? Check Here !!… ♪♪

  • #11
    Senior Coder chump2877's Avatar
    Join Date
    Dec 2004
    Location
    the U.S. of freakin' A.
    Posts
    2,835
    Thanks
    21
    Thanked 157 Times in 148 Posts
    Nevermind, I fixed everything.
    Regards, R.J.

    ---------------------------------------------------------

    Help spread the word! Like my YouTube-to-Mp3 Conversion Script on Facebook !! :-)
    [Related videos and tutorials are also available at my YouTube channel and on Dailymotion]
    Get free updates about new software version releases, features, and bug fixes!
    ♪♪ …Need Web Hosting For My YouTube-To-Mp3 Conversion Software? Check Here !!… ♪♪


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •