CSS editing help

  • WTF-AComputer
  • Student
  • Student
  • WTF-AComputer
  • Posts: 97
  • Loc: Canada

Post 3+ Months Ago

I am trying to add a link to my nav bar, or move it. I've tried 60 times and I keep messing things up.


Think you can help me out?

Here is the CSS and HTML and a link to the site.


Code: [ Select ]
 
html, body {
    margin: 0px;
    padding:0px;
    background-image:url(bg.gif);
}
 
h1, h2, h3, h4, h5, h6, p, form {
    margin: 0px;
    padding:0px;
}
 
#wrapper {
    width:800px;
    margin:0px auto;
    background-color:#FFF;
}
 
#content {
    width:778px;
    margin:0px auto;
    background-image:url(bg_header_top.gif);
    background-repeat:repeat-x;
    background-position:top;
}
 
#header {
    height:96px;
}
 
#logo {
    width:258px;
    float:left;
}
 
#logo h1{
    font-family:"Trebuchet MS";
    font-size:26px;
    color:#F76B0C;
    font-weight:normal;
    text-decoration:none;
    padding-left:40px;
    padding-top:30px;
}
 
#logo h4 {
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#808080;
    font-weight:normal;
    text-decoration:none;
    padding-left:75px;
}
 
#links ul {
    margin:0px;
    padding-top:67px;
}
 
#links li{
    float:left;
    list-style-type:none;
    width:129px;
    height:25px;
    text-align:center;
    background-color:#F4A80A;
    border-left:1px solid #FFF;
    padding-top:4px;
}
 
#links a{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#fff;
    font-weight:normal;
    text-decoration:none;
}
 
#links a:hover{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#fff;
    font-weight:normal;
    text-decoration:underline;
}
 
#mainimg {
    background-image:url(main_img.jpg);
    background-repeat:no-repeat;
    height:132px;
    text-align:right;
}
 
#mainimg h3 {
    font-family:"Trebuchet MS";
    font-size:48px;
    color:#fff;
    font-weight:normal;
    text-decoration:none;
    padding:20px 40px 0px 0px;
}
 
#mainimg h4 {
    font-family:"Trebuchet MS";
    font-size:18px;
    color:#fff;
    font-weight:normal;
    text-decoration:none;
    padding:0px 40px 0px 0px;
}
 
#contentarea {
    clear:both;
    padding:25px 0px;
}
 
#leftbar {
    float:left;
    width:539px;
    border-right:1px solid #BCBDBC;
}
 
#leftbar h2{
    font-family:"Trebuchet MS";
    font-size:26px;
    color:#EE8907;
    font-weight:normal;
    text-decoration:none;
    padding-left:40px;
    padding-bottom:5px;
}
 
#leftbar p{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#797B7A;
    font-weight:normal;
    text-decoration:none;
    padding:0px 40px;
}
 
#leftbar a {
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#EE8907;
    font-weight:bold;
    text-decoration:none;
    padding:0px 40px;
}
 
#leftbar a:hover {
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#000;
    font-weight:bold;
    text-decoration:none;
    padding:0px 40px;
}
 
#rightbar {
    float:left;
    width:237px;
}
 
#rightbar h2{
    font-family:"Trebuchet MS";
    font-size:26px;
    color:#797B7A;
    font-weight:normal;
    text-decoration:none;
    padding-left:25px;
    padding-bottom:5px;
}
 
#rightbar p{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#797B7A;
    font-weight:normal;
    text-decoration:none;
    padding:0px 25px;
}
 
.orangetext {
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#EE8907;
    font-weight:bold;
    text-decoration:none;
}
 
#bottom {
    clear:both;
    height:32px;
    padding-top:25px;
}
 
#email {
    float:left;
    width:500px;
    background-color:#9BBE00;
    height:27px;
    padding-top:5px;
}
 
#email a{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#fff;
    font-weight:normal;
    text-decoration:underline;
    padding:0px 40px;
}
 
#email a:hover{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#fff;
    font-weight:normal;
    text-decoration:none;
    padding:0px 40px;
   
}
 
#validtext {
    float:left;
    width:278px;
    background-color:#9BBE00;
    height:27px;
    padding-top:5px;
}
 
#validtext p{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#fff;
    font-weight:normal;
    text-decoration:none;
    text-align:right;
    padding-right:35px;
}
 
#validtext a{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#fff;
    font-weight:normal;
    text-decoration:underline;
}
 
#validtext a:hover{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#fff;
    font-weight:normal;
    text-decoration:none;
}
 
  1.  
  2. html, body {
  3.     margin: 0px;
  4.     padding:0px;
  5.     background-image:url(bg.gif);
  6. }
  7.  
  8. h1, h2, h3, h4, h5, h6, p, form {
  9.     margin: 0px;
  10.     padding:0px;
  11. }
  12.  
  13. #wrapper {
  14.     width:800px;
  15.     margin:0px auto;
  16.     background-color:#FFF;
  17. }
  18.  
  19. #content {
  20.     width:778px;
  21.     margin:0px auto;
  22.     background-image:url(bg_header_top.gif);
  23.     background-repeat:repeat-x;
  24.     background-position:top;
  25. }
  26.  
  27. #header {
  28.     height:96px;
  29. }
  30.  
  31. #logo {
  32.     width:258px;
  33.     float:left;
  34. }
  35.  
  36. #logo h1{
  37.     font-family:"Trebuchet MS";
  38.     font-size:26px;
  39.     color:#F76B0C;
  40.     font-weight:normal;
  41.     text-decoration:none;
  42.     padding-left:40px;
  43.     padding-top:30px;
  44. }
  45.  
  46. #logo h4 {
  47.     font-family:"Trebuchet MS";
  48.     font-size:11px;
  49.     color:#808080;
  50.     font-weight:normal;
  51.     text-decoration:none;
  52.     padding-left:75px;
  53. }
  54.  
  55. #links ul {
  56.     margin:0px;
  57.     padding-top:67px;
  58. }
  59.  
  60. #links li{
  61.     float:left;
  62.     list-style-type:none;
  63.     width:129px;
  64.     height:25px;
  65.     text-align:center;
  66.     background-color:#F4A80A;
  67.     border-left:1px solid #FFF;
  68.     padding-top:4px;
  69. }
  70.  
  71. #links a{
  72.     font-family:"Trebuchet MS";
  73.     font-size:11px;
  74.     color:#fff;
  75.     font-weight:normal;
  76.     text-decoration:none;
  77. }
  78.  
  79. #links a:hover{
  80.     font-family:"Trebuchet MS";
  81.     font-size:11px;
  82.     color:#fff;
  83.     font-weight:normal;
  84.     text-decoration:underline;
  85. }
  86.  
  87. #mainimg {
  88.     background-image:url(main_img.jpg);
  89.     background-repeat:no-repeat;
  90.     height:132px;
  91.     text-align:right;
  92. }
  93.  
  94. #mainimg h3 {
  95.     font-family:"Trebuchet MS";
  96.     font-size:48px;
  97.     color:#fff;
  98.     font-weight:normal;
  99.     text-decoration:none;
  100.     padding:20px 40px 0px 0px;
  101. }
  102.  
  103. #mainimg h4 {
  104.     font-family:"Trebuchet MS";
  105.     font-size:18px;
  106.     color:#fff;
  107.     font-weight:normal;
  108.     text-decoration:none;
  109.     padding:0px 40px 0px 0px;
  110. }
  111.  
  112. #contentarea {
  113.     clear:both;
  114.     padding:25px 0px;
  115. }
  116.  
  117. #leftbar {
  118.     float:left;
  119.     width:539px;
  120.     border-right:1px solid #BCBDBC;
  121. }
  122.  
  123. #leftbar h2{
  124.     font-family:"Trebuchet MS";
  125.     font-size:26px;
  126.     color:#EE8907;
  127.     font-weight:normal;
  128.     text-decoration:none;
  129.     padding-left:40px;
  130.     padding-bottom:5px;
  131. }
  132.  
  133. #leftbar p{
  134.     font-family:"Trebuchet MS";
  135.     font-size:11px;
  136.     color:#797B7A;
  137.     font-weight:normal;
  138.     text-decoration:none;
  139.     padding:0px 40px;
  140. }
  141.  
  142. #leftbar a {
  143.     font-family:"Trebuchet MS";
  144.     font-size:11px;
  145.     color:#EE8907;
  146.     font-weight:bold;
  147.     text-decoration:none;
  148.     padding:0px 40px;
  149. }
  150.  
  151. #leftbar a:hover {
  152.     font-family:"Trebuchet MS";
  153.     font-size:11px;
  154.     color:#000;
  155.     font-weight:bold;
  156.     text-decoration:none;
  157.     padding:0px 40px;
  158. }
  159.  
  160. #rightbar {
  161.     float:left;
  162.     width:237px;
  163. }
  164.  
  165. #rightbar h2{
  166.     font-family:"Trebuchet MS";
  167.     font-size:26px;
  168.     color:#797B7A;
  169.     font-weight:normal;
  170.     text-decoration:none;
  171.     padding-left:25px;
  172.     padding-bottom:5px;
  173. }
  174.  
  175. #rightbar p{
  176.     font-family:"Trebuchet MS";
  177.     font-size:11px;
  178.     color:#797B7A;
  179.     font-weight:normal;
  180.     text-decoration:none;
  181.     padding:0px 25px;
  182. }
  183.  
  184. .orangetext {
  185.     font-family:"Trebuchet MS";
  186.     font-size:11px;
  187.     color:#EE8907;
  188.     font-weight:bold;
  189.     text-decoration:none;
  190. }
  191.  
  192. #bottom {
  193.     clear:both;
  194.     height:32px;
  195.     padding-top:25px;
  196. }
  197.  
  198. #email {
  199.     float:left;
  200.     width:500px;
  201.     background-color:#9BBE00;
  202.     height:27px;
  203.     padding-top:5px;
  204. }
  205.  
  206. #email a{
  207.     font-family:"Trebuchet MS";
  208.     font-size:11px;
  209.     color:#fff;
  210.     font-weight:normal;
  211.     text-decoration:underline;
  212.     padding:0px 40px;
  213. }
  214.  
  215. #email a:hover{
  216.     font-family:"Trebuchet MS";
  217.     font-size:11px;
  218.     color:#fff;
  219.     font-weight:normal;
  220.     text-decoration:none;
  221.     padding:0px 40px;
  222.    
  223. }
  224.  
  225. #validtext {
  226.     float:left;
  227.     width:278px;
  228.     background-color:#9BBE00;
  229.     height:27px;
  230.     padding-top:5px;
  231. }
  232.  
  233. #validtext p{
  234.     font-family:"Trebuchet MS";
  235.     font-size:11px;
  236.     color:#fff;
  237.     font-weight:normal;
  238.     text-decoration:none;
  239.     text-align:right;
  240.     padding-right:35px;
  241. }
  242.  
  243. #validtext a{
  244.     font-family:"Trebuchet MS";
  245.     font-size:11px;
  246.     color:#fff;
  247.     font-weight:normal;
  248.     text-decoration:underline;
  249. }
  250.  
  251. #validtext a:hover{
  252.     font-family:"Trebuchet MS";
  253.     font-size:11px;
  254.     color:#fff;
  255.     font-weight:normal;
  256.     text-decoration:none;
  257. }
  258.  

_____________________________________

Code: [ Select ]
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Kipling Baptist Church</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
  <div id="content">
    <div id="header">
      <div id="logo">
    <img src="kiplingchurchpic2.jpg" alt="Church Picture" height="100px" width="300px"/>
      </div>
      <div id="links">
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="youth.html">Youth Group</a></li>
          <li><a href="Serman.html">Sermon</a></li>
          <li><a href="contactus.html">Contact Us</a></li>
        </ul>
      </div>
    </div>
    <div id="mainimg">
      <h3>Kipling Baptist Church</h3>
      <h4></h4>
    </div>
    <div id="contentarea">
      <div id="leftbar">
        <h2>Welcome</h2>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut id nisl nec leo congue fringilla. Suspendisse potenti. Phasellus sed velit eget sapien interdum ultrices. Nullam nec magna. Maecenas cursus. Etiam sapien neque, auctor eu, volutpat at, condimentum et, odio. Morbi id lorem. Nam urna ante, venenatis sed, molestie eu, dictum sit amet, tellus. Phasellus pellentesque magna vitae elit. In dignissim eleifend odio. Curabitur at libero. Donec est justo, pellentesque eu, vulputate feugiat, ultrices quis, nunc. Sed neque. Nulla egestas, risus id consectetuer ultrices, ante turpis posuere ligula, ac pulvinar tortor dui ac odio. Curabitur auctor urna sed purus. In varius.</p>
        <br />
        <p>Nulla sit amet magna non enim posuere porttitor. Vestibulum ante. Nam et nulla vestibulum libero facilisis aliquet. Vivamus ante velit, facilisis eu, pulvinar nec, ultricies vel, sem. Morbi ac velit. Sed est. Proin vehicula. Maecenas ac pede. Fusce rhoncus. Maecenas at quam. Aenean nunc felis, elementum vel, faucibus vitae, nonummy et, tellus. Nulla auctor venenatis urna. Donec accumsan urna sed libero. Fusce at mi eu leo sollicitudin adipiscing. Ut metus purus, gravida nec, scelerisque quis, venenatis non, ante. Aliquam a leo vel libero tempus scelerisque. Morbi iaculis. Ut libero. </p>
        <br />
        <a href="#">more ></a><br />
        <br />
      </div>
      <div id="rightbar">
        <h2>Youth News</h2>
        <p><span class="orangetext">February 6th 09</span><br />
          Meet at the Robidas house 7:30 til 10:00 and get ROOTED.
      A time to look at Blizzard, God’s word, talk about Daniel/Danielle, and spend time together.
      *If anyone bought the new Life Support CD, would you please bring it!!!   Thanks.
          <br />
          <br />
          <span class="orangetext">February 13th 09</span><br />
          Meet at the Robidas house 7:30 til 10:00 and get ROOTED.
      OK, so let’s make it a RED night.  Let’s see what you’ve got!
      Subject:  MY BODY, YOUR HOME
      Get ready to dive into God’s word.
 
          <br />
          <br />
          <span class="orangetext">February 20th 09</span><br />
          Meet in Kipling from 7:30 til 10:00.
      February 22nd is YOUTH SUNDAY …
      So we’ll … sing a few songs, do a little prep, act a little skit, and so on …
          </p>
      </div>
    </div>
    <div id="bottom">
      <div id="email"><a href="mailto:arcfault@live.ca">By: Brandon.O and the ozzu crew</a></div>
      <div id="validtext">
      </div>
    </div>
  </div>
</div>
</body>
</html>
 
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <title>Kipling Baptist Church</title>
  7. <link href="style.css" rel="stylesheet" type="text/css" />
  8. </head>
  9. <body>
  10. <div id="wrapper">
  11.   <div id="content">
  12.     <div id="header">
  13.       <div id="logo">
  14.     <img src="kiplingchurchpic2.jpg" alt="Church Picture" height="100px" width="300px"/>
  15.       </div>
  16.       <div id="links">
  17.         <ul>
  18.           <li><a href="index.html">Home</a></li>
  19.           <li><a href="youth.html">Youth Group</a></li>
  20.           <li><a href="Serman.html">Sermon</a></li>
  21.           <li><a href="contactus.html">Contact Us</a></li>
  22.         </ul>
  23.       </div>
  24.     </div>
  25.     <div id="mainimg">
  26.       <h3>Kipling Baptist Church</h3>
  27.       <h4></h4>
  28.     </div>
  29.     <div id="contentarea">
  30.       <div id="leftbar">
  31.         <h2>Welcome</h2>
  32.         <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut id nisl nec leo congue fringilla. Suspendisse potenti. Phasellus sed velit eget sapien interdum ultrices. Nullam nec magna. Maecenas cursus. Etiam sapien neque, auctor eu, volutpat at, condimentum et, odio. Morbi id lorem. Nam urna ante, venenatis sed, molestie eu, dictum sit amet, tellus. Phasellus pellentesque magna vitae elit. In dignissim eleifend odio. Curabitur at libero. Donec est justo, pellentesque eu, vulputate feugiat, ultrices quis, nunc. Sed neque. Nulla egestas, risus id consectetuer ultrices, ante turpis posuere ligula, ac pulvinar tortor dui ac odio. Curabitur auctor urna sed purus. In varius.</p>
  33.         <br />
  34.         <p>Nulla sit amet magna non enim posuere porttitor. Vestibulum ante. Nam et nulla vestibulum libero facilisis aliquet. Vivamus ante velit, facilisis eu, pulvinar nec, ultricies vel, sem. Morbi ac velit. Sed est. Proin vehicula. Maecenas ac pede. Fusce rhoncus. Maecenas at quam. Aenean nunc felis, elementum vel, faucibus vitae, nonummy et, tellus. Nulla auctor venenatis urna. Donec accumsan urna sed libero. Fusce at mi eu leo sollicitudin adipiscing. Ut metus purus, gravida nec, scelerisque quis, venenatis non, ante. Aliquam a leo vel libero tempus scelerisque. Morbi iaculis. Ut libero. </p>
  35.         <br />
  36.         <a href="#">more ></a><br />
  37.         <br />
  38.       </div>
  39.       <div id="rightbar">
  40.         <h2>Youth News</h2>
  41.         <p><span class="orangetext">February 6th 09</span><br />
  42.           Meet at the Robidas house 7:30 til 10:00 and get ROOTED.
  43.       A time to look at Blizzard, God’s word, talk about Daniel/Danielle, and spend time together.
  44.       *If anyone bought the new Life Support CD, would you please bring it!!!   Thanks.
  45.           <br />
  46.           <br />
  47.           <span class="orangetext">February 13th 09</span><br />
  48.           Meet at the Robidas house 7:30 til 10:00 and get ROOTED.
  49.       OK, so let’s make it a RED night.  Let’s see what you’ve got!
  50.       Subject:  MY BODY, YOUR HOME
  51.       Get ready to dive into God’s word.
  52.  
  53.           <br />
  54.           <br />
  55.           <span class="orangetext">February 20th 09</span><br />
  56.           Meet in Kipling from 7:30 til 10:00.
  57.       February 22nd is YOUTH SUNDAY …
  58.       So we’ll … sing a few songs, do a little prep, act a little skit, and so on …
  59.           </p>
  60.       </div>
  61.     </div>
  62.     <div id="bottom">
  63.       <div id="email"><a href="mailto:arcfault@live.ca">By: Brandon.O and the ozzu crew</a></div>
  64.       <div id="validtext">
  65.       </div>
  66.     </div>
  67.   </div>
  68. </div>
  69. </body>
  70. </html>
  71.  


I am looking to relocate the nav bar below the green banner instead of on top.
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • grinch2171
  • Moderator
  • Genius
  • User avatar
  • Posts: 6801
  • Loc: Martinsburg, WV

Post 3+ Months Ago

Make the following change to your CSS
Code: [ Select ]
#links ul {
    margin:0px;
    padding-top: 67px;
}
  1. #links ul {
  2.     margin:0px;
  3.     padding-top: 67px;
  4. }


to

Code: [ Select ]
#links ul {
    margin:0px; 
}
  1. #links ul {
  2.     margin:0px; 
  3. }


Change the following in your HTML
Code: [ Select ]
<div id="wrapper">
<div id="content">
    <div id="header">
     <div id="logo">
    <img src="kiplingchurchpic2.jpg" alt="Church Picture" height="100px" width="300px"/>
     </div>
     <div id="links">
        <ul>
         <li><a href="index.html">Home</a></li>
         <li><a href="youth.html">Youth Group</a></li>
         <li><a href="Serman.html">Sermon</a></li>
         <li><a href="contactus.html">Contact Us</a></li>
        </ul>
     </div>
    </div>
    <div id="mainimg">
     <h3>Kipling Baptist Church</h3>
     <h4></h4>
    </div>
    <div id="contentarea">
     <div id="leftbar">
  1. <div id="wrapper">
  2. <div id="content">
  3.     <div id="header">
  4.      <div id="logo">
  5.     <img src="kiplingchurchpic2.jpg" alt="Church Picture" height="100px" width="300px"/>
  6.      </div>
  7.      <div id="links">
  8.         <ul>
  9.          <li><a href="index.html">Home</a></li>
  10.          <li><a href="youth.html">Youth Group</a></li>
  11.          <li><a href="Serman.html">Sermon</a></li>
  12.          <li><a href="contactus.html">Contact Us</a></li>
  13.         </ul>
  14.      </div>
  15.     </div>
  16.     <div id="mainimg">
  17.      <h3>Kipling Baptist Church</h3>
  18.      <h4></h4>
  19.     </div>
  20.     <div id="contentarea">
  21.      <div id="leftbar">


to

Code: [ Select ]
<div id="wrapper">
<div id="content">
    <div id="header">
     <div id="logo">
    <img src="kiplingchurchpic2.jpg" alt="Church Picture" height="100px" width="300px"/>
     </div>
    </div>
    <div id="mainimg">
     <h3>Kipling Baptist Church</h3>
     <h4></h4>
    </div>
    <div id="links">
        <ul>
         <li><a href="index.html">Home</a></li>
         <li><a href="youth.html">Youth Group</a></li>
         <li><a href="Serman.html">Sermon</a></li>
         <li><a href="contactus.html">Contact Us</a></li>
        </ul>
    </div>
    <div id="contentarea">
     <div id="leftbar">
  1. <div id="wrapper">
  2. <div id="content">
  3.     <div id="header">
  4.      <div id="logo">
  5.     <img src="kiplingchurchpic2.jpg" alt="Church Picture" height="100px" width="300px"/>
  6.      </div>
  7.     </div>
  8.     <div id="mainimg">
  9.      <h3>Kipling Baptist Church</h3>
  10.      <h4></h4>
  11.     </div>
  12.     <div id="links">
  13.         <ul>
  14.          <li><a href="index.html">Home</a></li>
  15.          <li><a href="youth.html">Youth Group</a></li>
  16.          <li><a href="Serman.html">Sermon</a></li>
  17.          <li><a href="contactus.html">Contact Us</a></li>
  18.         </ul>
  19.     </div>
  20.     <div id="contentarea">
  21.      <div id="leftbar">


That should fix you up.
  • WTF-AComputer
  • Student
  • Student
  • WTF-AComputer
  • Posts: 97
  • Loc: Canada

Post 3+ Months Ago

Thank you very much! it looks great. What would I add if I wanted more links in my navigation though?
  • grinch2171
  • Moderator
  • Genius
  • User avatar
  • Posts: 6801
  • Loc: Martinsburg, WV

Post 3+ Months Ago

Change
Code: [ Select ]
    <div id="links">
        <ul>
         <li><a href="index.html">Home</a></li>
         <li><a href="youth.html">Youth Group</a></li>
         <li><a href="Serman.html">Sermon</a></li>
         <li><a href="contactus.html">Contact Us</a></li>
        </ul>
    </div>
  1.     <div id="links">
  2.         <ul>
  3.          <li><a href="index.html">Home</a></li>
  4.          <li><a href="youth.html">Youth Group</a></li>
  5.          <li><a href="Serman.html">Sermon</a></li>
  6.          <li><a href="contactus.html">Contact Us</a></li>
  7.         </ul>
  8.     </div>


to

Code: [ Select ]
    <div id="links">
        <ul>
         <li><a href="index.html">Home</a></li>
         <li><a href="youth.html">Youth Group</a></li>
         <li><a href="Serman.html">Sermon</a></li>
         <li><a href="contactus.html">Contact Us</a></li>
         <li><a href="linktopage.html">Whatever</a></li>
         <li><a href="anotherlink.html">Whatever again</a></li>
        </ul>
    </div>
  1.     <div id="links">
  2.         <ul>
  3.          <li><a href="index.html">Home</a></li>
  4.          <li><a href="youth.html">Youth Group</a></li>
  5.          <li><a href="Serman.html">Sermon</a></li>
  6.          <li><a href="contactus.html">Contact Us</a></li>
  7.          <li><a href="linktopage.html">Whatever</a></li>
  8.          <li><a href="anotherlink.html">Whatever again</a></li>
  9.         </ul>
  10.     </div>
  • WTF-AComputer
  • Student
  • Student
  • WTF-AComputer
  • Posts: 97
  • Loc: Canada

Post 3+ Months Ago

Thanks

Post Information

  • Total Posts in this topic: 5 posts
  • Users browsing this forum: No registered users and 69 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.