2012-08-07 7 views
0

J'utilise la ligne de code suivante pour afficher des trucs dans footer de ma html page:Rubriques d'affichage en parallèle footer.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<body> 
    <div class="linksc" id="link_container" style="text-align:left;padding:20px 0;width:940px;margin-right:1000px;margin-left:10px;"> 
      <div class="links"> 
       <u> 
        <li>Site Navigation</li> 
        <ul> 
         <li><a href="#">About Us</a></li> 
         <li><a href="#">Contact Us</a></li> 
         <li><a href="#">FAQ's</a></li> 
         <li><a href="#">Privacy Policy</a></li> 
         <li><a href="#">Sell on ULTABUY</a></li> 
         <li><a href="#">Testimonials</a></li> 
         <li><a href="#">Blog</a></li> 
        </ul> 
       </ul> 
      </div> 
      <div class="links" style="text-align:left;padding:20px 0;width:940px;position:relative;left:300px; top:20px"> 
       <ul> 
        <li>How Site Works</li> 
        <ul> 
         <li><a href="#">How Does ULTABUYWork?</a></li> 
         <li><a href="#">FAQ</a></li> 
         <li><a href="#">Shipment and Delivery</a></li> 
         <li><a href="#">Returns and Warranties</a></li> 
         <li><a href="#">My Account</a></li> 
         <li><a href="#">Payment Methods and Security</a></li> 
         <li><a href="#">Protection and Prevention</a></li> 
         <li><a href="#">Technical Information</a></li> 
        </ul> 
       </ul> 
      </div> 
     </div> 


</body> 
</html> 
<?php 

    echo "<p>Copyright &copy 2012</p>"; 
?> 

Je veux afficher les liens pour Site Navigation et How Site Works en parallèle (actuellement, ils sont affichés comme l'un en dessous de l'autre) .Comment puis-je faire cela ?? Merci et salutations.

+3

Je ne pense pas que vous devriez faire écho à votre ' "

Copyright & copie 2012

";' après le ''. Vous devriez mettre ceci juste avant le ''. De plus, vous devriez mettre ';' après '& copy'. – arnoudhgz

Répondre

2

ajouter float:left au style de première div et float:right à la seconde.

+0

Et si j'ai 3 ou 4 titres? – kamalbhai

+0

vous pouvez utiliser une disposition de table avec une seule ligne et plusieurs colonnes. –

+0

y a-t-il un autre moyen de le faire? Je veux montrer comment fonctionne le site dans le centre et non dans le droit. – kamalbhai

0
display:inline-block; 
float:left; 

Fiddle

EDIT:

sans flotteur ici:

New Fiddle

+0

y a-t-il un autre moyen que le flotteur? Je veux afficher «Comment fonctionne le site» au centre et non dans le droit. – kamalbhai

+0

modifié. vérifie ça. – Prasanth