Discussion :

[aliwassem]

voila avec des commandes CSS j'utilise le Z-index pour creer les tabs comme l'image suivant:





alors est ce que je peux le faire comme l'image suivant (traite avec le photoshop)





ou comme le suivant:



le width du content ce n'est pas fixe et toujours = 100% mais T1 , T2 et T3 peuvent etre fixe

d'avance

[laurentibus]

alors est ce que je peux le faire comme l'image suivant (traite avec le photoshop)

ben ouais
quel est le problème ?
le blanc en debut et fin de la ligne T1,T2,T3 ???
si oui tu creer des colonnes "transparentes" et voila

sinon .... peux tu mieux expliquer ton pb ?

[aliwassem]

ben ouais
quel est le problème ?
le blanc en debut et fin de la ligne T1,T2,T3 ???
si oui tu creer des colonnes "transparentes" et voila

sinon .... peux tu mieux expliquer ton pb ?

je veux mettre les trois tabs T1 ,T2 et T3 au milieu de le rectangle comme le 2em image avec par example T1 = T2 = T3 .width = 60 et content.width = 100% et ce depend sur les dimensions de l'ecran.

ou comme le 3em image tel que T1.width = Content.width/3

[laurentibus]

comme sur l image 2 il te faut creer une colonne transparente a la fin et au debut de la ligne ...

par contre

par example T1 = T2 = T3 .width = 60

si tu parle de 60% c'est pas possible le max c'est 100% ors la tu serais a 120%

donc tu aurais 5 colonnes :
-2 "transparantes" c'est a dire sans bordure et de couleur de fond de la page et de taille identique "exemple 10%"

-3 colonnes T1,2,3 de couleurs "bleu" et de taille identique exemple 26%

voila

[Er3van]

Ou alors tu fais seulement trois colonnes et tu te sers des padding...

QQchose du genre :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<dl>
    <dt><a href="#">1</a></dt>
    <dt><a href="#">2</a></dt>
    <dt><a href="#">3</a></dt>
</dl>

et en css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
dl { width : 100% ; padding-left : 20% ; padding-right : 20% ; }
dt { float : left ; width : 20% ; text-align : center ;}
dt a { display : block ; background-color : #004455 ; color : #FFFFFF ;}

[aliwassem]

Ou alors tu fais seulement trois colonnes et tu te sers des padding...

QQchose du genre :

Code html :
</p><p><dl></p><p> <dt><a href="#">1</a></dt></p><p> <dt><a href="#">2</a></dt></p><p> <dt><a href="#">3</a></dt></p><p></dl></p><p>


et en css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
dl { width : 100% ; padding-left : 20% ; padding-right : 20% ; }
dt { float : left ; width : 20% ; text-align : center ;}
dt a { display : block ; background-color : #004455 ; color : #FFFFFF ;}

beaucoup j'utilise le meme idee et ca marche tres bien


encore pour vous et pour laurentibus