|
|||||||
Практические советы по вёрсткеОбсуждение темы Практические советы по вёрстке в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Когда создавала свой сайт воспользовалась вот этиим ресуром — http://www.eltisbook.ru . Все очень легко и доступно описано.... |
![]() |
|
|
Опции темы |
|
|
#81 |
|
|
Когда создавала свой сайт воспользовалась вот этиим ресуром — http://www.eltisbook.ru. Все очень легко и доступно описано.
|
|
|
|
|
#82 |
|
|
Уважаемые форумчане, нужно ли сейчас учить HTML 4.01, или можно сразу приступать к пятому? Ну и про CSS3 аналогичный вопрос. Заранее спасибо за ответы!
|
|
|
|
|
#83 |
|
|
Эм - пятый html отличается наличием нескольких новых функций. Иными словами - зная html 4 на пятую версию проблем с переходом не будет. И цсс- тоже самое. Учите 4 версию html и 3 css. Научитесь ими пользоваться, просто посмотрите новые теги в новейших версиях. Тем более 5 html, на сколько я знаю, улучшается каждый день - все больше и больше штук разных
|
|
|
|
|
#84 | |
|
|
Цитата:
|
|
|
|
|
|
#85 |
|
|
Я поэтому и спрашиваю, что не в теме.
|
|
|
|
|
#86 |
|
|
LKS, Ну HTML5 это HTML 4.01 с нововедениями. Можно вполне учить или тот или тот. Основные знания даст каждый из них, а всякие вещи в новом HTML знать необязательно.
|
|
|
|
|
#87 |
|
|
Здравствуйте.
Есть фон картинке, который нужно репитеть по y. Как сделать так, чтобы вырезанный кусок репителся полностью вырезанным куском. Есть ли решение этой проблемы кроме использования свойства line-height (в размере height вырезанного куска)? Вот картинка:fon_cen.gif Дело в том, что если для текста прописать паддинг или маржин, то тогда все съезжает и картинка начинает репитеться не совсем так, как хотелось бы (неравномерно добавляются кольца от блокнота). А если не прописывать line-height для текста, тоже картинка репитется по мере наполнения текста и иногда получается так, что кольца от блокнота получается не полностью. А это не есть хорошо. Вот сама структура шаблона: Код:
<div id="mainwrapp">
<div id="fon_top">
<img class="top_img"src="images/list.png" />
<img id="logo" src="images/logo.png" />
<ul class="menu">
<li class="item1"><a href="#">Пункт 1</a></li>
<li class="item2"><a href="#">Пункт 2</a></li>
<li class="item3"><a href="#">Пункт 3</a></li>
<li class="item4"><a href="#">Пункт 4</a></li>
<li class="item5"><a href="#">Пункт 5</a></li>
</ul>
</div>
<div id="cenwrapper">
<div id="fon_center">
<div id="left_page">
<p>текст</p>
<p>текст</p>
</div>
<div id="right_page">
<p>текст</p>
<p>текст</p>
</div>
</div>
</div>
<div id="fon_bot">
</div>
</div>
Код:
body {
background:url(images/background.jpg) repeat;
}
#mainwrapp {
margin: 0 auto;
padding:0;
width:1024px;
}
#fon_top {
background:url(images/header.png) no-repeat;
margin:0;
padding:0;
width:1024px;
height:254px;
position:relative;
}
#logo {
display:block;
position:absolute;
top:95px;
left:165px;
z-index:1;
}
.top_img {
display:block;
position:absolute;
z-index:2;
}
#cenwrapper{
width:1024px;
font:16px/45px Georgia;
}
#fon_center {
width:1024px;
float:left;
background:url(images/fon_cen.png) repeat-y;
}
#left_page {
width:435px;
float:left;
margin:0px 0 0 55px;
}
#right_page {
width:435px;
float:right;
}
#fon_bot {
margin:0;
padding:0;
background:url(images/bottom.png) no-repeat;
width:1024px;
height:284px;
clear:both;
}
|
|
|
|
|
#88 |
|
|
скриншот того что у вас получается дайте.
|
|
|
|
|
#90 | |
|
|
Цитата:
|
|
|
|
![]() |
| Опции темы | |
|
|
| Похожие темы | ||||
| Тема | Автор | Раздел | Ответов | Последнее сообщение |
| Урок по вёрстке | Асмодиан | Библиотека | 21 | 30.11.2015 20:16 |
| Adobe Flash в веб-дизайне. Практические советы. | ghjafy | Технологии Flash | 2 | 06.12.2010 23:49 |
| Советы по дизайну | keeper10 | Скамейка запасных | 15 | 12.03.2010 13:06 |
| Посоветуйте учебник по вёрстке | Nielson | HTML, CSS, JavaScript | 25 | 18.06.2009 23:42 |
| Книги по вёрстке... | AceLightning | Библиотека | 17 | 08.07.2008 18:08 |
|
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|