2012-11-13 9 views
0

Je suis fondamentalement en train de déplacer les liens vers le côté gauche du site et je veux qu'ils soient dans une liste non ordonnée, je ne peux pas comprendre où placer le <ul> <li>Ajout d'une liste non-ordonnée

Essayer d'ajouter une liste non ordonnée:

<div id="left"> 
    <b><a href="index.html">Home</a> 
    <a href="listing.html">Listing</a> 
    <a href="financing.html">Financing</a> 
    <a href="contact.html">Contact</a> 
    </b> 
</div> 

complet code:

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <title>Prime Properties</title> 
    <meta charset="utf-8"> 
    <link rel="stylesheet" href="prime.css" /> 

</head> 

<body> 
<div id="wrapper"> 
<h1><img alt="PRIMELOGO" src="primelogo.gif" width="650" height="100" /></h1> 
<p>Prime Properties is prepared to market and sell your property.<br /><br />The philosophy of Prime Properties is to promote our clients, not ourselves.<br /><br />We can also help you find the property that meets your needs:</p> 
<ul> 
<li>location</li> 
<li>price</li> 
<li>features</li> 
</ul> 
<div id="contact"><b>Prime Properties<br />3055 Bode Road<br />Schaumburg, IL 60194<br /><br />847-555-5555</b></div> 
&nbsp; 
<div id="footer"> 
<div id="left"><b><a href="index.html">Home</a> <a href="listing.html">Listing</a> <a href="financing.html">Financing</a> <a href="contact.html">Contact</a></b></div> 
<p></p> 
<p></p> 
<p></p> 
<p></p> 
<p>&copy; Copyright "xxxxx" xxxxxxx 2012<br /> <a href="mailto:[email protected]">[email protected]</a></p> 
</div> 
</div> 
</body> 

</html> 

Répondre

1

Je pense que vous vouloir quelque chose comme ça, comme indiqué dans ce jsFiddle

<style> 
    div#left ul{list-style:none;font-weight:bold;} 
    div#left ul li{display:inline-block;} 
</style> 

<div id="left"> 
    <ul> 
     <li> 
      <a href="index.html">Home</a> 
     </li> 
     <li> 
      <a href="listing.html">Listing</a> 
     </li> 
     <li> 
      <a href="financing.html">Financing</a> 
     </li> 
     <li> 
      <a href="contact.html">Contact</a> 
     </li> 
    </ul> 
</div> 
+0

Il donne de 1 erreur sur la validation HTML: style de l'élément non admis en tant qu'enfant de div élément dans ce contexte. (Suppression d'autres erreurs de cette sous-arborescence.) – KKP

+0

lol, les déclarations '' '' '' '' '' '' '' ''