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 4 of 4
  1. #1
    Regular Coder
    Join Date
    Oct 2011
    Posts
    136
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Remove line in div

    Below my banner I have text. but there is a line about my text. how do i get rid of it, and how do i make the font just a little bigger.

    thanks


    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd"><html>
    
    <head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="Content-Style-Type" content="text/css">
    
    
    
    
    <title>Cj Web Consulting - Portfolio</title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    </head>
    
    <div id="container">
      <div id="banner">
     
    <img src="images/newbanner.jpg" width="275" height="275" alt="banner" ></div>
    
    <ul id="list-nav">
     <li><a href="index.html">Home</a></li>
     <li><a href="about.html">About Us</a></li>
     <li><a href="portfolio.html">Portfolio</a></li>
     <li><a href="contact.html">Contact</a></li>
    </ul>
    
    </div>
    
    <p>&nbsp;</p>
    <br>
    <br>
    
    
    
    <div id="footer"> 
    
    <div id="footer_box"> 
    <div id="footer_list_holder"> 
    <ul id="footer_list"> 
    <li>Created</li> 
    <li><a href="http://www.renhauling.com/">REN Hauling</a></li> 
    <li><a href="http://www.charismacommunications.ca/">Charisma Communications</a></li> 
    </ul> 
    
     <ul id="footer_list"> 
     <li>Maintained</li> 
     <li><a href="http://www.aacwinnipeg.mb.ca/">Access Advisory Committee</a></li> 
     
     </ul> 
    
    </div> <!-- end #footer list holder --> 
    </div> <!-- end #footer box --> 
      
     
    </div><!-- footer --> 
    
    
    
    </body>
    
    </html>


    Code:
    #container {
    	height:275px;
        margin:0 auto;
        width:275px; 
     
    } 
    
    ul#list-nav {
     
        /*margin:20px;*/
    
        margin:20px auto 0;
     
        padding:0;
     
        list-style:none;
     
        /*width:525px;*/
    
        width:100%;
     
     } 
    
    ul#list-nav li {
     
        /*display:inline;*/
        width:25%;
        float:left;
     
     }
      
    ul#list-nav li a {
     
        text-decoration:none;
     
        padding:5px 0;
     
         
     
        background:#333;
     
        color:#fff;
     
        /*float: right;*/
     
        display:block;
     
        text-align:center;
     
        border-left:1px solid #fff;
     
     }
      
    ul#list-nav li a:hover {
     
        background:#666;
     
        color:#000;
    
     }
    
     #about {
    	  margin:0 auto;
    	  width:848px; 
     }
    
     
    
      #contact {
    	  height:auto;
    	  margin:0 auto;
    	  width:300px; 
     } 
    
    ///////// css for websites below ///////////
    
    
    * {
    margin: 0px; 
    padding: 0px; 
    } 
    
    body {
    background-color:#F0F0F0;  
    font-size: 62.5%; 
    font-family: Verdana, Courier, Tahoma; 
    } 
    
    #footer_box {	
    float:right; 
     width: 63%;
     height:auto; 
     
    border-top: 1px #CCC solid; 
    border-bottom: 0px #CCC solid; 
    } 
    
    #footer_box ul { 
      
    width: 25%;  
    float: left; 
    padding: 0em; 
    } 
    
    #footer_box li { 
     width: 100%; 
    list-style: none; 
    line-height: 1.4em; 
    text-align: left; 
    color:#555; 
    font-size: 1.2em; 
    font-weight: bold; 
    } 
    
    #footer_box a { 
    text-decoration: none; 
    font-size:90%; 
    font-weight: normal; 
    } 
    
    #footer_box a:hover { 
    text-decoration: underline; 
    } 
    
    #footer p { 
    clear: both; 
    color: #999; 
    font-size: 1em; 
    text-align: center; 
    }

  • #2
    New Coder
    Join Date
    Feb 2012
    Location
    Singapore
    Posts
    21
    Thanks
    2
    Thanked 1 Time in 1 Post
    you can change the font size in the class which you define the color and background. Add a font-size:12px;

    As for the underline you mentioned, where is the underline at? i cant see any underlines.. If so, add a text-decoration:none; in the class you define for it.

  • #3
    Banned
    Join Date
    Apr 2011
    Posts
    656
    Thanks
    14
    Thanked 69 Times in 69 Posts
    Quote Originally Posted by nasyitah08 View Post
    Add a font-size:12px;
    You should never use px for font-size. Use em instead and bear in mind that users can over-ride any css settings in the web page anyway which is the way it should be.

  • #4
    Regular Coder
    Join Date
    Oct 2011
    Posts
    136
    Thanks
    4
    Thanked 0 Times in 0 Posts
    I see an outline on my div that hold my links. so i guess what i'm saying is. theres a width boarder just below my image and above my link text.


  •  

    Posting Permissions

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