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

Я знаю, ти не натякав на мене · Опубліковано 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>
<style type="text/css">
*{підкладка: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 {колір: #F00; }
#box a:hover span{ display:block; позиція:абсолютна; ширина:0; висота: 0; межа: суцільна 8px #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="#"><span class="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>

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

admin Опубліковано 2014-12-3 23:17
Я не знаю, що у тебе за трикутник

Трикутник витиснутий з рамкою прольоту, дозвольте викласти стандартний код нашого вчителя
[mw_shl_code=html, правда]
<! 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.5em між пунктами меню і горизонтально по центру*/
border:solid 1px #ccc;                      /*Сірий тонкий край*/
}

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

#menu 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="#">
            <span class="left"></span> пункт меню 1<span class="right"></span> </a>
   <a href="#">
            <span class="left"></span> пункт меню 2</a>
   <a href="#">
                        <span class="left"></span> пункт меню 3<span class="right"></span> </a>
   <a href="#">
                     <span class="left"></span> пункт меню 4<span class="right"></span> </a>
   <a href="#">
                        <span class="ліво"></span> пункт п'ятого меню</a> </div>
</body>
</html>
[/mw_shl_code]

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

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

Я не знаю, що у тебе за трикутник
[mw_shl_code=html, правда]
<!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>
<style type="text/css">
*{підкладка: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="#"><span class="z"></span> це перший <span class="y" ></span></a>
<a href="#"><span class="z"></span> це другий <span class="y"></span></a>
<a href="#"><span class="z"></span> це третій <span class="y"></span></a>
<a href="#"><span class="z"></span> це четвертий <span class="y"></span></a>
<a href="#"><span class="z"></span> це п'ятий <span class="y"></span></a>
<a href="#"><span class="z"></span> це шостий <span class="y"></span></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>
<style type="text/css">
*{підкладка: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; межа: суцільна 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>
<div id=box>
<a href="#"><span class="z"></span> це перший <span class="y" ></span></a>
<a href="#"><span class="z"></span> це другий <span class="y"></span></a>
<a href="#"><span class="z"></span> це третій <span class="y"></span></a>
<a href="#"><span class="z"></span> це четвертий <span class="y"></span></a>
<a href="#"><span class="z"></span> це п'ятий <span class="y"></span></a>
<a href="#"><span class="z"></span> це шостий <span class="y"></span></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, правда] <!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>
<style type="text/css">
*{підкладка: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 {колір: #F00; }
#box a:hover span{ position:absolute; ширина:0; висота: 0; межа: суцільна 8px #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="#"><span class="z"></span>dsad <span class="y"></span></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, правда] <!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>
<style type="text/css">
*{підкладка: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 {колір: #F00; Рамка: суцільна 2 піксела #FF0000; }
#box a:hover span{ position:absolute; ширина:0; висота: 0; межа: суцільна 8px #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="#"><span клас="z"></span>1<span клас="y"></span></a>
<a href="#"><span клас="z"></span>2<span клас="y"></span></a>
<a href="#"><span клас="z"></span>3<span клас="y"></span></a>
<a href="#"><span class="z"></span>4<span class="y"></span></a>
<a href="#"><span class="z"></span>5<span клас="y"></span></a>
<a href="#"><span class="z"></span>6<span class="y"></span></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] Новачки просять допомоги і просять два трикутники в одній прямій лінії. Знайдіть не те місце. (Перегляньте інформацію)

Переглянуті розділи