Probleme avec les onglet
etiennosa
Messages postés
139
Statut
Membre
-
math 2000 Messages postés 2833 Statut Membre -
math 2000 Messages postés 2833 Statut Membre -
Bonjour,
Je tente depuis a utiliser les onglets dans mon site internet mais chaque que je teste mon code ya "IMPOSSIBLE D'AFFICHER LA PAGE" qui apparait.
Voici le code source
body
{
width:400px;
margin:auto;
background-color:#fff;
}
ul#tabnav
{
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #6c6;
margin: 0;
}
ul#tabnav li
{
float: left;
height: 21px;
background-color: #cfc;
margin: 2px 2px 0 2px;
border: 1px solid #6c6;
}
ul#tabnav li.active
{
border-bottom: 1px solid #fff;
background-color: #fff;
}
#tabnav a
{
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}
#tabnav a:hover
{
background: #fff;
}
J'ai eu ce code sur "developpez.com" Pardon essayer de m'aide
Merci
Je tente depuis a utiliser les onglets dans mon site internet mais chaque que je teste mon code ya "IMPOSSIBLE D'AFFICHER LA PAGE" qui apparait.
Voici le code source
body
{
width:400px;
margin:auto;
background-color:#fff;
}
ul#tabnav
{
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #6c6;
margin: 0;
}
ul#tabnav li
{
float: left;
height: 21px;
background-color: #cfc;
margin: 2px 2px 0 2px;
border: 1px solid #6c6;
}
ul#tabnav li.active
{
border-bottom: 1px solid #fff;
background-color: #fff;
}
#tabnav a
{
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}
#tabnav a:hover
{
background: #fff;
}
J'ai eu ce code sur "developpez.com" Pardon essayer de m'aide
Merci
A voir également:
- Probleme avec les onglet
- Rouvrir onglet fermé chrome - Guide
- Groupe d'onglet chrome - Guide
- Excel onglet données grisé ✓ - Forum Excel
- Edge nouvel onglet google ✓ - Forum Microsoft Edge / Internet Explorer
- Ouvrir nouvel onglet google - Forum Microsoft Edge / Internet Explorer
5 réponses
c'est pas le code source ça mais le code css il faudrait tous les fichier le mieux serais un exemple en ligne
C'est le début de ma page comme ca. Pour le moment je n'ai que ca comme code source et je le teste sur mon ordi en attendant que ca marche avant de l'heberger sur un autre serveur.
Merci
Merci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" media="screen" type="text/css" title="onglet" href="onglet.css"/>
</head>
<body>
<div id="tabnav">
<ul id="tabnav">
<li class="active"><a href="#">Voiture</a></li>
<li><a href="#">Vélo</a></li>
<li><a href="#">Avion</a></li>
<li><a href="#">Bateau</a></li>
<li><a href="#">Pieds</a></li>
</ul>
</div>
</body>
</html>
Et voici le code CSS
body
{
width:400px;
margin:auto;
background-color:#fff;
}
ul#tabnav
{
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #6c6;
margin: 0;
}
ul#tabnav li
{
float: left;
height: 21px;
background-color: #cfc;
margin: 2px 2px 0 2px;
border: 1px solid #6c6;
}
ul#tabnav li.active
{
border-bottom: 1px solid #fff;
background-color: #fff;
}
#tabnav a
{
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}
#tabnav a:hover
{
background: #fff;
}
Merci d'avance pour votre aide car ca me bloque tout mon travail