Suivez le fil RSS
 
Rechercher dans le sujet :
Forum
» CSS et mise en forme
» Comment faire un cadre sous des onglets
Auteur
Ryo Saeba
# 08 Aug 2005 - 09:45:38
Citer
6 Posts
 Salut à tous,

je débute en CSS, la matière est intéressante mais pas facile.
Je n'ai par exemple pas compris comment faire un cadre sous les onglets comme sur la page dont voici le lien :

http://www.asp.net/TimeTrackerStarterKit/ProjectList.aspx?index=2

Si une âme charitable pouvait m'expliker la démarche.
^
zzzazzz
# 08 Aug 2005 - 09:55:40
Citer
459 Posts
 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 ohwell

Je t'invite à aller faire un tour par ici
^
Ryo Saeba
# 08 Aug 2005 - 09:58:47
Citer
6 Posts
 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.
^
Ryo Saeba
# 08 Aug 2005 - 10:32:48
Citer
6 Posts
 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)
^
dimdes
# 09 Aug 2005 - 04:30:03
Citer
61 Posts
 hello,
ce n'es t pas tout a fait le même probleme, mais mon post pourra peut-etre t'aider....

http://forum.alsacreations.com/topic.php?fid=4&tid=5839
Code Code Code Cod-aaakkkkk
http://www.igitebo.be 
^
Ryo Saeba
# 09 Aug 2005 - 08:14:57
Citer
6 Posts
 merci je vais voir ca attentivement cligne

^
Le sujet est clos.
Aller à
Powered by Phedio v3.8.7 beta in 100.9 ms © dew