olechic

ПЛЗ подскажите где подправить и почему он выстраивает li элементы sub_menu в строку ? float:left; выстраивает в строку

а есть какой то алгоритм натягивания на CMS?

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

Хочу сделать приблизительно вот такой сайт. Верстать умею, но не знаю как сделать его так что бы было удобно потом наполнять и редактировать. Подскажите пожалуйста с чего начинать?Есть предположение что нужно как то синхронизировать с CMS? но как - понятия не имею.

сделал тестовое задание для jumior-HTML верстальщик, по заданию я выполнил не все пункты(это не обязательно) подскажите пожалуйста, что нужно или можно исправить. вот страница http://tuut.16mb.com/DB/ вот макет http://itmages.ru/image/view/596491/c75009aa вот таск: 1. Макет резиновый. Максимальная ширина – 1280px, минимальная – 1024 (при разрешении 1024px не должно быть горизонтального скроллбара ) 2. Меню в шапке всегда тянется на всю ширину. 3. Слайды должны переключаться автоматически и по нажатию на кнопки пагинации. 4. Слайдер резиновый. При малом разрешении зарезается справа. 5. Заголовок в контенте написан нестандартным шрифтом .. 6. Нажатие на кнопку «Вход для пловцов» открывает попап с формой. 7. Кнопки формы имеют 4 состояния: по умолчанию, блокированное, наведение, нажатие. 8. В форме поиска нужно предусмотреть состояние получения фокуса (текст по умолчанию исчезает, введенный текст становится более контрастным) 9. Элементы хроники не имеют отступ слева и справа. 10. Изображение в хронике является частью ссылки.

может еще предложения будут?

попробуй так. только не забудь вставить цвет при наведении и расстояние *{ margin:0; padding:0; } .page{ margin:0 auto; width:905px; } ul{ list-style:none; width:100%; height:40px; background:#000 url(http://ru.intek.az/bg-nav.gif) top left repeat-x; } ul li{ float:left; border-right:1px solid #333; } ul li a{ display:block; height:40px; padding-left: 2px; /*Это расттояние между ссылками*/ float:left; text-transform: uppercase; font:100%/40px Helvetica,"microsoft sans serif",arial,sans-serif; color:#fff; text-decoration:none; text-align:center; } ul li.active a{ background:url(http://ru.intek.az/bg-button.gif) top left repeat-x; color:#fff; } ul li a:hover{ color: здесь указать цвет при наведении; } ul li a:first-child{ padding-left: 0px; }

сделал тестовое задание для jumior-HTML верстальщик, по заданию я выполнил не все пункты(это не обязательно) подскажите пожалуйста, что нужно или можно исправить. вот страница http://tuut.16mb.com/DB/ вот макет http://itmages.ru/image/view/596491/c75009aa вот таск: 1. Макет резиновый. Максимальная ширина – 1280px, минимальная – 1024 (при разрешении 1024px не должно быть горизонтального скроллбара ) 2. Меню в шапке всегда тянется на всю ширину. 3. Слайды должны переключаться автоматически и по нажатию на кнопки пагинации. 4. Слайдер резиновый. При малом разрешении зарезается справа. 5. Заголовок в контенте написан нестандартным шрифтом .. 6. Нажатие на кнопку «Вход для пловцов» открывает попап с формой. 7. Кнопки формы имеют 4 состояния: по умолчанию, блокированное, наведение, нажатие. 8. В форме поиска нужно предусмотреть состояние получения фокуса (текст по умолчанию исчезает, введенный текст становится более контрастным) 9. Элементы хроники не имеют отступ слева и справа. 10. Изображение в хронике является частью ссылки.

сделал тестовое задание для jumior-HTML верстальщик, по заданию я выполнил не все пункты(это не обязательно) подскажите пожалуйста, что нужно или можно исправить. вот страница http://tuut.16mb.com/DB/ вот макет http://itmages.ru/image/view/596491/c75009aa вот таск: 1. Макет резиновый. Максимальная ширина – 1280px, минимальная – 1024 (при разрешении 1024px не должно быть горизонтального скроллбара ) 2. Меню в шапке всегда тянется на всю ширину. 3. Слайды должны переключаться автоматически и по нажатию на кнопки пагинации. 4. Слайдер резиновый. При малом разрешении зарезается справа. 5. Заголовок в контенте написан нестандартным шрифтом .. 6. Нажатие на кнопку «Вход для пловцов» открывает попап с формой. 7. Кнопки формы имеют 4 состояния: по умолчанию, блокированное, наведение, нажатие. 8. В форме поиска нужно предусмотреть состояние получения фокуса (текст по умолчанию исчезает, введенный текст становится более контрастным) 9. Элементы хроники не имеют отступ слева и справа. 10. Изображение в хронике является частью ссылки.

верстаю страницу http://tuuut.16mb.com/DB/ При ее уменьшении футер разваливается. В чем может быть проблема? и почему margin: auto для боди не работает?

Спасибо!!!! Именно это я и хотел сделать.

а как для одной кнопки отразить 4 состояния?

Кнопки формы имеют 4 состояния: по умолчанию, блокированное, наведение, нажатие. А как сделать блокированное состояние?

верстаю сайт http://tuuut.16mb.com/DB, столкнулся с проблемой: как вставить в таблицу между ячейками полосу(картинку)?

а как картинку измениь?

подскажите пожалуйста как это сделать http://itmages.ru/image/view/589435/529acf80 что бы при наведении менялась картинка?

как сделать такой http://divhack.com/downloads/slider/index.html слайдер резиновым?

а что на ваш взгляд можно изменить?

можно ли использовать такие имена id, будут ли проблемы? <body id="site"> <div id="header"> <div id="logo"> </div> <div id="top-navigation"> <ul> <li>О компании</li> <li>Сертефикаты</li> <li>Нагарды</li> <li>Контакты</li> </ul> </div> <div id="phone"> <span id="code">(+375-29)</span> <span id="number">1-233-456</span> </div> <div id="navigation"> <ul> <li>О воде</li> <li>Спасенные</li> <li>Неспасенные</li> <li>Транспорт</li> <li>Плавцы</li> </ul> </div> </div> <div id="wrapper"> <div id="wrapper-left"> <ul> <li>Спасение от удара молнии</li> <li>Защита от тактическмх боеголовок</li> <li>Спасение от спама</li> </ul> </div> <div id="slider"> </div> </div> <div id="content"> <div id="left-content"> <span id="chronicle"><a href="">Хроника спасения</a></span> <span id="after-chr"><a href="">Здесь не хватает только вас</a></span> </div> <div="right-content"> <h1>Спасение утопающих - дело самих утопающих</h1> <div id="top-text-content"> <div id="left-text-content"> </div> <div id="right-text-content"> </div> </div> <div id="image-content"> <div id="left-image-content"> </div> <div id="center-image-content"> </div> <div id="right-image-content"> </div> </div> </div> </div> <div id="footer"> </div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script> <script src="js/script.js" type="text/javascript"></script> </body> </html>

если начинать по-порядку, я не знаю как сделать 1-й пункт. по моим предположениям нужно использовать min-width и max-width, но как это сделать и для каких элементов использовать очень смутно представляю?

как по такому макету http://savepic.net/3007217.htm выполнить следующие условия: 1. Макет резиновый. Максимальная ширина – 1280px, минимальная – 1024 (при разрешении 1024px не должно быть горизонтального скроллбара ) 2. Меню в шапке всегда тянется на всю ширину. 3. Слайдер резиновый. При малом разрешении зарезается справа. и еще один вопрос правильно ли я определил блочную структуру http://itmages.ru/image/view/573149/7c1b8177

)))особенно в верстке

предлагаю обсудить что вас обычно раздражает в чужой верстке!я предложил - я и начну ненавижу когда забывают убрать подсветку в инпутах если это не задумано input[type=text]:focus { outline: none; }

а если резиновый?какой приблизительно будет css и html?

но ведь здесь нет сапрайтов. мне кажется что нужно сделать див , в нем сделать инпут и еще три дива - для первого закругления, для основания, и для последнего закругления, все картинками. но возможно я неправ.