Faire un encadré sous CSS

**student007** · 05/02/2006, 17h45

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 :

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

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

**OverCat** · 05/02/2006, 18h02

Salut,

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

Si c'est le cas, voici le code :

Code :

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

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

Est-ce bien ça que tu veux ?

@+

**efficks** · 05/02/2006, 18h04

Code :

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

1
2
3
<span style="border:solid 1px #000000;">
...tes images...
</span>

En passant, tu dois fermer tes balises <UL>!!!

**student007** · 05/02/2006, 18h08

En fait je voulais faire un cadre pour toute la page.
En sachant qu'après les images j'ai deja un tableau...

**efficks** · 05/02/2006, 18h11

C'est pas très clair ta question.
Essaye ceci :

Code :

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

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

**ilood** · 05/02/2006, 18h44

Salut,

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

Code :

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

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

Code :

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

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

**student007** · 05/02/2006, 20h50

En fait ma question c'est de faire un cadre qui engloberait tous les éléments de la page.

**Spack** · 05/02/2006, 22h59

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

**student007** · 06/02/2006, 20h17

Ok voici mon code :

Code :

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

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.

**ilood** · 07/02/2006, 00h29

Code :

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

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

**student007** · 07/02/2006, 07h09

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

**Nesmontou** · 07/02/2006, 08h44

Salut, et si tu fais ça

HTML

Code :

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

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 :

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

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

:

**student007** · 09/02/2006, 18h23

Non ça ne marche pas dslé

**ilood** · 09/02/2006, 20h15

Envoyé par student007

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

Non ça ne marche pas dslé

Ces solutions fonctionnent chez moi

Tu utilises quel navigateur ?

**Nesmontou** · 09/02/2006, 20h21

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

), je ne pense pas que

Code :

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

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 :

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

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>

Faire un encadré sous CSS

CSS

Discussions similaires

Partager

Partager