[williamh26]

Hi guys i wanna make three column footer this is my code so far

PHP Code:

<div id="footer">

       <div id="top-footer">

             <div id="link1">

             <ul>

                 <li><h2>link1</h3></li>

                 <li><h2>link1</h3></li>

                 <li><h2>link1</h3></li>

             </ul>

             </div>

             <ul>

             <div id="link2">



                <li><h2>link2</h3></li>

                <li><h2>link2</h3></li>

                <li><h2>link2</h3></li>

             </div>

             </ul>

              <div id="link3">



                <li><h2>link3</h3></li>

                <li><h2>link3</h3></li>

                <li><h2>link3</h3></li>

             </div>

             </ul>

       </div>



</div> 

This is my css code

PHP Code:

#footer h3        {font-family: Comic Sans, Comic Sans MS, cursive; color:#FFFFFF; font-size:1.5em;

                        margin-top:5; margin-bottom:20;}

#top-footer       {background-color:#FFFFFF; width:100%; padding:20px 0; overflow:hidden;}

#link1             { float:left; margin:0px 100px 0 150px;  }

#link1 p        {color:#ffffff; font-size:11px; margin:80px 40px 4px 0;}



#link2            { float:right; margin:0 150px 0 0; text-align:left; }

#link2 ul li    {display:inline;}



#link3        {   } 

What I have to do to make link3 in the middle Thanks for your help

[xEX3CUT1ONx]

HTML Code:

<div id='footer_container'>
   <div id='footer_col'>

   </div>

   <div id='footer_col'>

   </div>

   <div id='footer_col'>

   </div>

</div>

Code:

#footer_container{
width:800px;
}
#footer_col{
width:33%;
}

Should be what your after.