Вернуться   Foxter.ru > Мой компьютер > Программирование > Web-программирование

Ответ
 
Опции темы Опции просмотра
Старый 20.10.2006, 06:44   #28678  
Гуру
 
Аватар для s1mon
 
Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349Репутация: 27349
Регистрация: 17.01.2006
Адрес: Клуб управления гневом
Сообщения: 408
Нарушения: Два нарушения
По умолчанию DIV - разметка блочного типа

До недавнего времени часто можно было увидеть что весь сайт построен с помощью таблицы. Теперь все чаще стали использовать, так называемую, размету блочного типа:

Цитата:
Блочные элементы можно вкладывать друг в друга, но нельзя пересекать друг с другом. Строковые элементы можно как вкладывать, так и пересекать(согласно DTD и практике старых версий браузеров), но последнее делать не рекомендуется.

Совершенно естественно, что по набору атрибутов управления отображением (атрибуты описания стиля) строковые и блочные элементы отличаются. Упрощенно можно сказать, что атрибуты описания стиля строкового элемента являются подмножеством атрибутов описания стиля блочного элемента.

Обобщениями блочного и строкового элементов с точки зрения стилей выступают элементы DIV и SPAN соответственно.
Кто чем пользуется?

Я строю главный макет страницы из таблицы, а в стлобцах уже ипользую DIV. Для новостных лент и аналогичных - UL+LI. Удобно.
__________________

s1mon вне форума   Ответить с цитированием
Старый 03.04.2007, 21:17   #45218  
Новичок
 
Аватар для _nazgul_
 
Репутация: 1
Регистрация: 03.04.2007
Сообщения: 7
Нарушения: Одно нарушение
По умолчанию

Цитата:
Сообщение от s1mon Посмотреть сообщение
Кто чем пользуется?
уже пол-года верстаю исключительно на div'ах. код становится более понятным и легкоредактируемым для тех кто будет править его после меня.
_nazgul_ вне форума   Ответить с цитированием
Старый 04.05.2007, 20:44   #47210  
Новичок
 
Аватар для kupidon
 
Репутация: 1
Регистрация: 04.05.2007
Адрес: Хабаровск
Сообщения: 4
По умолчанию

Вёрстка таблицами отмирает как класс.
Уже есть и движки, заточеные конкретно именно под удобную блочную вёрстку.
Хоть гляньте на Лебедева - сплошныя div-ы, да резина...
__________________
Мораль - это не константа!
Мораль - переменная!
kupidon вне форума   Ответить с цитированием
Старый 27.06.2007, 12:13   #49599  
Лис 2006
 
Аватар для Antony
 
Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661
Регистрация: 15.11.2005
Адрес: Омск
Сообщения: 310
По умолчанию

Народ, подскажите плз кто знает:

КАК в IE можно ограничить уменьшение ширины резинового сайта? Что б он не сжимался до минимума, а была какая-то критическая ширина, меньше которой он уже не станет???
__________________

Если ты не встанешь на сноуборд этой зимой, то следующей ты станешь на год старше!
Зато если ты встанешь на сноуборд этой зимой, то можешь и не стать на год старше!..
PS: Без бордА мне жизнь горькА...
Antony вне форума   Ответить с цитированием
Старый 27.06.2007, 12:40   #49601  
admin
 
Аватар для Barkoff
 
Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246
Регистрация: 25.10.2005
Сообщения: 1,053
По умолчанию

Antony, только через всевозможные костыли. Вот несколько ссылок по теме -
http://cssing.org.ua/2005/09/02/min-width-for-ie/
http://daniel.hahler.de/2006/05/13/s..._internet_expl
http://www.cssplay.co.uk/boxes/minwidth.html

max-width, но тоже полезно -
http://www.svendtofte.com/code/max_width_in_ie/
__________________
Barkoff вне форума   Ответить с цитированием
Старый 17.08.2007, 10:31   #51327  
Лис 2006
 
Аватар для Antony
 
Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661
Регистрация: 15.11.2005
Адрес: Омск
Сообщения: 310
По умолчанию

Задался вот вопросом:

Каким образом можно сделать так, что бы при сохранении страницы в броузере (через "Файл" > "Сохранить страницу...") страница сохранялась в нормальном виде (т.е. со всей графикой...)

А то при сохранении сохраняются все картинки, а бэкграунды - не сохраняются... А потом, соотетственно, при открытии локально на компе внешний вид портится... июо много бэкграундов...(((

Я имею ввиду может это можно както урегулировать средствами CSS? или HTML? не знаю даже... JS? )
__________________

Если ты не встанешь на сноуборд этой зимой, то следующей ты станешь на год старше!
Зато если ты встанешь на сноуборд этой зимой, то можешь и не стать на год старше!..
PS: Без бордА мне жизнь горькА...
Antony вне форума   Ответить с цитированием
Старый 17.08.2007, 20:29   #51340  
admin
 
Аватар для Barkoff
 
Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246Репутация: 333246
Регистрация: 25.10.2005
Сообщения: 1,053
По умолчанию

Antony, методами CSS/HTML/JS имхо никак. Только сторонними прогами, либо плагинами типа файрфоксовского расширения ScrapBook, которое сохраняет станичку в точности как она выглядит.
__________________
Barkoff вне форума   Ответить с цитированием
Старый 28.08.2007, 03:18   #51602  
Местный
 
Аватар для Grenky
 
Репутация: 56768Репутация: 56768Репутация: 56768Репутация: 56768Репутация: 56768Репутация: 56768Репутация: 56768Репутация: 56768Репутация: 56768Репутация: 56768Репутация: 56768
Регистрация: 12.12.2005
Адрес: Находка
Сообщения: 207
Вопрос

чтоб ветка не дохла тут сама по себе, задам вопрос по 3х колоночной верстке. Только не надо кидать ссылки на различные уроки. Я хочу узнать как вы решаете эту задачу.
PHP код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<
title>Untitled Document</title>
<
style type="text/css">
#main{
width:200px;
float:left;
}
#left{
float:left;
width:100px;
background-color:#FF0000;}
#center{
width:100px;
margin-left:100px;
background-color:#00FF00;}
#right{
width:100px;
margin-left:200px;
background-color:#0000FF;}
</style>
</
head>

<
body>
<
div id="main">
<
div id="left">1</div>
<
div id="center">2</div>
</
div>
<
div id="right">3</div>
</
body>
</
html
Это код простейшей верстки в три колонки. Всё логично. Но наш любимый IE все обс... так вот и интересно - как вы с этим справляетесь?
Желательно примеры не для резиновых сайтов.
__________________
Начну учить тяжелое искусство быть самим собой...
Grenky вне форума   Ответить с цитированием
Старый 28.08.2007, 12:05   #51604  
Premium Member
 
Аватар для Vadya corp.
 
Репутация: 123365Репутация: 123365Репутация: 123365Репутация: 123365Репутация: 123365Репутация: 123365Репутация: 123365Репутация: 123365Репутация: 123365Репутация: 123365Репутация: 123365
Регистрация: 26.10.2005
Сообщения: 293
По умолчанию

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
#main{
width:200px;
}
#left{
position:absolute;
width:100px;
background-color:#FF0000;}
#center{
position:absolute;
left:100px;
width:100px;
background-color:#00FF00;}
#right{
position:absolute;
width:100px;
left:200px;
background-color:#0000FF;}
</style>
</head>

<body>
<div id="main">
<div id="left">1</div>
<div id="center">2</div>
</div>
<div id="right">3</div>
</body>
</html>
нерезина
__________________
Готовлю еду за PHP и MySQL
Vadya corp. вне форума   Ответить с цитированием
Ответ


Здесь присутствуют: 1 (пользователей - 0 , гостей - 1)
 

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения

BB-коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Быстрый переход



Powered by vBulletin
Copyright ©2000-2024, Jelsoft Enterprises Ltd.
[Foxter Skin] developed by: Foxter.ru