Новаците искат помощ и искат два триъгълника в една и съща права линия. Намери грешното място. (Разгледай)

Знам, че не си ми намекнал · Публикувано в 3.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-detable: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; border: плътен 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=кутия>
<a href="#"><span клас="z"></span>dsad <span class="y"></span></a>
</div>

</body>
</html>

Знам, че не си ми намекнал · Публикувано в 3.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:посетен {
  текст-декорация: няма;                      /*Текстът не е подчертан*/
  text-align:center;                               /*Текстът е хоризонтално центриран и подравнен*/
  цвят: #c00;                                        /*червен текст*/
  display:block;                               /*Настроено на елемент на ниво блок*/
  напълване: 4px;                                     /*Полета*/
  Цвят на фона: #fff;                      /*цвят на фона*/
  border:solid 1px #fff;                      /*Същата рамка като цвета на фона, за да се предотврати скачане*/
  позиция:относителна;                               /*Използване на относително позициониране*/
  ширина: 130px;
  }

#menu обхват {
  display:none;
}

#menu a:hover {
  border-color:#c00;                               /*Червен цвят на рамката*/
}

#menu a:hover обхват {
      display:block;             /*Настроено на елемент на ниво блок*/
  позиция:абсолютна;                               /*Използване на абсолютна позициониране*/
  височина:0;                                        /*Височината е 0*/
  ширина:0;                                        /*0*Ширината е 0*/
  border: плътен 8px #fff;                      /*Задайте стандартния стил на рамката*/
  top:4px;                                     /*Вертикално позициониране*/
  overflow:hidden;
  }

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

  #menu a:hover span.right {
  border-de-color:#c00;
  дясно:8px;
  }

</style>

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

<body>
<div id="menu">
   <a href="#">
            <span class="ляво"></span> елемент в менюто 1<span class="дясно"></span> </a>
   <a href="#">
            <span class="ляв"></span> точка в менюто 2</a>
   <a href="#">
                        <span class="ляво"></span> меню елемент 3<span class="дясно"></span> </a>
   <a href="#">
                     <span class="ляво"></span> елемент в менюто 4<span class="дясно"></span> </a>
   <a href="#">
                        <span class="ляво"></span> елемент в менюто пет</a> </div>
</body>
</html>
[/mw_shl_code]

Администратор · Публикувано в 3.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-detable: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=кутия>
<a href="#"><span клас="z"></span> това е първият <span class="y" ></span></a>
<a href="#"><span клас="z"></span> това е вторият <span клас="y"></span></a>
<a href="#"><span class="z"></span> това е третият <span клас="y"></span></a>
<a href="#"><span class="z"></span> това е четвъртият <span клас="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]

Знам, че не си ми намекнал · Публикувано в 3.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-detable: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; border: плътен 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=кутия>
<a href="#"><span клас="z"></span> това е първият <span class="y" ></span></a>
<a href="#"><span клас="z"></span> това е вторият <span клас="y"></span></a>
<a href="#"><span class="z"></span> това е третият <span клас="y"></span></a>
<a href="#"><span class="z"></span> това е четвъртият <span клас="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]

Знам, че не си ми намекнал · Публикувано в 3.12.2014 г. 21:40:28 ч.

Администратор · Публикувано в 3.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-detable: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; border: плътен 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=кутия>
<a href="#"><span клас="z"></span>dsad <span class="y"></span></a>
</div>

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

Знам, че не си ми намекнал · Публикувано в 3.12.2014 г. 22:15:06 ч.

администратор публикувано на 2014-12-3 22:12
Put:display:block; Премахнете и проблемът е решен!
Правилен код:

Жестоко!

оси · Публикувано в 3.12.2014 г. 22:16:26 ч.

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

Така че другият триъгълник автоматично ще обвие линията

Знам, че не си ми намекнал · Публикувано в 3.12.2014 г. 22:17:56 ч.

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

Така че другият триъгълник автоматично ще обвие линията

Всеки от тях е влиятелен човек и ако в бъдеще възникне проблем, той ще бъде публикуван тук. Благодаря на всички за помощта

Знам, че не си ми намекнал · Публикувано в 3.12.2014 г. 22:18:04 ч.

Много благодаря

Знам, че не си ми намекнал · Публикувано в 3.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-detable:auto; margin-left:auto; text-align:center; }
#box a, #box a:посетено {text-decoration: none; цвят: #333; display:block; }
#box a:hover {цвят: #F00; рамка: плътен 2px #FF0000; }
#box a:hover span{ position:absolute; ширина:0; височина:0; border: плътен 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=кутия>
<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 клас="z"></span>4<span клас="y"></span></a>
<a href="#"><span клас="z"></span>5<span клас="y"></span></a>
<a href="#"><span клас="z"></span>6<span клас="y"></span></a>
</div>

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

Знам, че не си ми намекнал · Публикувано в 3.12.2014 г. 22:38:34 ч.

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

Delver_Si · Публикувано в 3.12.2014 г. 22:53:13 ч.

Явно не си ми намекнал Публикувано на 2014-12-3 22:38
Триъгълникът блокира съдържанието, как да регулирам разстоянието, веднага щом го наглася, става абсолютна корекция на позиционирането

няма да помогне

[CSS/DIV] Новаците искат помощ и искат два триъгълника в една и съща права линия. Намери грешното място. (Разгледай)

Разгледани секции