karpedon
Освоившийся
Дата регистрации:
10.10.2011 13:19:35
Сообщений: 25
есть четыре картинки соответствующие всем четырём углам..
размеры 10х10рх
создаю блок, задаю бэкграунд... а картину вовсе не видно..
не говоря уже про позиционирование((((
.tr{
background:url("img/tr.gif"
no-repeat top right;
width: 10px;
height: 10px;
display: block;
}
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
Без HTML-кода ничего сказать нельзя.
karpedon
Освоившийся
Дата регистрации:
10.10.2011 13:19:35
Сообщений: 25
это html
<div id="content1">
<div class="content1_1">
<div class="tr"></div>
<h2 class="heading">HEADING</h2>
<p><span class="italic">sing valid CSS. This is a <a href="/">link</a> to nowhere. For more templates visit my website.</span>
<img src="files/img/pic.jpg" class="img">unc ut lacus nonummy euismod. Suspendisse fringilla urna. Morbi in ligula. Sed elementum velit ac purus. Curabitur consequat pulvinar est.</p>
</div>
</div>
это параметры самого блока
.content1_1{
width: 100%;
background: #bbc;
text-align: justify;
}
#content1{
width: 37%;
float:left;
margin:0 3% 3% 3%;
}
почему неотображался разобрался а вот с позиционированием не получается...
Какая хронология записи будет для всех четырёх углов??? ну порядок прописи див_ов в нтмл...
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
Вообще тема интересная, и я, пожалуй, завтра напишу утром статью по этой теме. Потому что у Вас пока совсем не так, как надо.
karpedon
Освоившийся
Дата регистрации:
10.10.2011 13:19:35
Сообщений: 25
А это не катит???
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px 20px 20px 20px;
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
Ни в коем случае не используйте этот вариант, он не является кроссбраузерным и львиная доля пользователей закруглённых углов просто не увидит.
sergkosm
Новичок
Дата регистрации:
29.03.2013 20:04:34
Сообщений: 4
Сейчас можно использовать просто border-radius, без всяких этих надстроек -moz, khtml и т.п.