Superposition de border

**mathieux45** · 30/04/2013, 11h22

Bonjour,

je débute en html css3 et php et j'ai une petite question :

est t'il possible de superposer 2 div avec des border solid et que l'on ne voit pas le fond d'une div :

voici une photo :

et voici le code que j'ai utilisé :

Code html :

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

1
2
3
4
5
6
7
8
9
10
<div style="width: 100%;">
	<div style="width: 30%; border: solid 1px black; text-align: left; margin-left:20px;padding: 1mm; background-color: white ; opacity: 0">Description du Problème</div>
	<div style="width: 100%; border: solid 1px black; text-align: left; margin: -3mm 2 5mm 0;padding: 1mm;">
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
	</div>
</div>

**Candygirl** · 30/04/2013, 11h47

Hello,

Si j'ai bien compris ton problème, il te suffit d'ajouter un position:relative sur ton premier div afin que celui-ci passe au-dessus du deuxième.

**mathieux45** · 30/04/2013, 13h43

tu a bien compris je cherche a ne pas avoir la ligne central dans le cadre vert .

**NoSmoking** · 30/04/2013, 17h31

Bonjour,
avec un DOCTYPE cela devrait tout mettre par terre.

je débute en html css3

donc commence par prendre de bonnes habitudes

Si non tu peux également faire avec un FIELDSET et sa LEGEND.

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>fieldset</title>
<style>
legend{
  padding:0.25em 1em;
  border:1px solid black;
}
fieldset{
  min-height:5em;
}
</style>
</head>
<body>
  <fieldset>
    <legend>Description du problème</legend>
  </fieldset>
</body>
</html>

Superposition de border

CSS

Vue hybride

Discussions similaires

Partager

Partager