Как сделать наложение друг на друга?

@melihovgv · Регистрация: 12.06.2011

Author24 — интернет-сервис помощи студентам

CSS

#AA2{
    margin-left:10%;
    border-color: transparent transparent transparent red;
    border-style: solid;
    border-width: 50px 0 50px 50px;
    height: 0px;
    width: 0px;
    float:left;
}
#AA3{
     
    border-color: transparent transparent transparent blue;
    border-style: solid;
    border-width: 50px 0 50px 50px;
    height: 0px;
    width: 0px;
    float:left;
 
}

Как сделать чтобы красная стрелочка наезжала на синюю на половину????

@Taatshi · 06.10.2012, 01:09

это css. А html где?

Dmitry · 06.10.2012, 01:11

Сообщение от melihovgv

наложение друг на друга

свойство z-index в css указывает "кто над кем"...
(если я понял о чем речь)

@newJS · 06.10.2012, 07:00

Сообщение от Dmitry

свойство z-index в css указывает "кто над кем"...

не обязательно z-index, может достаточно просто в потоке правильно элементы расположить

HTML5

1
2
3

<span style="color:blue; font-size:22px;">text</span><samp style="margin:0 0 0 -22px; color:red;">наехал</samp>
<br><br>
<span id="aa2"></span><span id="aa3"></span>

CSS

#aa2{display:inline-block;
  
    border-color: transparent transparent transparent red;
    border-style: solid;
    border-width: 50px 0 50px 50px;
    height: 0px;
    width: 0px;
}
#aa3{  margin-left:-25px;
     display:inline-block;
    border-color: transparent transparent transparent blue;
    border-style: solid;
    border-width: 50px 0 50px 50px;
    height: 0px;
    width: 0px;
}

@fvc · 31.12.2012, 22:31

С новым годом!

HTML5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <link rel="stylesheet" href="Текстовый документ.css" type="text/css">
</head>
<body>
<div id="arrow">
    <div id="AA2">
    </div>
    <div id="AA3">
    </div>
</div>
</body>
</html>

CSS

#arrow{
margin-left:10%;
}
#AA2{
    margin-left:-2%;
    border-color: transparent transparent transparent red;
    border-style: solid;
    border-width: 50px 0 50px 50px;
    height: 0px;
    width: 0px;
    float:left;
}
#AA3{
     
    border-color: transparent transparent transparent blue;
    border-style: solid;
    border-width: 50px 0 50px 50px;
    height: 0px;
    width: 0px;
    
 
}

Название: 8cc353bb2921.gif
Просмотров: 592

Размер: 4.4 Кб

@Taatshi Почетный модератор 12269 / 5334 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	06.10.2012, 01:09	2
	это css. А html где? 0

Dmitry 13333 / 7470 / 815 Регистрация: 09.09.2009 Сообщений: 29,224
	06.10.2012, 01:11	3
	Сообщение от melihovgv наложение друг на друга свойство z-index в css указывает "кто над кем"... (если я понял о чем речь) 0

	31.12.2012, 22:31

Опции темы