Les novices demandent de l’aide et demandent deux triangles alignés sur la même ligne droite. Trouvez le mauvais endroit. (Parcourez la sortie)

Je sais que tu ne m’as pas laissé entendre · Publié sur 03/12/2014 21:38:51

< !DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Transitional//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type » content="text/html ; charset=utf-8 » />
<title>Documents sans titre</title>
<style type="text/css">
*{padding :0px ; marge :0px ; }
#box{width :200px ; taille : 200px ; marge-droite :auto ; marge-gauche :auto ; text-align :center ; }
#box a, #box a :visité {text-decoration : none ; Couleur : #333 ; display :block ; }
#box a :survol {color : #F00 ; }
#box a :hover span{ display :block ; position : absolue ; largeur : 0 ; taille : 0 ; Bordure : Solide 8px #FFFFFF ; }
#box a :hover span.z{ bordure-left-color :#F00 ; }
#box a :hover span.y{ bordure-droite-couleur :#FF0000 ; }
</style>
</head>
<body>
<id de la div=boîte>
<a href="#">dsad </a>
</div>

</body>
</html>

Je sais que tu ne m’as pas laissé entendre · Publié sur 03/12/2014 23:20:12

admin Publié le 03-12-2014 à 23:17
Je ne sais pas ce que représente ton triangle

Le triangle est comprimé avec une bordure de travée, laissez-moi vous indiquer le code standard de notre professeur
[mw_shl_code=html,true]
<! DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Transitional//EN »
 « http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd »>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

 <style>

#menu { /*Définir le calque du menu*/
famille de polices : Arial ; /*police*/
taille de la police : 16px ; /*Taille de la police*/
largeur : 140px ; /*Largeur*/
marge : 0 automatique ; /*0,5em entre les plats du menu et centrés horizontalement*/
Bordure : solide 1px #ccc ; /*Bordure fine grise*/
}

#menu a, #menu a :visited {
 décoration de texte : aucun ; /*Le texte n’est pas souligné*/
 text-align :center ; /*Le texte est horizontalement centré et aligné*/
 Couleur : #c00 ; /*texte rouge*/
 display :block ; /*Régler sur élément au niveau du bloc*/
 Rembourrage : 4px ; /*Marges*/
 couleur de fond : #fff ; /*couleur de fond*/
 Bordure : solide 1px #fff ; /*Même bordure que la couleur d’arrière-plan pour éviter les sauts*/
 Position : Relatif ; /*Utilisation du positionnement relatif*/
 largeur : 130px ;
 }

#menu une portée {
 affichage : aucun ;
}

#menu a :hover {
 couleur de bordure : #c00 ; /*Couleur de bordure rouge*/
}

#menu a :hover span {
 display :block ; /*Régler sur élément au niveau du bloc*/
 position : absolue ; /*Utilisation du positionnement absolu*/
 taille : 0 ; /*Hauteur : 0*/
 largeur : 0 ; /*0*La largeur est 0*/
 Bordure : Solide 8px #fff ; /*Définir le style de bordure par défaut*/
 top : 4px ; /*Positionnement vertical*/
 débordement : caché ;
 }

 #menu a :hover span.left {
 bordure-gauche-couleur : #c00 ;
 gauche : 8 px ;
 }

 #menu a :hover span.right {
 bordure-droite-couleur : #c00 ;
 droite : 8 px ;
 }

</style>

<meta http-equiv="Content-Type » content="text/html ; charset=utf-8 » /> <title>menu de flèches</title></head>

<body>
<div id="menu">
 <a href="#">
 élément du menu 1 </a>
 <a href="#">
 menu élément 2</a>
 <a href="#">
 menu élément 3 </a>
 <a href="#">
 élément du menu 4 </a>
 <a href="#">
 menu élément cinq</a> </div>
</body>
</html>
[/mw_shl_code]

Admin · Publié sur 03/12/2014 23:17:49

Clairement, tu ne m’as pas fait de sous-entendu Publié le 03-12-2014 à 22:38
Le triangle bloque le contenu, comment ajuster l’espacement, dès que j’ajuste l’espacement, cela devient un réglage absolu de positionnement

Je ne sais pas ce que représente ton triangle
[mw_shl_code=html,true]
< !DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Transitional//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type » content="text/html ; charset=utf-8 » />
<title>Documents sans titre</title>
<style type="text/css">
*{padding :0px ; marge :0px ; }
#box a{border : 1px solid #666 ; }
#box{width :250px ; taille : 200px ; marge-droite :auto ; marge-gauche :auto ; text-align :center ; Bordure : solide 1px #999999 ; }
#box a, #box a :visité {text-decoration : none ; Couleur : #333 ; display :block ; }
#box a :hover span{ position :relative ; Bordure : solide 1px #FFFFFF ; rembourrage-gauche :20px}
#box a :hover{ border :solid 2px #FF0000}
#box a :hover span.z{ bordure-left-color :#F00 ; }
#box a :hover span.y{ bordure-droite-couleur :#FF0000 ; }
</style>
</head>
<body>
<id de la div=boîte>
<a href="#"> c’est la première </a>
<a href="#"> c’est la deuxième </a>
<a href="#"> c’est la troisième </a>
<a href="#"> c’est la quatrième </a>
<a href="#"> c’est la cinquième </a>
<a href="#"> c’est la sixième </a>
</div>

</body>
</html>
[/mw_shl_code]

Je sais que tu ne m’as pas laissé entendre · Publié sur 03/12/2014 23:17:07

[mw_shl_code=html,,true] < !DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Transitional//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type » content="text/html ; charset=utf-8 » />
<title>Documents sans titre</title>
<style type="text/css">
*{padding :0px ; marge :0px ; }
#box a{border : 1px solid #666 ; }
#box{width :200px ; taille : 200px ; marge-droite :auto ; marge-gauche :auto ; text-align :center ; Bordure : solide 1px #999999 ; }
#box a, #box a :visité {text-decoration : none ; Couleur : #333 ; display :block ; }
#box a :hoverspan{ position :absolue ; largeur : 0 ; taille : 0 ; Bordure : Solide 8px #FFFFFF ; }
#box a :hover{ border :solid 2px #FF0000}
#box a :hover span.z{ bordure-left-color :#F00 ; }
#box a :hover span.y{ bordure-droite-couleur :#FF0000 ; }
</style>
</head>
<body>
<id de la div=boîte>
<a href="#"> c’est la première </a>
<a href="#"> c’est la deuxième </a>
<a href="#"> c’est la troisième </a>
<a href="#"> c’est la quatrième </a>
<a href="#"> c’est la cinquième </a>
<a href="#"> c’est la sixième </a>
</div>

</body>
</html>
[/mw_shl_code]

Je sais que tu ne m’as pas laissé entendre · Publié sur 03/12/2014 21:40:28

Admin · Publié sur 03/12/2014 22:12:27

Put :afficher :bloquer ; Retirez et le problème est résolu !
Code correct :

[mw_shl_code=html,true] < !DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Transitional//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type » content="text/html ; charset=utf-8 » />
<title>Documents sans titre</title>
<style type="text/css">
*{padding :0px ; marge :0px ; }
#box{width :200px ; taille : 200px ; marge-droite :auto ; marge-gauche :auto ; text-align :center ; }
#box a, #box a :visité {text-decoration : none ; Couleur : #333 ; display :block ; }
#box a :survol {color : #F00 ; }
#box a :hoverspan{ position :absolue ; largeur : 0 ; taille : 0 ; Bordure : Solide 8px #FFFFFF ; }
#box a :hover span.z{ bordure-left-color :#F00 ; }
#box a :hover span.y{ bordure-droite-couleur :#FF0000 ; }
</style>
</head>
<body>
<id de la div=boîte>
<a href="#">dsad </a>
</div>

</body>
</html>
[/mw_shl_code]

Je sais que tu ne m’as pas laissé entendre · Publié sur 03/12/2014 22:15:06

admin publié le 03/12/2014 à 22:12
Put :afficher :bloquer ; Retirez et le problème est résolu !
Code correct :

Super !

Guêpes · Publié sur 03/12/2014 22:16:26

display:block 此元素将显示为块级元素，此元素前后会带有换行符。

Ainsi, l’autre triangle enroulera automatiquement la ligne

Je sais que tu ne m’as pas laissé entendre · Publié sur 03/12/2014 22:17:56

Wasp Publié le 03-12-2014 à 22:16
display:block 此元素将显示为块级元素，此元素前后会带有换行符。

Ainsi, l’autre triangle enroulera automatiquement la ligne

Chacun d’eux est une personne puissante, et s’il y a un problème à l’avenir, il sera publié ici. Merci à tous pour votre aide

Je sais que tu ne m’as pas laissé entendre · Publié sur 03/12/2014 22:18:04

Merci beaucoup

Je sais que tu ne m’as pas laissé entendre · Publié sur 03/12/2014 22:36:11

La question se pose à nouveau. [mw_shl_code=html,true] < !DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Transitional//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type » content="text/html ; charset=utf-8 » />
<title>Documents sans titre</title>
<style type="text/css">
*{padding :0px ; marge :0px ; }
#box{width :200px ; taille : 200px ; marge-droite :auto ; marge-gauche :auto ; text-align :center ; }
#box a, #box a :visité {text-decoration : none ; Couleur : #333 ; display :block ; }
#box a :survol {color : #F00 ; Bordure : Solide 2 PX #FF0000 ; }
#box a :hoverspan{ position :absolue ; largeur : 0 ; taille : 0 ; Bordure : Solide 8px #FFFFFF ; }
#box a :hover span.z{ bordure-left-color :#F00 ; }
#box a :hover span.y{ bordure-droite-couleur :#FF0000 ; }
</style>
</head>
<body>
<id de la div=boîte>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
</div>

</body>
[/</html>mw_shl_code]

Je sais que tu ne m’as pas laissé entendre · Publié sur 03/12/2014 22:38:34

Le triangle bloque le contenu, comment ajuster l’espacement, dès que j’ajuste l’espacement, cela devient un réglage absolu de positionnement

Delver_Si · Publié sur 03/12/2014 22:53:13

Clairement, tu ne m’as pas fait de sous-entendu Publié le 03-12-2014 à 22:38
Le triangle bloque le contenu, comment ajuster l’espacement, dès que j’ajuste l’espacement, cela devient un réglage absolu de positionnement

ne servira à rien

[CSS/DIV] Les novices demandent de l’aide et demandent deux triangles alignés sur la même ligne droite. Trouvez le mauvais endroit. (Parcourez la sortie)

Sections vues