Jump to content

Пушкин - наше все

styleroom

By styleroom,
in Discussion of works

 Share

Recommended Posts

Nekromancer Explorer

Nekromancer

Posted
Posted (edited)
НО ту есть одно НО - ведь у центрального дива то же есть фон... и он не должен "наезжать" на боковые фоны при уменьшении ширины окна браузера..

<div id="center"><div id="conteiner"></div></div>

для контейнера:

{margin: 0 20px;}

Edited by Nekromancer
Link to comment
Share on other sites
styleroom Explorer

styleroom

Posted
  • Author
Posted (edited)
можно ещё флоатами сделать, вариантов много :)
вариантов в жизни всегда много, важно решить задачу быстро... а мне быстро ничего в голову не пришло кроме таблицы... будет время покопаться - дороюсь и до чистых дивов без таблицы
<div id="center"><div id="conteiner"></div></div>

для контейнера:

{margin: 0 20px;}

но тогда при уменьшении окна слишком быстро появится горизонтальная прокрутка... а так для браузера с шириной 800 все читабельно, а с маргинами уже при 1024 крутить вправо придется... Edited by styleroom
Link to comment
Share on other sites
styleroom Explorer

styleroom

Posted
  • Author
Posted
блин ну я примерную ширину ставил, поставь так что умещалось..
так ведь дело не в размере маргина, а в том как это сработает... задав центральному блоку отступы по краям чего мы достигнем?

кстати о птичках = что делать вот с этим? доктайп поменять? почему это валидатор считает так = end tag for element "P" which is not open.

пс: опять этот хотлог гребаный

Link to comment
Share on other sites
Nekromancer Explorer

Nekromancer

Posted
Posted

ой ну всё там можно рассчитать и сделать, чтоб оно не сжималось дальше нужного и ваще вложенность немного поменять.. это просто пару пример в какую сторону капать..

Link to comment
Share on other sites
styleroom Explorer

styleroom

Posted
  • Author
Posted
ой ну всё там можно рассчитать и сделать, чтоб оно не сжималось дальше нужного и ваще вложенность немного поменять.. это просто пару пример в какую сторону капать..
ну вот тебе код 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
<style type="text/css">
<!--
body {margin: 0px;}
#retgf { margin:0 119px; background-color:#CCCCCC; width:790px;}
-->
</style></head>

<body>
<div id="retgf">Здесь располагается содержимое  id "retgf"</div>
</body>
</html>

давай уж тогда на примере говорить

Link to comment
Share on other sites
Nekromancer Explorer

Nekromancer

Posted
Posted

например так..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  <title>Сайт</title>
<style type="text/css">
#left  {background: url("точечный рисунок.bmp") left top repeat-y; width: 100%; min-width: 1000px;}
#right {background: url("точечный рисунок.bmp") right top repeat-y; width: 100%; min-width: 1000px;}
#center {width: 1000px; height: 2000px; margin: 0 auto; text-align: center;}
body, html {margin: 0; padding: 0; border: none;}
#conteiner {margin: 0 20px; background: grey; }
</style>
 </head>
 <body>
<div id="left"><div id="right"><div id="center"><div id="conteiner">fsadfasd</div></div></div></div>
</body>
</html>

или так

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
  <title>Сайт</title>
<style type="text/css">
#left  {background: url("точечный рисунок.bmp") left top repeat-y; width: 100%;}
#right {background: url("точечный рисунок.bmp") right top repeat-y; width: 100%;}
#center {width: 1000px; height: 2000px; margin: 0 auto; text-align: center; background: grey;}
body, html {margin: 0; padding: 0; border: none;}
#conteiner {min-width: 1040px;}
</style>
 </head>
 <body>
<div id="conteiner">
<div id="left">
<div id="right">
<div id="center">fsadfasd</div>
</div>
</div>
</div>
</body>
</html>

усё, тут вроде всё понятно, я работать :)

Link to comment
Share on other sites
styleroom Explorer

styleroom

Posted
  • Author
Posted

Подкорректировал немного сайт: подправил отображение ссылок в списке стихов (убрал жирный шрифт на ховере) сделал не приметнее буквицы...

с расположением текстов стихов ничего в голову не пришло - слишком они разные по длине строки (не возможно установить адекватную ширину блока с левым выравниванием шрифта, но абсолютной центровкой на странице)

давайте дальше замечания

Link to comment
Share on other sites
Olhado Explorer

Olhado

Posted
Posted (edited)

Я так понимаю, раз сайт создан «в общеобразовательных целях», то он не подразумевает частого обновления и постоянного контроля со стороны разработчика. Тогда уж будьте добры, научите с его помощью людей хорошему — проработайте сайт досконально и приблизьте к идеалу настолько, насколько это возможно. Не старайтесь делать так и так только потому, что это единственный возможный компромисс.

Если каждое стихотворение у вас требует разной ширины блока — так сделайте этот блок в каждом случае таким, каким нужно. Я не думаю, что собрание сочинений Пушкина «верстали мудаки» © — а ведь там не старались все подвести под один стандарт, но каждую строфу, строчку располагали именно так, как задумано автором. Я думаю, в рамках «общеобразовательных целей» привить читателям сайта правильное представление о виде стихотворных произведение было бы весьма не лишним.

Далее, вы не поняли меня насчет буквиц. Не надо их делать неприметнее — надо убрать их полностью, оставив лишь разве что в первом абзаце каждой страницы. Опять же, посмотрите, как выглядит Пушкин «на бумаге».

И насчет кавычек тоже — либо уберите их совсем, либо замените на « и » соответственно — опять же, просто ради «общеобразования». http://habrahabr.ru/blogs/typography/57351/

И еще. По-моему, стоит как-нибудь упорядочить список стихотворений. Сейчас он выглядит просто как свалка ссылок, в которой трудно разобраться и выискать нужную. Быть может, имеет смысл сделать упорядоченный по алфавиту список в несколько колонок?

Edited by Olhado
Link to comment
Share on other sites
styleroom Explorer

styleroom

Posted
  • Author
Posted
Я так понимаю, раз сайт создан «в общеобразовательных целях», то он не подразумевает частого обновления и постоянного контроля со стороны разработчика.
ну почему же... объем который предстоит сюда закатать слишком большой - не на один месяц растянется
Если каждое стихотворение у вас требует разной ширины блока — так сделайте этот блок в каждом случае таким, каким нужно
может так и будет
оставив лишь разве что в первом абзаце каждой страницы.
скорее выборочно - через 3-4 абзаца
И еще. По-моему, стоит как-нибудь упорядочить
будет по алфавиту, а как - время покажет
Link to comment
Share on other sites
Olhado Explorer

Olhado

Posted
Posted
ну почему же... объем который предстоит сюда закатать слишком большой - не на один месяц растянется

«Закатать» и «постоянно обновлять» — разные вещи.

скорее выборочно - через 3-4 абзаца

Единственные два логичных варианта — либо один раз в первом абзаце, либо в каждом первом абзаце новой главы/части.

Link to comment
Share on other sites
  • 2 weeks later...
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept