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 10 of 10
  1. #1
    New Coder
    Join Date
    Oct 2004
    Posts
    32
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Weird double spacing

    I was having alignment issues and it appears I fixed them and now I have moved onto another issue. All of my text is displayed double spaced for some reason and I have no idea why.

    Here is the CSS file:

    Code:
    body {
    }
    p {
     	margin-top: 0px;
      }
    
    #bodyContents  {
     background-image:url('images/grassbg.jpg');
    
     background-repeat: repeat-x; 
    
     background-position: bottom;
     border-width: thin;
     border-color: white;
     border-style: solid;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-left: 10px;
     padding-right: 10px;
     width: 900px;
     height: 675px;
    
    
     color: #ffffff;
    
     Z-INDEX: 11; 
    }
    
    
    #record{
     padding-top: 10px;
     padding-bottom: 10px;
     position: absolute;
     border-width: thin;
     border-color: white;
     border-style: solid;
     Z-INDEX:3;
     width: 150px;
     top: 150px;
     left: 710px;
    }
    
    #rank{
     padding-top: 10px;
     padding-bottom: 10px;
     position: absolute;
     border-width: thin;
     border-color: white;
     border-style: solid;
     Z-INDEX:3;
     width: 150px;
     top: 250px;
     left: 710px;
    }
    
    #nextTournament{
     padding-top: 10px;
     padding-bottom: 10px;
     position: absolute;
     border-width: thin;
     border-color: white;
     border-style: solid;
     Z-INDEX:3;
     width: 150px;
     top: 350px;
     left: 710px;
    }
    
    
    #frameContainer  {
     margin-left: auto;
     margin-right: auto;
     position: absolute;
    
      Z-INDEX: 3;
      top: 150px;
      left: 180px;
    
    }
    
    img.banner {
      margin-left: auto;
      margin-right: auto; 
      Z-INDEX: 2; 
    
      }
    img.gaia {
      position: absolute;
      left:25px;
      top:575px;
      Z-INDEX: 2; 
    
      }
    
    img.upa {
    
      width: 150px; 
    
      height: 60px;
    
      position: absolute;  
      Z-INDEX: 2;
      top: 500px;
      left: 30px;
    
      }
    Here is the index
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    
    <head>
    <title> Shippensburg Scapegoats Ultimate Online</title>
    <link rel="stylesheet" href="style.css" type="text/css">
    
    </head>
    
    
    <body bgcolor="#002966"> 
    
    <div id="bodyContents">
       <img class="banner" src="images/banner_and_nav.jpg" alt="Shippensburg Scapegoats">
    
    <div id="frameContainer">
      <IFRAME SRC="news.html" FRAMEBORDER="0" width="500" height="500" scrolling="yes"></IFRAME>
    
    </div>
    
    <div id="record">
    <center><font face="arial" size="3" color="red"><u><b>RECORD</b></u></font><br>
    <font face="verdana" size="2" color="white">
    Spring 06: N/A<br>
    Fall 05: 22 - 8
    
    </font></center>
    </div>
    
    <div id="rank">
    <center><font face="arial" size="3" color="red"><u><b>UPA RANK</b></u></font><br>
    <font face="arial black" size="3" color="white">
    N/A</font><br>
    <font face="verdana" size="1" color="white">as of 2.14.2006</font> 	
    
    </center>
    </div>
    
    <div id="nextTournament">
    <center><font face="arial" size="3" color="red"><u><b>Next Tournament</b></u></font><br>
    <font face="verdana" size="1" color="white">
    <u>A Team</u><br>
    Date: March 4-5th <br>
    Name: Wooster Winter WarmUp<br>
    Location: Wooster, OH<br>
    
    <u>B Team</u><br>
    Date: March 25-26<br>
    Name: Steakfest<br>
    Location: Home </font>
    </center>	
    </div>
    
       <img class="gaia" src="images/gaia_logo.gif" alt="Official Affiliate of Gaia">
       <img class="upa" src="images/upa_logo.jpg" alt="UPA.org"> 
    </div>
    
    </body>
    
    </html>

  • #2
    New Coder
    Join Date
    Oct 2004
    Posts
    32
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The site can be viewed by going here:
    http://www.ship.edu/~ultimate/work

  • #3
    New Coder
    Join Date
    Dec 2005
    Posts
    55
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Why are you using an iframe, is it really necessary?

    Add line-height: 17px; in your iframe p { so it looks like this:

    Code:
    p
    { 
    text-indent: 20px;
    line-height: 17px;
    }

  • #4
    New Coder
    Join Date
    Oct 2004
    Posts
    32
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Im probably going to do away with it. The line-height did not fix the double spacing.

  • #5
    New Coder
    Join Date
    Dec 2005
    Posts
    55
    Thanks
    0
    Thanked 0 Times in 0 Posts
    If you change it to 10px you should be fine in firefox and ie. I was merely giving you an example with 17. I have downloaded your iframe and tested and it seems to work perfectly for me.

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
    <html>
    <style>
    p
    { 
    text-indent: 20px;
    line-height: 10px;
    }
    
    img.news {
    float: left;
    width: 450px;
      }
    </style>
    <body bgcolor="#002966">
    <table border="0" width="450">
    <tr>
    <td>
     <img class="news" src="images/news.jpg" alt="News">
    <span>
    <font face="verdana" color="red" size="2">
    <b>Fall Season Recap 12.26.2006</b>
    </font>
    <br>
    <font face="verdana" color="white" size="1">
    Hey 'goats,
     <p>
    So this is a little late in coming, but I have been busy recently and just haven't gotten around it.  First things first, congratulations to Troy and Dick for completing your college careers at Ship.  It has been great playing with both of you and having you on the team.  Troy, your one of the last who actually played with me while I was still in school and it's great to see how far we have come.</p> 
     <p>
    This fall has been extremely successful.  Not only did the team improve upon last years success, but we have begun building even more for the future with the introduction of our first ever B team.  After having over 80 people to start the semester, the dedicated few have stuck with it through the entire semester.  The B team, led by captain D-Rod, really played hard all semester and learned a lot.  The team played each game with more intensity than much of the A team :).  As your skills build, all of you will become much better as individuals and as a team.  The A team also played great this semester, finishing in 2nd place at GMU and at the home tournament ( a disappointing loss that will be avenged in the Spring).  We ended on a strong note in Latrobe with a tournament win, finishing the semester with a 22-8 record.  Troy scored the last point of the Championship game ending his Ship Ultimate career on a high note.</p>
     <p>
    This spring brings the actual UPA Tournament Series.  The teams will need to become more set for the spring, so things will be reevaluated (no more AB's, A team will need a high level of commitment) as we head back.  Some things to look forward too: conditioning soon after everyone gets back to Ship (4 days a week, about 1 hour a day), tournaments starting in late Feb. or March,   Beasterns (hopefully both teams during spring break), Steakfest 2006 (the home tournament), all culminating with Sectionals in April and a run at Regionals.</p>
     <p>
    For now though, enjoy the time off. Merry Christmas and a Happy New Year.</p>
     <p>
    Live, Breathe, Ultimate!</p><p>
    Finch</p>
    <p>
    <font face="verdana" color="red" size="2">
    <b>GMU's Big Bad Weekend of Ultimate Recap 11.15.2006</b>
    </font>
    <br>
    <font face="verdana" color="white" size="1">
    <p>
    This weekend the A team headed off to Fairfax, VA for GMU's Big Bad Weekend of Ultimate.  With much of the A team punking out for the weekend, the team was comprised of several alums, including Sean Moran, Chris Muller, Derek, Dundore and myself.  This was another 2 day affair with pool play on Saturday and a bracket tournament on Sunday.  Saturday began with a bye, giving us a chance to arrive late with slightly more sleep.  Game 1 was a battle against George Mason, with us allowing them to come back for the second time this season after leading 7-4 at halftime.
    </font>
    </span>
    </tr>
    </td>
    </table>
    </body>
    </html>

  • #6
    New Coder
    Join Date
    Oct 2004
    Posts
    32
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I understood what you were doing. Your fix worked in IE but not in Firefox.

  • #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
    Try setting the margin and padding of your p to 0.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #8
    New to the CF scene
    Join Date
    Feb 2006
    Location
    Eudora, Kansa (America)
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Can't you set your margins to (auto)?

  • #9
    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
    Auto is not the same as 0. Auto will center the p horizontally if a width is set to it.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #10
    New Coder
    Join Date
    Oct 2004
    Posts
    32
    Thanks
    0
    Thanked 0 Times in 0 Posts
    For some reason the line-height will fix the text in the frame but not the index page. I put the line-height:0; in both pages.


  •  

    Posting Permissions

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