Probleme avec les onglet

Fermé

etiennosa Messages postés 128 Date d'inscription mardi 10 mars 2009 Statut Membre Dernière intervention 2 juin 2013 - 9 avril 2009 à 00:02
math 2000 Messages postés 2605 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 - 9 avril 2009 à 16:06

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

5 réponses

Réponse 1 / 5

math 2000 Messages postés 2605 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 404
9 avril 2009 à 08:13

c'est pas le code source ça mais le code css il faudrait tous les fichier le mieux serais un exemple en ligne

etiennosa Messages postés 128 Date d'inscription mardi 10 mars 2009 Statut Membre Dernière intervention 2 juin 2013
9 avril 2009 à 14:51

Voici le code xhtml
<!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

Réponse 2 / 5

arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
9 avril 2009 à 14:59

Une page sur ton hébergeur serai mieux qu'un bout de code lancé comme ça.

Réponse 3 / 5

etiennosa Messages postés 128 Date d'inscription mardi 10 mars 2009 Statut Membre Dernière intervention 2 juin 2013
9 avril 2009 à 15:16

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

Réponse 4 / 5

math 2000 Messages postés 2605 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 404
9 avril 2009 à 15:48

je vois pas le pb
http://bormat2.free.fr/math%202000/onglets/Untitled%20Document.html

arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
9 avril 2009 à 15:52

Effectivement. Avec ton lien, même sous IE6 y'a pas de souci.

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

math 2000 Messages postés 2605 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 404
9 avril 2009 à 16:06

bon ben tu enregistre la page ou je te le passe en zip et c'est résolu lol