Новички просят помощи и просят два треугольника в одной прямой линии. Найдите не то место. (Просмотрите информацию)

Я знаю, ты мне не намекала · Опубликовано 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>Безымянные документы</title>
<стиль type="text/css">
*{padding:0px; margin:0px; }
#box{ширина:200px; высота: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:посетили {text-decoration: none; цвет: #333; display:block; }
#box a:hover {color: #F00; }
#box a:hover span{ display:block; позиция:абсолютная; ширина:0; высота: 0; граница: сплошные 8 пикселей #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=box>
<a href="#">dsad </a>
</div>

</body>
</html>

Я знаю, ты мне не намекала · Опубликовано 03.12.2014 23:20:12

admin Опубликовано 2014-12-3 23:17
Я не понимаю, что такое твой треугольник

Треугольник выжат с рамкой пролёта, позвольте выложить стандартный код нашего учителя
[mw_shl_code=html, true]
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Переходный//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

 <style>

#menu { /*Задать слой меню*/
семейство шрифтов: Arial; /*шрифт*/
размер шрифта: 16px; /*Размер шрифта*/
ширина: 140px; /*Ширина*/
margin:0 auto; /*0,5 эм между пунктами меню и горизонтально по центру*/
border:solid 1px #ccc; /*Серая тонкая кайма*/
}

#menu a, #menu a:visited {
 текст-декорация: нет; /*Текст не подчёркнут*/
 text-align:center; /*Текст выровнен по горизонтали*/
 цвет: #c00; /*красный текст*/
 display:block; /*Установлен на элемент уровня блока*/
 наполнение: 4px; /*Поля*/
 цвет фона: #fff; /*цвет фона*/
 border:solid 1px #fff; /*Та же рамка, что и цвет фона, чтобы не прыгать*/
 позиция:относительная; /*Использование относительного позиционирования*/
 ширина: 130px;
 }

#menu a span {
 display:none;
}

#menu a:hover {
 цвет границы:#c00; /*Красный цвет края*/
}

#menu a:hover span {
 display:block; /*Установлен на элемент уровня блока*/
 позиция:абсолютная; /*Использование абсолютного позиционирования*/
 высота: 0; /*Рост 0*/
 ширина:0; /*0*Ширина равна 0*/
 border:solid 8px #fff; /*Установить стандартный стиль рамки*/
 верх: 4px; /*Вертикальное положение*/
 overflow:hidden;
 }

 #menu a:hover span.left {
 border-left-color:#c00;
 лево:8px;
 }

 #menu a:hover span.right {
 border-right-color:#c00;
 справа:8px;
 }

</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>меню стрелки</title></head>

<body>
<div id="меню">
 <a href="#">
 пункт меню 1 </a>
 <a href="#">
 пункт меню 2</a>
 <a href="#">
 пункт меню 3 </a>
 <a href="#">
 пункт меню 4 </a>
 <a href="#">
 пункт меню</a> </div> пять
</body>
</html>
[/mw_shl_code]

Администратора · Опубликовано 03.12.2014 23:17:49

Очевидно, вы мне не намекнули Опубликовано 2014-12-3 22:38
Треугольник блокирует содержимое, как правильно регулировать расстояние, как только я его регулирую, это становится абсолютной корректировкой позиции

Я не понимаю, что такое твой треугольник
[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>Безымянные документы</title>
<стиль type="text/css">
*{padding:0px; margin:0px; }
#box a{border: 1px solid #666; }
#box{ширина:250px; высота: 200px; margin-right:auto; margin-left:auto; text-align:center; border:solid 1px #999999; }
#box a, #box a:посетили {text-decoration: none; цвет: #333; display:block; }
#box a:hover span{ position:relative; border:solid 1px #FFFFFF; padding-left: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>
<div id=box>
<a href="#"> это первый </a>
<a href="#"> это второй </a>
<a href="#"> это третий </a>
<a href="#"> это четвёртый </a>
<a href="#"> это пятый </a>
<a href="#"> это шестой </a>
</div>

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

Я знаю, ты мне не намекала · Опубликовано 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>Безымянные документы</title>
<стиль type="text/css">
*{padding:0px; margin:0px; }
#box a{border: 1px solid #666; }
#box{ширина:200px; высота: 200px; margin-right:auto; margin-left:auto; text-align:center; border:solid 1px #999999; }
#box a, #box a:посетили {text-decoration: none; цвет: #333; display:block; }
#box a:hover span{ position:absolute; ширина:0; высота: 0; граница: сплошные 8 пикселей #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>
<div id=box>
<a href="#"> это первый </a>
<a href="#"> это второй </a>
<a href="#"> это третий </a>
<a href="#"> это четвёртый </a>
<a href="#"> это пятый </a>
<a href="#"> это шестой </a>
</div>

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

Я знаю, ты мне не намекала · Опубликовано 03.12.2014 21:40:28

Администратора · Опубликовано 03.12.2014 22:12:27

Put:display:block; Удалите — и проблема решена!
Правильный код:

[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>Безымянные документы</title>
<стиль type="text/css">
*{padding:0px; margin:0px; }
#box{ширина:200px; высота: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:посетили {text-decoration: none; цвет: #333; display:block; }
#box a:hover {color: #F00; }
#box a:hover span{ position:absolute; ширина:0; высота: 0; граница: сплошные 8 пикселей #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=box>
<a href="#">dsad </a>
</div>

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

Я знаю, ты мне не намекала · Опубликовано 03.12.2014 22:15:06

Админ опубликовано 2014-12-3 22:12
Put:display:block; Удалите — и проблема решена!
Правильный код:

Замечательно!

Осы · Опубликовано 03.12.2014 22:16:26

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

Поэтому другой треугольник автоматически обмотает линию

Я знаю, ты мне не намекала · Опубликовано 03.12.2014 22:17:56

Wasp опубликовано 2014-12-3 22:16
display:block 此元素将显示为块级元素，此元素前后会带有换行符。

Поэтому другой треугольник автоматически обмотает линию

Каждый из них — влиятельная личность, и если в будущем возникнет проблема, она будет опубликована здесь. Спасибо всем за вашу помощь

Я знаю, ты мне не намекала · Опубликовано 03.12.2014 22:18:04

Большое спасибо

Я знаю, ты мне не намекала · Опубликовано 03.12.2014 22:36:11

Вопрос возникает снова. [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>Безымянные документы</title>
<стиль type="text/css">
*{padding:0px; margin:0px; }
#box{ширина:200px; высота: 200px; margin-right:auto; margin-left:auto; text-align:center; }
#box a, #box a:посетили {text-decoration: none; цвет: #333; display:block; }
#box a:hover {color: #F00; Рамка: сплошные 2 пиксели #FF0000; }
#box a:hover span{ position:absolute; ширина:0; высота: 0; граница: сплошные 8 пикселей #FFFFFF; }
#box a:hover span.z{ border-left-color:#F00; }
#box a:hover span.y{ border-right-color:#FF0000; }
</style>
</head>
<body>
<div id=box>
<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]

Я знаю, ты мне не намекала · Опубликовано 03.12.2014 22:38:34

Треугольник блокирует содержимое, как правильно регулировать расстояние, как только я его регулирую, это становится абсолютной корректировкой позиции

Delver_Si · Опубликовано 03.12.2014 22:53:13

Очевидно, вы мне не намекнули Опубликовано 2014-12-3 22:38
Треугольник блокирует содержимое, как правильно регулировать расстояние, как только я его регулирую, это становится абсолютной корректировкой позиции

не поможет

[CSS/DIV] Новички просят помощи и просят два треугольника в одной прямой линии. Найдите не то место. (Просмотрите информацию)

Просмотренные разделы