Надежда К.
77 повідомлень
#17 років тому
Дизайн не мой, верстка - моя.
Специфика в том, чтобы при наличии шапки шириной в 1500 пикселей отсутствовала бы горизонтальная прокрутка на меньших разрешениях браузера.
Демид З.
192 повідомлення
#17 років тому
А ничего в принципе. Хорошая работа
Владимирович А.
417 повідомлень
#17 років тому
А почему при сворачивании в окно логотип обрезается наполовину....? Целью было только отображение авто в шапке?
Надежда К.
77 повідомлень
#17 років тому
ViaStyle, задача была - сделать рабочую зону сайта под разрешение 1024х768. Те, у кого меньше - отдыхают.
Те, у кого больше - видят картинку в шапке целиком.
Андрей М.
19 повідомлень
#17 років тому
Мне понравилось, аккуратный код..только это:
 scrollbar-arrow-color: #ffcc00; и т.д. 
при этом
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
работать не будеть
Надежда К.
77 повідомлень
#17 років тому
andrvm, ну, работать то - работает, гляньте в ИЕ. Правда, проверку на валидность css именно из-за этого кода не проходит.
А с каким DOCTYPE это сочетается в таком случае?
Андрей М.
19 повідомлень
#17 років тому
letayushaya а как же кроссбраузерность? ...в остальных работает без DOCTYPE
Надежда К.
77 повідомлень
#17 років тому
andrvm, кроссбраузерность идеальна. цвета прокрутки - это, так сказать, моя личная добавка, в заказе такого не было.
Сергей В.
289 повідомлень
#17 років тому
Я сталкивался с подобным, только там ширина была 1280.
решается все это очень легко и просто, вот javascript который работает со всеми браузерами:


<script type="text/javascript">
onscroll=function() { document.body.scrollLeft=0 }
</script>


мне кажется, что кода можно было сделать меньше.
Сергей Вакулишин
1 повідомлення
#17 років тому
Жесть
у миня просто нет слов
Надежда К.
77 повідомлень
#16 років тому
madkaban, ну, я javascript не знаю - не программист. И вообще наша команда старается обходиться без нее, если можно.
А по поводу того, что код можно было бы сделать меньше - это согласна, уже вижу, где можно облегчить. Ну, это до следующего проекта уже.
Куперштейн Антон
246 повідомлень
#16 років тому
Хороший работа
Сергей В.
289 повідомлень
#16 років тому
Цитата:
Ну, это до следующего проекта уже.

да, ты прав(а). лучше не лопатить код... а то так можно и всю страницу заново переверстать (собственно чем сейчас и занимаюсь )
Надежда К.
77 повідомлень
#16 років тому
madkaban, угу, единственное, что сделать надо будет - это внести изменения для IE 7. Кстати, на это почему-то никто внимания не обратил. Видимо, спасает то, что на него еще практически никто не перешел.
Сергей В.
289 повідомлень
#16 років тому
Я пользуюсь Оперой, а IE7 - это зло!
Я уже не могу относится спокойно к тому, что каждый браузер выдает совершенно иной результат.
Основных браузеров сейчас 4. Представляете, сколько будут стоить услуги верстальщика, если в ближ. будущем их станет напримре 10...
Надежда К.
77 повідомлень
#16 років тому
IE - это зло без всяких цифр во всех версиях! ))))
Ну, не каждый, не каждый выдает. В основном рулит Осел, за что его все "любят". На практике получается, что несмотря на большое кол-во браузеров, верстка идет двойная: для ИЕ, и для всех остальных.
Андрей Халецкий
3563 повідомлення
#16 років тому
letayushaya, верстка хороша.
Если дальше стремиться к совершенству, то можно больше сделать для большей логичности HTML кода:

Например новости.
Сейчас структура такова:
<div id="new-left">
<p class="new-head">
<div class="title-new-left">
<div class="box-text-new">
<div class="title-new-left">
<div class="box-text-new">
</div>

т.к. не понятно сколько тут новостей (если не смотерть на страницу), заголовок оторван от содержимого и т.д.

В переводе на человеческий язык должно быть так (один из вариантов):
Колонка (Заголовок1(Заголовок2+Текст новости(картинка собственно текст))+(Заголовок2...)

Т.е. Заголовок должен быть заголовком, текст и картинка в одном блоке (параграфе). Можно дыть все параграфами, можно списком, можно блоками.

Параграфы:
<div id="new-left">
<h1> Новости </h1>
<p>
<h2>
<img> sobstvenno text
</p>
...
<p>
<h2>
<img> sobstvenno text
</p>
<div>


Это не влияет на отображение, но радует программеров и роботов )
Надежда К.
77 повідомлень
#16 років тому
SmartDesign, спасибо за рекомендации.
Но!
Который раз уже встречаюсь с тем, что стремятся сделать ЗАГОЛОВКИ - ССЫЛКАМИ. Вы же видите, там ссылка на заглавии новости. Или вы тоже лепите ссылки на заголовки, не считаясь с правилами?..
Если честно, то не вижу, чем ваш вариант будет радовать робота, кроме наличия H1 и H2.
По разбивке, может, оно и логичнее у вас, но там есть минусы (картинка и текст в одном параграфе), которых удалось избежать при моем варианте разбивки. И потом, помнится, верстка дивами как раз и помогает отделять визуальное отображение от кода...
Андрей Халецкий
3563 повідомлення
#16 років тому
Заголовки можно делать ссылками (это скорее вопрос к диайзнеру, зачем, и почему не подчеркнуты).

Что касается маленьких радостей, сейчас роботы мало обращают внимание на то, что новость, например, разорвана на 2 части.


Если стремиться к совершенству, то, на мой взгляд, нужно стараться сделать так, что бы структура документа повторяла логическую структуру. Это не очень то из категории верстки, скорее вопрос структуры. Я всегда советую называть блоки, при проектировании структуры.

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

Или так:
Блок новости, содержит озаглавленный список отдельных новостей.

Вместо того, что есть сейчас:
Блок новости, содержит несколько парных кусков новостей.

ЗЫ. Если интересно, можем нарисовать идеальную структуру документа. И сделать туториал, для всех в виде статьи.
ЗЗЫ. Я не верстальщик и не программист =)
Николай С.
710 повідомлень
#16 років тому
Цитата ("SmartDesign"):
Если стремиться к совершенству, то, на мой взгляд, нужно стараться сделать так, что бы структура документа повторяла логическую структуру. Это не очень то из категории верстки, скорее вопрос структуры.

Это как раз из области вёрстки