SitePoint Sponsor

User Tag List

Results 1 to 7 of 7

Thread: CSS help

Threaded View

  1. #1
    SitePoint Member
    Join Date
    Jan 2012
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS help

    hello, i am a new learner in building websites. i am currently working on the"Build your own website the right way using html & css.". I seem to be having trouble with separating my navigation from the tagline. As soon as i put a border around the navigation part is seems to connect itself to the tagline part. How do i go about separating my navigation from the tagline. Here is my coding Thankyou for your help.



    Code:
    /*
    CSS for Bubble Under Site
    */
    
    
    
    p {
    	font weight: bold;
    	color: navy;
    }
    
    
    #tagline   {
    	height:25px;
    	font-style: italic;
    	font-family: Georgia, Times, serif;
    	background-color: clear;
    	padding-left: .8em;
    	padding-bottom: .8em;
    	border: 1px solid navy;
    }
    
    body {
    	font-family:  Verdana, Helvetica, Arial, sans-serif;
    background-color:#e2edff;
    line-height: 125%;
    padding:6px;
    border: 4px solid navy;
    
    }
    
    
    #navigation {
    	border: 1px solid navy;
    	width: 180px;
    	height: 100px;
    	border-top:;
    	background-color:violet;
    	
    		
    }
    
    
    
    
    
    
    h1, h2, h3 {
    	font family:  Helvetica, Arial, sans-serif;
    	background-color: orange;
    	color: white;
    }
    
    
    h1{
    	font family: arial, helvetica, sans-serif;
    	font-size: x-large;
    	background-color: navy;
    	color: white;
    	padding-top: 2em;
    	padding-bottom: .2em;
    	padding-left: .7em;
    }
    
    
    
    h2 {
    	border: 1px solid navy;
    	color: navy;
    	font-size: 150%;
    	font-weight:normal;
    	font-style:italic;
    	text-decoration:;
    	padding-top: 10px;	
    	padding-bottom: 10px;
    }
    
    li {
    	font-size: medium;
    }
    
    
    
    em {
    	
    	text-transform: uppercase;
    }
    
    
    
    
    a   {
    	font-weight: bold;
    	
    }
    
    a: link {
    	color: black;
    }
    
    a: visited  {
    	color: navy;
    }
    
    a: hover  {
    	text-decoration: none;
    	color: white;
    	background-color: navy;
    }
    
    a: active  {
    	color: aqua;
    	backgrond-color: navy;
    }
    
    .fun {
    	color: #339999;
    	font-family: Georgia, Times, serif;
    	letter-spacing: 0.10em;
    }
    Last edited by Paul O'B; Feb 7, 2012 at 16:07. Reason: code tags added


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
  •