Discussion :

[darcy]

Bonsoir

j'ai une div dans ma page d'accueil :

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
#conteneur { 
 
	width:720px;
	margin:auto;
	padding:50px;
	border:3px solid  #FFFFFF;
	background: #b3ccef;
	margin-top:60px;
        font-size: 14px;
	font-style:normal;
	line-height:230%;
	background-image:url(images/LOGO.jpg);
	background-position:top-left;
	background-repeat:no-repeat;

Et je voudrai mettre des (blocks) enfin comme on peut voir sur de nombreux sites (des blocks avec une petite photo et quelques lignes qui annoncent l'actualité).
Il m'en faudrait 5 ou 6.
Je me demandais s'il fallait se servir de block en css ou bien de tableaux avec la commande<table><tr> <td> ou alors tout simplement de div...
Est ce que l'on peut après faire plusieurs feuilles de styles pour les pages différentes?

Merci beaucoup pour votre réponse

[Linaa]

Une balise div est une balise de type bloc !

Je pense que tu devrais utiliser des div plutot que des tableaux
(les tableaux servant pour ma part uniquement à hiérarchiser des données)

Pour répondre à ton autre question, oui, on peut créer plusieurs styles pour différentes pages...

[darcy]

Une balise div est une balise de type bloc !

Je pense que tu devrais utiliser des div plutot que des tableaux
(les tableaux servant pour ma part uniquement à hiérarchiser des données)

Pour répondre à ton autre question, oui, on peut créer plusieurs styles pour différentes pages...

Merci beaucoup pour ta réponse.
Je vais donc placer des div
Ces blocks pour les positionner dans la div qui est déjà existente, il faudra que j'utilise quelle ligne ? float?
je voudrai les mettre côte à côte pour 3 blocs et pour cela je me sers de la commande display:inline. ?
Merci
Bonne journée

[trotters213]

tu peux faire ainsi :

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
<div>
	<div style="background-color:#CCFFFF; float:left;">fdrdhr</div>
	<div style="background-color:#CC00FF; float:left;">fdrdhr</div>
	<div style="background-color:#CCFF00; float:right;">fdrdhr</div>
</div>
<div style="clear:both;">
	<div style="background-color:#CC0000; float:left;">fdrdhr</div>
	<div style="background-color:#0000FF; float:left;">fdrdhr</div>
	<div style="background-color:#00FFFF; float:right;">fdrdhr</div>
</div>

Je te laisse ajuster les tailles

[darcy]

tu peux faire ainsi :

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
<div>
	<div style="background-color:#CCFFFF; float:left;">fdrdhr</div>
	<div style="background-color:#CC00FF; float:left;">fdrdhr</div>
	<div style="background-color:#CCFF00; float:right;">fdrdhr</div>
</div>
<div style="clear:both;">
	<div style="background-color:#CC0000; float:left;">fdrdhr</div>
	<div style="background-color:#0000FF; float:left;">fdrdhr</div>
	<div style="background-color:#00FFFF; float:right;">fdrdhr</div>
</div>

Je te laisse ajuster les tailles

Trop trop gentil vraiment

J'essaye toussa
Merci

[darcy]

Franchement Tip Top trotters213

je viens d'essayer vite fait.. .
Me reste plus qu'à ajuster pour le positionnement dans la div principale!
Merci
en cadeau :