Iniciantes pedem ajuda e pedem dois triângulos na mesma linha reta. Encontre o lugar errado. (Navegue para fora)

Eu sei que você não deu nenhuma pista sobre mim · Publicado em 03/12/2014 21:38:51

<!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>
<meta http-equiv="Type-Content" content="text/html; charset=utf-8" />
<title>Documentos sem título</title>
<type de estilo="texto/css">
*{padding:0px; margem:0px; }
#box{width:200px; altura: 200px; margem-direita:auto; margem-esquerda:auto; texto-alinhar:centro; }
#box a, #box a:visitado {text-decoration: none; Cor: #333; display:block; }
#box a:hover {cor: #F00; }
#box a:hover span{ display:block; posição: absoluta; largura:0; altura:0; Borda: sólido 8px #FFFFFF; }
#box a:hover span.z{ borda-esquerda-cor:#F00; }
#box a:hover span.y{ borda-direita-cor:#FF0000; }
</style>
</head>
<body>
<id=caixa>
<a href="#">dsad </a>
</div>

</body>
</html>

Eu sei que você não deu nenhuma pista sobre mim · Publicado em 03/12/2014 23:20:12

admin Postado em 2014-12-3 23:17
Não sei do que se trata seu triângulo

O triângulo é comprimido com uma borda de vão, deixe-me colocar o código padrão do nosso professor
[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 { /*Definir a camada do menu*/
fonte-família: Arial; /*fonte*/
tamanho da fonte: 16px; /*Tamanho da fonte*/
largura: 140px; /*Largura*/
Margin:0 Auto; /*0,5em entre os itens do menu e centralizados horizontalmente*/
borda: sólido 1px #ccc; /*Borda Cinza Fina*/
}

#menu a, #menu a:visited {
 decoração de texto: nenhuma; /*Texto não está sublinhado*/
 texto-alinhar:centro; /*Texto está alinhado horizontalmente ao centrada*/
 Cor: #c00; /*texto vermelho*/
 display:block; /*Definir para elemento em nível de bloco*/
 Enchimento de Madeira: 4px; /*Margens*/
 cor de fundo: #fff; /*cor de fundo*/
 borda: sólido 1px #fff; /*Mesma borda da cor de fundo para evitar pulos*/
 posição: relativo; /*Usando Posicionamento Relativo*/
 largura: 130px;
 }

#menu um vão {
 display:nenhum;
}

#menu a:hover {
 cor da borda: #c00; /*Cor da borda vermelha*/
}

#menu a:hover span {
 display:block; /*Definir para elemento em nível de bloco*/
 posição: absoluta; /*Usando Posicionamento Absoluto*/
 altura:0; /*Altura é 0*/
 largura:0; /*0*Largura é 0*/
 borda: sólido 8px #fff; /*Definir o estilo padrão da borda*/
 topo: 4px; /*Posicionamento vertical*/
 transbordamento: escondido;
 }

 #menu a:hover span.left {
 borda-esquerda-cor: #c00;
 esquerda:8px;
 }

 #menu a:hover span.right {
 cor da borda à direita:#c00;
 direita: 8px;
 }

</style>

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

<body>
<div id="menu">
 <a href="#">
 item do menu 1 </a>
 <a href="#">
 item do menu 2</a>
 <a href="#">
 item do menu 3 </a>
 <a href="#">
 item do menu 4 </a>
 <a href="#">
 item do menu cinco</a> </div>
</body>
</html>
[/mw_shl_code]

admin · Publicado em 03/12/2014 23:17:49

Claramente você não deu nenhuma dica para mim Publicado em 2014-12-3 22:38
O triângulo bloqueia o conteúdo, como ajustar o espaçamento, assim que eu ajusto o espaçamento, vira um ajuste absoluto de posicionamento

Não sei do que se trata seu triângulo
[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>
<meta http-equiv="Type-Content" content="text/html; charset=utf-8" />
<title>Documentos sem título</title>
<type de estilo="texto/css">
*{padding:0px; margem:0px; }
#box a{border: 1px sólido #666; }
#box{width:250px; altura: 200px; margem-direita:auto; margem-esquerda:auto; texto-alinhar:centro; borda: sólido 1px #999999; }
#box a, #box a:visitado {text-decoration: none; Cor: #333; display:block; }
#box a:hover span{ position:relative; Borda: sólido 1px #FFFFFF; preenchimento à esquerda:20px}
#box a:hover{ border:solid 2px #FF0000}
#box a:hover span.z{ borda-esquerda-cor:#F00; }
#box a:hover span.y{ borda-direita-cor:#FF0000; }
</style>
</head>
<body>
<id=caixa>
<a href="#"> esta é a primeira </a>
<a href="#"> esta é a segunda </a>
<a href="#"> esta é a terceira </a>
<a href="#"> esta é a quarta </a>
<a href="#"> esta é a quinta </a>
<a href="#"> esta é a sexta </a>
</div>

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

Eu sei que você não deu nenhuma pista sobre mim · Publicado em 03/12/2014 23:17:07

[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>
<meta http-equiv="Type-Content" content="text/html; charset=utf-8" />
<title>Documentos sem título</title>
<type de estilo="texto/css">
*{padding:0px; margem:0px; }
#box a{border: 1px sólido #666; }
#box{width:200px; altura: 200px; margem-direita:auto; margem-esquerda:auto; texto-alinhar:centro; borda: sólido 1px #999999; }
#box a, #box a:visitado {text-decoration: none; Cor: #333; display:block; }
#box a:hover span{ position:absolute; largura:0; altura:0; Borda: sólido 8px #FFFFFF; }
#box a:hover{ border:solid 2px #FF0000}
#box a:hover span.z{ borda-esquerda-cor:#F00; }
#box a:hover span.y{ borda-direita-cor:#FF0000; }
</style>
</head>
<body>
<id=caixa>
<a href="#"> esta é a primeira </a>
<a href="#"> esta é a segunda </a>
<a href="#"> esta é a terceira </a>
<a href="#"> esta é a quarta </a>
<a href="#"> esta é a quinta </a>
<a href="#"> esta é a sexta </a>
</div>

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

Eu sei que você não deu nenhuma pista sobre mim · Publicado em 03/12/2014 21:40:28

admin · Publicado em 03/12/2014 22:12:27

Put:exibir:bloquear; Remova e o problema está resolvido!
Código correto:

[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>
<meta http-equiv="Type-Content" content="text/html; charset=utf-8" />
<title>Documentos sem título</title>
<type de estilo="texto/css">
*{padding:0px; margem:0px; }
#box{width:200px; altura: 200px; margem-direita:auto; margem-esquerda:auto; texto-alinhar:centro; }
#box a, #box a:visitado {text-decoration: none; Cor: #333; display:block; }
#box a:hover {cor: #F00; }
#box a:hover span{ position:absolute; largura:0; altura:0; Borda: sólido 8px #FFFFFF; }
#box a:hover span.z{ borda-esquerda-cor:#F00; }
#box a:hover span.y{ borda-direita-cor:#FF0000; }
</style>
</head>
<body>
<id=caixa>
<a href="#">dsad </a>
</div>

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

Eu sei que você não deu nenhuma pista sobre mim · Publicado em 03/12/2014 22:15:06

admin postado em 2014-12-3 às 22:12
Put:exibir:bloquear; Remova e o problema está resolvido!
Código correto:

Incrível!

Vespas · Publicado em 03/12/2014 22:16:26

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

Então o outro triângulo automaticamente enrolará a linha

Eu sei que você não deu nenhuma pista sobre mim · Publicado em 03/12/2014 22:17:56

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

Então o outro triângulo automaticamente enrolará a linha

Cada um deles é uma pessoa poderosa, e se houver algum problema no futuro, ele será postado aqui. Obrigado a todos pela ajuda

Eu sei que você não deu nenhuma pista sobre mim · Publicado em 03/12/2014 22:18:04

Muito Obrigado

Eu sei que você não deu nenhuma pista sobre mim · Publicado em 03/12/2014 22:36:11

A questão surge novamente. [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>
<meta http-equiv="Type-Content" content="text/html; charset=utf-8" />
<title>Documentos sem título</title>
<type de estilo="texto/css">
*{padding:0px; margem:0px; }
#box{width:200px; altura: 200px; margem-direita:auto; margem-esquerda:auto; texto-alinhar:centro; }
#box a, #box a:visitado {text-decoration: none; Cor: #333; display:block; }
#box a:hover {cor: #F00; borda: sólido 2px #FF0000; }
#box a:hover span{ position:absolute; largura:0; altura:0; Borda: sólido 8px #FFFFFF; }
#box a:hover span.z{ borda-esquerda-cor:#F00; }
#box a:hover span.y{ borda-direita-cor:#FF0000; }
</style>
</head>
<body>
<id=caixa>
<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]

Eu sei que você não deu nenhuma pista sobre mim · Publicado em 03/12/2014 22:38:34

O triângulo bloqueia o conteúdo, como ajustar o espaçamento, assim que eu ajusto o espaçamento, vira um ajuste absoluto de posicionamento

Delver_Si · Publicado em 03/12/2014 22:53:13

Claramente você não deu nenhuma dica para mim Publicado em 2014-12-3 22:38
O triângulo bloqueia o conteúdo, como ajustar o espaçamento, assim que eu ajusto o espaçamento, vira um ajuste absoluto de posicionamento

não vai ajudar

[CSS/DIV] Iniciantes pedem ajuda e pedem dois triângulos na mesma linha reta. Encontre o lugar errado. (Navegue para fora)

Seções visualizadas