28111 sujets

CSS et mise en forme, CSS3

Cet exemple utilse des tables et non des divs, je ne sais pas si tu vas trouver des gens pour t'aider avec cette matière de base Smiley ohwell

Je t'invite à aller faire un tour par ici
merci pour le lien mais justement mon but est de faire une mise en page sans tableaux.
Je donnais le lien pour montrer l'effet aukel je veux arriver et savoir si quelqu'un connait la méthode pour y arriver avec des CSS.

Je sais faire des onglets en CSS mais pas le cadre sous les onglets.
après réflexion, j'ai décidé de mettre un cadre qui couvre toute la page et de le positionner sous les onglets.
Le problème est ke le cadre souligne mon onglet actif, ce ki n'est pas le but recherché.


.mainFrame { position: relative; border: 1px solid #B0C3C3; padding: 5px; height: 550px; top: -21px;}

ul#tabnav {
    font: bold 12px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 25px;
    border-bottom: 1px solid #B0C3C3;    
    margin: 0 0 20px 0;
}

ul#tabnav li {
    float: left;
    height: 21px;
    background-color: #B0C3C3;
    margin: 2px 2px 0 0;
    border: 1px solid #B0C3C3;
}

ul#tabnav li.active {	
    border-bottom: 2px solid #FFF;
    background-color: #fff;
}

#tabnav a {
    float: left;
    display: block;
    color: #666;
    text-decoration: none;
    padding: 4px;
}


ma kestion est comment faire pour ke le lien de mon onglet actif recouvre le cadre principal (la classe mainFrame dans mon exemple) ???
Modifié par Ryo Saeba (08 Aug 2005 - 10:34)