Jump to content

Первый Оранжевый


Dinow
 Share

Recommended Posts

Вот..самая первая попытка резиновой верстки. Какие будут замечания по коду, ошибки?

http://dinow.host22.com/First-Orange

Есть пара проблем, которые не смогла решить:

1. В ИЕ 6 не знаю как исправить нижнюю линию.

1420507m.jpg

2. В некоторых браузерах (ИЕ6, Мазила) не срабатывает стиль для выбранного языка. В чем может быть проблема?

Link to comment
Share on other sites

мда…

Dinow — это нечто. Если все бы новички были такими, нам, считающим себя опытными, пришлось бы крепко поднапрячься, чтобы оправдать статус опытных.

Некоторые решения таковы, что по прежнему верится с трудом в малый опыт.

На IE6 можно слегка подзабить, прикрывшись модными словами graceful degradation.

а насчёт языка: не в том ли дело, что стиль для .rus a:link? Может следует просто .rus a?

Ну и всё-таки ради приличия поругаю чуть.

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

Следует ограничить его по ширине. max-width.

Link to comment
Share on other sites

1. В ИЕ 6 не знаю как исправить нижнюю линию.

1420507m.jpg

В чем может быть проблема?

.line {
overflow: hidden;
}

2. В некоторых браузерах (ИЕ6, Мазила) не срабатывает стиль для выбранного языка. В чем может быть проблема?

IE6/Firefox всё окей.

далее по вёрстке.

.sidebar ul

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

span {
display: block;
}

кто тебе дал право делать строчный элемент блочным глобально? а если контент менеджер через свой визивик вставит его в контент как думаешь что будет с текстом?

.contact

можно было бы и списком сделать

<li class="rus"><a href="#">rus</a></li>

логичнее использовать ".active"

.submit

спорное мнение стоило ли вообще так делать.

и по контенту. как-то странно ты вывела иерархию h1,h2,h3

в контенте идет H1, H3 а в сайдбаре H2.

итог.

если это первая верстка то вижу проблески перспективного верстальщика в будущем.

Link to comment
Share on other sites

мда…

Dinow — это нечто. Если все бы новички были такими, нам, считающим себя опытными, пришлось бы крепко поднапрячься, чтобы оправдать статус опытных. Некоторые решения таковы, что по прежнему верится с трудом в малый опыт.

Серьезно?? Если честно, очень неожиданно получить столь положительный отзыв.. Опасалась, что закидают верстку помидорами) Спасибо, Светлана!

На IE6 можно слегка подзабить, прикрывшись модными словами graceful degradation.

а насчёт языка: не в том ли дело, что стиль для .rus a:link? Может следует просто .rus a?

Когда только открыла в ИЕ6, была шокирована - вся верстка развалилась.. Пришлось намучиться с ним и терь хочется добить окончательно из принципа :D

А насчет языка оказывается все в порядке..

Ну и всё-таки ради приличия поругаю чуть.

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

Следует ограничить его по ширине. max-width.

Ограничила на 900px. Так нормально? Или сделать больше/меньше? Верстаю на нетбуке, не могу проверить сама сейчас..

Не понял для чего делать span {display: block;} (15 строчка style.css), если есть div ?

А разве уместно использовать дивы, там где у меня спаны стоят?

Link to comment
Share on other sites

.line {
overflow: hidden;
}

Помогло! Спасибо!

IE6/Firefox всё окей.

И правда.. либо браузеры перегрелись в тот день, либо я...

.sidebar ul

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

А нельзя будет тогда ему задать класс и прописать новые стили? Или лучше для каждого меню сразу задавать отдельный класс и свои стили?

span {
display: block;
}

кто тебе дал право делать строчный элемент блочным глобально? а если контент менеджер через свой визивик вставит его в контент как думаешь что будет с текстом

Так далеко даже не заглядывала.. сделала из расчета только на имеющуюся страницу.. Исправила..

<li class="rus"><a href="#">rus</a></li>

логичнее использовать ".active"

Точно! Спасибо, переделала

.submit

спорное мнение стоило ли вообще так делать.

Можешь объяснить почему? И как было бы лучше?

и по контенту. как-то странно ты вывела иерархию h1,h2,h3

в контенте идет H1, H3 а в сайдбаре H2.

Нуу.. так получилось) Переделала: в контенте терь Н1, Н2, в сайдбаре - Н3.

итог.

если это первая верстка то вижу проблески перспективного верстальщика в будущем.

Резиновая - первая. Спасибо, klierik!

Link to comment
Share on other sites

Если будет желание, то можно пополнить счёт резиновых вёрсток http://forum.htmlbook.ru/index.php?showtopic=24960 :D

Ааааа, psywalker, спасибо те огромное! Идеально! Обязательно попробую сверстать! Только сегодня думала, что надо найти макет с закругленными уголками, о которых все говорят, но с которыми сама еще не связывалась))

Link to comment
Share on other sites

Ааааа, psywalker, спасибо те огромное! Идеально! Обязательно попробую сверстать! Только сегодня думала, что надо найти макет с закругленными уголками, о которых все говорят, но с которыми сама еще не связывалась))

Не за что. Сам когда то искал макеты для тренировки, на своей шкуре испытал, что это такое :D

Link to comment
Share on other sites

А нельзя будет тогда ему задать класс и прописать новые стили? Или лучше для каждого меню сразу задавать отдельный класс и свои стили?

тут большой путь

.sidebar ul li

в тот момент сделать можно было проще:

.b-menu li {}

работало бы быстрее.

Можешь объяснить почему? И как было бы лучше?

та это я к тому что я,к примеру, даже бы не догадался жать туда.

это скорее не к верстальщику а к дизанеру.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • 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