Los novatos piden ayuda y piden dos triángulos en la misma línea recta. Busca el lugar equivocado. (Explora fuera)

Sé que no has insinuado nada sobre mí · Publicado en 3/12/2014 21:38:51

<!DOCTYPE html PÚBLICO "-//W3C//DTD XHTML 1.0 Transicional//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>Documentos sin título</title>
<style type="text/css">
*{padding:0px; marje:0px; }
#box{width:200px; Altura: 200px; margen-derecha:auto; margen-izquierda:auto; text-align:center; }
#box a, #box a:visitó {text-decoration: none; color: #333; pantalla:bloqueo; }
#box a:hover {color: #F00; }
#box a:hover span{ display:block; posición: absoluta; ancho:0; altura:0; borde:sólido 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<id de div=caja>
<a href="#">dsad </a>
</div>

</body>
</html>

Sé que no has insinuado nada sobre mí · Publicado en 3/12/2014 23:20:12

admin Publicado el 2014-12-3 23:17
No sé de qué va tu triángulo

El triángulo está comprimido con un borde de tramo, déjame poner el código estándar de nuestro profesor
[mw_shl_code=html,true]
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

 <style>

#menu { /*Establecer la capa del menú*/
fuente-familia: Arial; /*fuente*/
tamaño-fuente:16px; /*Tamaño de fuente*/
ancho:140px; /*Ancho*/
marje:0 auto; /*0,5em entre los elementos del menú y centrados horizontalmente*/
borde: sólido 1px #ccc; /*Borde Gris Delgado*/
}

#menu a, #menu a:visited {
 Decoración de texto: ninguna; /*El texto no está subrayado*/
 text-align:center; /*El texto está alineado horizontalmente en el centro*/
 color: #c00; /*texto rojo*/
 pantalla:bloqueo; /*Establecer a elemento a nivel de bloque*/
 relleno: 4px; /*Márgenes*/
 color de fondo: #fff; /*color de fondo*/
 borde:sólido 1px #fff; /*Mismo borde que el color de fondo para evitar saltos*/
 posición: relativo; /*Usando posicionamiento relativo*/
 ancho:130px;
 }

#menu un tramo {
 display:ninguno;
}

#menu a:hover {
 color del borde: #c00; /*Color borde rojo*/
}

#menu a:hover span {
 pantalla:bloqueo; /*Establecer a elemento a nivel de bloque*/
 posición: absoluta; /*Usando posicionamiento absoluto*/
 altura:0; /*La altura es 0*/
 ancho:0; /*0*Ancho es 0*/
 borde:sólido 8px #fff; /*Establecer estilo de borde predeterminado*/
 top:4px; /*Posicionamiento vertical*/
 desbordamiento: oculto;
 }

 #menu a:hover span.left {
 borde-izquierda-color:#c00;
 izquierda:8px;
 }

 #menu a:hover span.right {
 borde-derecho-color:#c00;
 derecha:8px;
 }

</style>

<meta http-equiv="Type-Content" content="text/html; charset=utf-8" /> <title>menú de flechas</title></head>

<body>
<div id="menu">
 <a href="#">
 elemento del menú 1 </a>
 <a href="#">
 elemento del menú 2</a>
 <a href="#">
 elemento del menú 3 </a>
 <a href="#">
 elemento del menú 4 </a>
 <a href="#">
 elemento del menú cinco</a> </div>
</body>
</html>
[/mw_shl_code]

Admin · Publicado en 3/12/2014 23:17:49

Claramente no me diste pistas Publicado el 3-12-2014 22:38
El triángulo bloquea el contenido, cómo ajustar el espaciado, en cuanto ajusto el espaciado, se convierte en un ajuste absoluto de posicionamiento

No sé de qué va tu triángulo
[mw_shl_code=html,true]
<!DOCTYPE html PÚBLICO "-//W3C//DTD XHTML 1.0 Transicional//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>Documentos sin título</title>
<style type="text/css">
*{padding:0px; marje:0px; }
#box a{border: 1px sólido #666; }
#box{ancho:250px; Altura: 200px; margen-derecha:auto; margen-izquierda:auto; text-align:center; borde:sólido 1px #999999; }
#box a, #box a:visitó {text-decoration: none; color: #333; pantalla:bloqueo; }
#box a:hover span{ posición:relativo; borde:sólido 1px #FFFFFF; relleno-izquierda:20px}
#box a:hover{ border:solid 2px #FF0000}
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<id de div=caja>
<a href="#"> esta es la primera </a>
<a href="#"> esta es la segunda </a>
<a href="#"> esta es la tercera </a>
<a href="#"> esta es la cuarta </a>
<a href="#"> esta es la quinta </a>
<a href="#"> esta es la sexta </a>
</div>

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

Sé que no has insinuado nada sobre mí · Publicado en 3/12/2014 23:17:07

[mw_shl_code=html,,true] <!DOCTYPE html PÚBLICO "-//W3C//DTD XHTML 1.0 Transicional//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>Documentos sin título</title>
<style type="text/css">
*{padding:0px; marje:0px; }
#box a{border: 1px sólido #666; }
#box{width:200px; Altura: 200px; margen-derecha:auto; margen-izquierda:auto; text-align:center; borde:sólido 1px #999999; }
#box a, #box a:visitó {text-decoration: none; color: #333; pantalla:bloqueo; }
#box a:hover span{ position:absolute; ancho:0; altura:0; borde:sólido 8px #FFFFFF; }
#box a:hover{ border:solid 2px #FF0000}
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<id de div=caja>
<a href="#"> esta es la primera </a>
<a href="#"> esta es la segunda </a>
<a href="#"> esta es la tercera </a>
<a href="#"> esta es la cuarta </a>
<a href="#"> esta es la quinta </a>
<a href="#"> esta es la sexta </a>
</div>

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

Sé que no has insinuado nada sobre mí · Publicado en 3/12/2014 21:40:28

Admin · Publicado en 3/12/2014 22:12:27

Put:mostrar:bloquear; ¡Quítala y el problema se resuelve!
Código correcto:

[mw_shl_code=html,true] <!DOCTYPE html PÚBLICO "-//W3C//DTD XHTML 1.0 Transicional//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>Documentos sin título</title>
<style type="text/css">
*{padding:0px; marje:0px; }
#box{width:200px; Altura: 200px; margen-derecha:auto; margen-izquierda:auto; text-align:center; }
#box a, #box a:visitó {text-decoration: none; color: #333; pantalla:bloqueo; }
#box a:hover {color: #F00; }
#box a:hover span{ position:absolute; ancho:0; altura:0; borde:sólido 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<id de div=caja>
<a href="#">dsad </a>
</div>

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

Sé que no has insinuado nada sobre mí · Publicado en 3/12/2014 22:15:06

admin publicado el 2014-12-3 a las 22:12
Put:mostrar:bloquear; ¡Quítala y el problema se resuelve!
Código correcto:

¡Genial!

Avispas · Publicado en 3/12/2014 22:16:26

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

Así que el otro triángulo envuelva automáticamente la línea

Sé que no has insinuado nada sobre mí · Publicado en 3/12/2014 22:17:56

Wasp publicado el 3-12-2014 a las 22:16
display:block 此元素将显示为块级元素，此元素前后会带有换行符。

Así que el otro triángulo envuelva automáticamente la línea

Cada uno de ellos es una persona poderosa, y si surge algún problema en el futuro, se publicará aquí. Gracias a todos por vuestra ayuda

Sé que no has insinuado nada sobre mí · Publicado en 3/12/2014 22:18:04

Muchas gracias

Sé que no has insinuado nada sobre mí · Publicado en 3/12/2014 22:36:11

La pregunta vuelve a surgir. [mw_shl_code=html,true] <!DOCTYPE html PÚBLICO "-//W3C//DTD XHTML 1.0 Transicional//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>Documentos sin título</title>
<style type="text/css">
*{padding:0px; marje:0px; }
#box{width:200px; Altura: 200px; margen-derecha:auto; margen-izquierda:auto; text-align:center; }
#box a, #box a:visitó {text-decoration: none; color: #333; pantalla:bloqueo; }
#box a:hover {color: #F00; borde: sólido 2px #FF0000; }
#box a:hover span{ position:absolute; ancho:0; altura:0; borde:sólido 8px #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<id de div=caja>
<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]

Sé que no has insinuado nada sobre mí · Publicado en 3/12/2014 22:38:34

El triángulo bloquea el contenido, cómo ajustar el espaciado, en cuanto ajusto el espaciado, se convierte en un ajuste absoluto de posicionamiento

Delver_Si · Publicado en 3/12/2014 22:53:13

Claramente no me diste pistas Publicado el 3-12-2014 22:38
El triángulo bloquea el contenido, cómo ajustar el espaciado, en cuanto ajusto el espaciado, se convierte en un ajuste absoluto de posicionamiento

No ayudará

[CSS/DIV] Los novatos piden ayuda y piden dos triángulos en la misma línea recta. Busca el lugar equivocado. (Explora fuera)

Secciones vistas