Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: float & блочная вёрстка.

Сообщения:  [1-6] 

 
 автор: technic611   (03.02.2011 в 21:32)   письмо автору
 
   для: f@ntom   (03.02.2011 в 19:39)
 

по второму вопросу, какой текст где он?

  Ответить  
 
 автор: technic611   (03.02.2011 в 21:30)   письмо автору
 
   для: f@ntom   (03.02.2011 в 19:39)
 



<style>

.block1
{
float:left; 
width:200px;
}

.block2
{
float:left; 
width:200px;
}


.block3
{
float:left; 
width:200px;
}

.block4
{
float:left; 
width:200px;
}

.left_block
{
float:left; 
width:100px;
}

.work
{
float:left; 
width:400px;
}

</style>

<div class=header>Шапка<div>
<div class=left_block>Левый блок</div>
<div class=work> 
<div class=block_boss1>
<div class=block1>Первый блок</div>
<div class=block2>Второй блок</div>
</div>

<div class=block_boss2>
<div class=block3>Третий блок</div>
<div class=block4>Четвертый блок</div>
</div>

</div>
<div class=footer>Футер</div>

  Ответить  
 
 автор: f@ntom   (03.02.2011 в 19:39)   письмо автору
77.6 Кб
 
   для: f@ntom   (03.02.2011 в 10:11)
 

Не получается что - то так (((
Вопрос новый созрел на этой почве, как при помощи css и html
Сделать из первой картинки, так как ппоказано на второй.... Но чтобы текст не залезал под картинку...
Не могу допетрить =((((

Картинке в архиве.

  Ответить  
 
 автор: f@ntom   (03.02.2011 в 10:11)   письмо автору
 
   для: ONYX   (03.02.2011 в 04:13)
 

О..... Спасибо большое ))) Пойду пробовать у себя сделать ))

  Ответить  
 
 автор: ONYX   (03.02.2011 в 04:13)   письмо автору
 
   для: f@ntom   (03.02.2011 в 02:01)
 

<style>
body{padding:0; margin:0;}
div{border:2px solid #000000;}
#head{height:100px; width:100%; background:#aa0000;}
#left{float:left; width:20%; height:600px; background:#999900;}
#work{width:100%; height:600px; background:#330000;}
#work div{float:left; width:400px; height:250px; background:#ee9900;}
#foot{height:100px; width:100%; clear:both; background:#aa0000;}
</style>


<div id="head">Шапкус</div>
<div id="left">Блокус слева</div>
<div id="work">
  <div>Блокус 1</div>
  <div>Блокус 2</div>
  <div>Блокус 3</div>
  <div>Блокус 4</div>
</div>
<div id="foot">Фокус</div>


Я правильно понял? Во всяком случае блоки на вашей картинке можно так реализовать

  Ответить  
 
 автор: f@ntom   (03.02.2011 в 02:01)   письмо автору
56.5 Кб
 
 

Доброго времени суток, решил попробовать блочную вёрстку и столкнулся с проблемой.
При использовании обтекания (float), когда допустим левая колонак обтекает рабочую область, в самой рабочей области уже ничего сделать нельзя с обтеканием, т.к. первый ещё не закрыт...

Приложу картинку, там вроде понятно нарисовал, незнаю даже как выразить свою проблему )))

  Ответить  

Сообщения:  [1-6] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования