Faire un encadré sous CSS

Version imprimable

05/02/2006, 17h45
student007

Faire un encadré sous CSS
Salut à tous,
je souhaiterais encadrer 3 images en CSS sans utiliser de <table>
car j'utilise un table en dessous de ces 3 images.
Voici mon code :
Code:

1 2 3 4 <ul id="image1"><img src="image1.GIF" /> <ul id="image2"><img src="image2.GIF"> <ul id="animation">
05/02/2006, 18h02
OverCat
Salut,

Quand tu parles d'encadrer tes images, tu penses à leurs faire une bordure ?

Si c'est le cas, voici le code :
Code:

1 2 3 4 5 6 #image1 img { border:1px; border-color:#0000FF; border-style:solid; }
Est-ce bien ça que tu veux ?

@+
05/02/2006, 18h04
efficks
Code:

1 2 3 <span style="border:solid 1px #000000;"> ...tes images... </span>
En passant, tu dois fermer tes balises <UL>!!!
05/02/2006, 18h08
student007

En fait je voulais faire un cadre pour toute la page.
En sachant qu'après les images j'ai deja un tableau...
05/02/2006, 18h11
efficks
C'est pas très clair ta question.
Essaye ceci :
Code:

1 2 3 4 5 6 body { border:1px; border-color:#0000FF; border-style:solid; }

Salut,

Tu devrais même mettre des <li> dans ton <ul>

Code:

1
2
3
4
<ul>
	<li id="image1"><img src=".." alt="..." /></li>
	<li id="image2"><img src=".." alt="..." /></li>
</ul>

Code:

1
2
3
4
5
6
li {
	display: inline;
	margin: 10px;
	list-style-type: none;
}
ul { border: 4px solid black /* bordure du cadre */ }

05/02/2006, 20h50
student007

En fait ma question c'est de faire un cadre qui engloberait tous les éléments de la page.
05/02/2006, 22h59
Spack

Montre un peu le code html (enfin la partie concrené) et on pourra te donner le code CSS qu'il faut...

Ok voici mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <body> <ul id="image1"><img src="image1.GIF" /></ul> <ul id="image2"><img src="image2.GIF"> </ul> <ul id="animation"></ul> <table> <tr> <td> ....</td><td> ....</td> </tr> <tr> <td> .... </td> <td> ... </td> </tr> </table> </body>
Ce que je voudrais faire c est mettre un cadre trait fin qui fait tout le contour de la page html, d ou l'utilité du CSS, mais je n'y arrive pas ...
ma page se compose de trois images et en dessous il y a un tableau.

Code:

1
2
3
4
body {
	border: 1px solid #000000;
	margin: 2em
}

07/02/2006, 07h09
student007

Ilood ça ne marche pas, j'avais deja essayé ça.

Salut, et si tu fais ça

HTML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<body>
<div id="global">
<ul id="image1"><img src="image1.GIF" /></ul> 
<ul id="image2"><img src="image2.GIF"> </ul> 
<ul id="animation"></ul> 
<table> 
<tr> 
<td> ....</td><td> ....</td> 
</tr> 
<tr> 
<td> .... </td> <td> ... </td> 
</tr> 
</table> 
</div>
</body>

CSS

Code:

1
2
3
4
5
6
7
8
9
body
{
  margin: 5px;
}
 
#global
{
  border: 1px solid #000;
}

:?:

09/02/2006, 18h23
student007

Non ça ne marche pas dslé
09/02/2006, 20h15
ilood

Citation:

Envoyé par student007

Ilood ça ne marche pas, j'avais deja essayé ça.

Citation:

Non ça ne marche pas dslé

Ces solutions fonctionnent chez moi 8O
Tu utilises quel navigateur ?

Citation:

Envoyé par student007

Non ça ne marche pas dslé

Qu'est-ce que tu veux dire par là :?:

Et petite remarque (je ne n'avais pas vue :oops:), je ne pense pas que
Code:

1 2 3 <ul id="image1"><img src="image1.GIF" /></ul> <ul id="image2"><img src="image2.GIF"> </ul> <ul id="animation"></ul>
soit correct
Mets plutôt
Code:

1 2 3 4 5 <ul> <li id="image1"><img src="image1.GIF" /></li> <li id="image2"><img src="image2.GIF"> </li> <li id="animation"></li> </ul>