Aide CSS et HTML

Résolu
mule67260 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -  
mule67260 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour, je suis un nouveau webmaster et j'ai décidé de m'attaquer a faire un site.
Voici mon problème:
-J'ai été sur un site qui propose des menus dynamiques
-Un m'a bien plus mais voila ce qu'il y est écris:

HTML
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

CSS
#navcontainer
{
width: 12em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}


Pouvez vous me faire un texte avec tout dedans pour que je puisse le copier/coller dans mon site

Merci
A voir également:

3 réponses

giheller Messages postés 1882 Date d'inscription   Statut Membre Dernière intervention   142
 
bonsoir,

<html>
<style>
#navcontainer
{
width: 12em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}


</style>

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</html>
2
mule67260 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
 
Merci
0
notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
Mais oui, bien sûr.. tout de suite !
Et tu ne veux pas un petit café en plus ?
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention  
 
Un vrai webmaster connait le HTML et le CSS, et aurai déjà intégrer ce code dans sa page.
Donc t'es qu'un boulet
De toutes façon, il suffit de retirer "<html>" et "</html>" et tu l'as ton code à insérer où tu veux
0