SitePoint Sponsor

User Tag List

Results 1 to 14 of 14

Thread: Text Spread

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Text Spread

    The text in my site spreads right accross the page?
    Where as in the book version is more condensed.
    am I missing something - everything looks the same.
    Thanks,
    Barry

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,214
    Mentioned
    457 Post(s)
    Tagged
    8 Thread(s)
    Most people won't know what book you are talking about, so specify that in each thread.

    You've made a mistake in your code somewhere. You'll need to post it so that we can identify the problem.

  3. #3
    SitePoint Member
    Join Date
    Jul 2010
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    r u using float right?

  4. #4
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi, yes from build your own web site the right way using HTML & CSS Ian Lloyd

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http:www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xm1ns="http://www.w3.org/1999/xhtml">
     <head>
       <title>Bubble Under - The diving club for the south-west UK</title>
       <meta http-equiv="Content-Type"
          content="text/html; charset=utf-8" />
       <link href="style1.css" rel="stylesheet" type="text/css" />
     </head>
     <body>
       <div id="header">
         <div id="sitebranding">
       <h1>BubbleUnder.com</h1>
       </div>
       <div id="tagline">
       <p>Diving club for the south-west UK - Let's make a splash</p>
         </div>
       </div> <!-- end of header div -->
       <div id="navigation">
         <uL>
           <li><a href="index.html">Home</a></li>
           <li><a href="about.html">About Us</a></li>
           <li><a href="contact.html">Contact Us</a></li>
         </ul>
       </div> <!-- end of navigation div -->
       <div id="bodycontent">
       <h2>Welcome to our super-dooper Scuba site</h2>
       <p><img src="images/divers-circle.jpg" width="200" height="162"
           alt="A circle of divers practice their skills" /></p>
       <p>Glad you could drop in and share some air with us! You've
           passed your underwater navigation skills and successfully
           found your way to the start point - or in this case, our
           home page.</p>
       <h3></h3>
       <p></p>
       <p></p>
       <p></p>
       <h3></h3>
       <p></p> 
       </div> <!-- end of bodycontent div -->  
     </body>
    </html>
    Thanks,
    Barry
    Last edited by ralph.m; Nov 8, 2011 at 04:03. Reason: code tags

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,214
    Mentioned
    457 Post(s)
    Tagged
    8 Thread(s)
    If your styles aren't being applied, the link to your style sheet is probably wrong.

    1. Do you have a file called style1.css?

    2. Is it in the same folder as the page your HTML file?

    If yes to both, then post your styles here too.

  6. #6
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi, yes CSS1 file is in the same file and being applied.

    /*
    CSS for Bubble Under site
    */

    Code:
    body {
      
      font-family: Verdana, Helvetica, Arial, sans-serif;
    
      background-color: #e2edff;
      line-height: 200%;
      padding: 15px;
    }
    
    p {
      font-size: small;
      color: navy;
    }
    
    #tagline p {
      font-style: italic;
      font-family: Georgia, Times, serif;
    }
    
    h1 {
      font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
      font-size: x-large;
    }
    
    li {
      font-size: small;
    }
    
    h1 {
      font-size: x-large;
    }
    
    h2 {
      color: blue;
      font-size: medium;
      font-weight: normal;
    }
    
    em {
      text-transform: uppercase;
    }
    
    h1, h2, h3 {
      font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
      background-color: navy;
      color: white;
    }
    
    a {   
      font-weight: bold; 
    }
    
    a:link {
      color: black;
    }
    
    a:visited {
      color: gray;
    }
    
    a:hover {
      text-decoration: none;
      color: white;
      background-color: navy;
    }
    
    a:active {
      color: aqua;
      background-color: navy;
    }
    
    .fun {
      color: #339999;
      font-family: Georgia, Times, serif;
      letter-spacing: 0.05em;
    }
    
    blockquote.fun {
      font-style: italic;
    }
    Last edited by ralph.m; Nov 8, 2011 at 04:02.


Bookmarks

Posting Permissions

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