<MyRusakov.ru />

Вёрстка сайта с нуля 2.0

Вёрстка сайта с нуля 2.0

Система "Вёрстка сайта с нуля 2.0" содержит в себе не только сами видеоуроки по адаптивной вёрстке сайтов с примерами, но и вспомогательную систему для более эффективного обучения.

Сам курс обучит Вас абсолютно с нуля HTML5 и CSS3, а также научит верстать сайты с помощью реальных примеров вёрстки. Обучение идёт от простого к сложному. В последнем разделе курса идёт обучение адаптивной вёрстке сайтов: Вы узнаете всю необходимую теорию, а также увидите пример реальной адаптивной вёрстки сайта.

Как итог, курс совмещает в себе всё, что нужно по HTML, CSS и адаптивной вёрстке сайтов, с наглядными примерами, с обучением от простого к сложному и без необходимости иметь начальных знаний, а благодаря вспомогательной системе психологически курс проходится очень легко, а на выходе Вы сможете сделать адаптивную вёрстку любого сайта любой сложности.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Закруглённые углы
11.10.2011 22:46:56 Закруглённые углы Сообщение #1
karpedon

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;
}
Профиль Ответить
11.10.2011 22:52:45 Закруглённые углы Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Без HTML-кода ничего сказать нельзя.
Профиль Ответить
11.10.2011 23:14:53 Закруглённые углы Сообщение #3
karpedon

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%;
}




почему неотображался разобрался а вот с позиционированием не получается...
Какая хронология записи будет для всех четырёх углов??? ну порядок прописи див_ов в нтмл...
Профиль Ответить
11.10.2011 23:28:41 Закруглённые углы Сообщение #4
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Вообще тема интересная, и я, пожалуй, завтра напишу утром статью по этой теме. Потому что у Вас пока совсем не так, как надо.
Профиль Ответить
13.10.2011 11:12:35 Закруглённые углы Сообщение #5
karpedon

karpedon

Освоившийся

Освоившийся

Дата регистрации:
10.10.2011 13:19:35

Сообщений: 25

А это не катит???
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px 20px 20px 20px;
Профиль Ответить
13.10.2011 13:17:00 Закруглённые углы Сообщение #6
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Ни в коем случае не используйте этот вариант, он не является кроссбраузерным и львиная доля пользователей закруглённых углов просто не увидит.
Профиль Ответить
16.05.2013 00:51:57 Закруглённые углы Сообщение #7
sergkosm

sergkosm

Новичок

Новичок

Дата регистрации:
29.03.2013 20:04:34

Сообщений: 4

Сейчас можно использовать просто border-radius, без всяких этих надстроек -moz, khtml и т.п.
Профиль Ответить