Previous Topic Next Topic

HTML - Footer placement

Closed
tamildove Posts 1 Registration date Tuesday January 14, 2014 Status Member Last seen January 14, 2014 - Jan 14, 2014 at 02:51 AM
BunoCS Posts 15495 Registration date Monday July 11, 2005 Status Moderator Last seen October 23, 2024 - Jan 14, 2014 at 12:53 PM
Below is the html code, mainly for footer.

But when placing another below code after code it is coming below instead of coming next to it. Please help: 


<div class=" footer-container">
<li><h2>Company</h2>
 <ul>
        <li><a href="about_us.html">About Us</a></li>
 <li><a href="meet_our_directors.html">Meet Our Directors</a></li>
 <li><a href="achievements.html">Achievements</a></li>
 <li><a href="our_team.html">Our Team</a></li>
 <li><a href="research_development.html">R&D Cell</a></li>
 <li><a href="how_we_work.html">How We Work</a></li>
 <li><a href="confidentially.html">Confidentially</a></li>
 <li><a href="why_secugenius.html">Why Secugenius ?</a></li>
       </ul>
</li>
      
</div>




FULL CODE OF HTML: 

<body>
<div id="main">
<div id="top">
<div class="header">
<div class="logo">
</div>
<div class="banner">
</div>

</div>
<div class="menubar">
<ul>
<li><a href="">HOME</a></li>
<li><a href="">ABOUT US</a></li>
<li><a href="">GALLERY</a></li>
<li><a href="">JOIN</a></li>
<li><a href="">PLACEMENT</a></li>
<li><a href="">TUTORIALS</a></li>
<li><a href="contact.html">CONTACT US</a></li>
<li><a href="">FANCHISE</a></li>
<li><a href="">SITE MAP</a></li>
</ul>
</div>
</div>

<div id="middle">

<div class="sidemenu">
<li><a href="">Computer Basics</a></li>
<li><a href="">Web Designing</a></li>
<li><a href="">PHP</a></li>
<li><a href="">Testing</a></li>
<li><a href="">C++(OOPS)</a></li>
<li><a href="">Data Structure</a></li>
<li><a href="">JAVA</a></li>
<li><a href="">Networking</a></li>
<li><a href="">Oracle</a></li>
<li><a href="">"O" Level</a></li>
<li><a href="">Others</a></li>

</div>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','550','height','400','src','images/BANNER1','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','images/BANNER1' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0]" width="550" height="400">
  <param name="movie" value="images/BANNER1.swf" />
  <param name="quality" value="high" />
  <embed src="images/BANNER1.swf" quality="high" pluginspage="[http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash]" type="application/x-shockwave-flash" width="550" height="400"></embed>
</object>
</noscript></div>
<div id="footer">
<div class="footer">
<div class=" footer-container">
<li><h2>Company</h2>
 <ul>
        <li><a href="about_us.html">About Us</a></li>
 <li><a href="meet_our_directors.html">Meet Our Directors</a></li>
 <li><a href="achievements.html">Achievements</a></li>
 <li><a href="our_team.html">Our Team</a></li>
 <li><a href="research_development.html">R&D Cell</a></li>
 <li><a href="how_we_work.html">How We Work</a></li>
 <li><a href="confidentially.html">Confidentially</a></li>
 <li><a href="why_secugenius.html">Why Secugenius ?</a></li>
       </ul>
</li>
      
</div>

</div>
</div>
</div>
</body>
</html>



FULL CODE OS CSS: 

@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; background:#FFF;}

#main{margin:0px auto; padding:0px; width:1000px;}

#top{margin:0px auto; padding:0px; width:1000px;}

.header{margin:0px; padding:0px; width:1000px; height:160px; background:url(../images/header1.jpg); float:left; }

.logo{margin:0px; padding:0px; height:160px; width:200px; float:left; background:url(../images/LOGO.png);}

.banner{margin:0px 0px 0px 10px; padding:0px; height:160px; width:790px; float:left; background:url(../images/BANNER.jpg);}

.menubar{margin:0px auto; width:1000px; height:30px; background:#9966FF; float:left;}

.menubar ul{margin:0px; padding:0px; width:1000px; height:30px; float:left;}

.menubar li{margin:0px; padding:7px 26px 0px 26px; height:25px; width:auto; float:left; text-decoration:none; list-style:none; color:#000000; }

.menubar a{margin:0px; float:left; text-align:center; font-size:12px; height:auto; text-decoration:none; list-style:none; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; width:auto;}

.menubar a:hover{color:#fff; }

#middle{margin:0px auto; padding:0px; width:auto; border: 1px solid #e5e5e5;}

.sidemenu{ margin:0px; padding:0px; width:150px; height:auto; background-color:#f8f3a1; float:left; text-decoration:none; list-style:none;}

.sidemenu li{margin:0px auto; height:auto; float:left; text-decoration:none; list-style:none; background-color:#f8f3a1; color:#000000;}

.sidemenu a{padding:10px 15px 10px 30px; width:105px; height:auto; float:left; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none; list-style:none;  }

.sidemenu a:hover{background:#DCDCDC; color:#635e0a;}

.middle1{margin:0px auto; padding:0px; width:auto;}

.cya{margin:0px; width:845px; height:40px; background:url(../images/cya.jpg); float:left;}

.table{margin:0px; height:auto;}

#footer {color: #999; background-color: #383838; height:400px; width: 1000px; border-top: 5px solid #e5e5e5; }

.footer {color: #999; background-color: #383838; height:400px; width: 1000px;  }

.footer-container{margin:0px; padding:8px 0px 8px 30px; width:120px; height:380px; background-color: #CC66FF;}

.footer-container ul{margin:0px; padding:0px; width:120px; height:380px; float:left;}

.footer-container li{float:left; text-decoration:none; list-style:none; color:#FFFFFF; font-family:serif;} 

.footer-container a{margin:0px; padding:8px 10px 8px 5px; float:left; text-decoration:none; list-style:none; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.footer-container a:hover{ text-decoration:underline; color:#3366FF;}
Related:

3 responses

Answer 1 / 3
BunoCS Posts 15495 Registration date Monday July 11, 2005 Status Moderator Last seen October 23, 2024 1,533
Jan 14, 2014 at 03:47 AM
Hello,
I've edited your message to add "code tags" around your pieces of code to increase readability. I've modified your title too.

Regarding your problem, have you check this how-to? https://ccm.net/faq/6037-html-header-and-footer
0
Answer 2 / 3
Selvan
Jan 14, 2014 at 04:57 AM
Yes, but i could not understand that. As i am new in this kindly explain
0
Answer 3 / 3
BunoCS Posts 15495 Registration date Monday July 11, 2005 Status Moderator Last seen October 23, 2024 1,533
Jan 14, 2014 at 12:53 PM
I'm not a CSS expert, but isn't there a mistake, here? 
<div class=" footer-container">

A blank space before 
footer-container
...
0

Similar discussions

Adding a footer to access 2007
chicky -
LouisSteph -

1 response