Jump to content

Bayanruby

User
  • Posts

    46
  • Joined

  • Last visited

Everything posted by Bayanruby

  1. С праздником всех женщин! А swetlanу отдельно , так как помогает мне с азами блочной вёрстки. Спасибо!
  2. Ага, я понял свою ошибку. Перерезал я макет чуток =) Самый понятный, для меня, код - это у psywalker.ru. Интересно он сделал. Теперь мне, образно, видно как надо верстать "слоями" этот макет. Осталось попробовать на практике. Новичок.
  3. Там всё подписано. Видно не зря создал тему. Что мне делать, как мне быть? Как правильно делать? Вроде также верстал все сайты, только на таблицах и вроде ничё так получалось, но это таблицы, мне на дивах нужно научиться.
  4. Невозможно найти удалённый сервер Так я же комментировал для чего разрезал. И что у меня не логично?
  5. Здравствуйте. Почитав теории на htmlbook.ru про блочную вёрстку решил перейти к практике. Как всегда начиная пробовать верстать на дивах, появлялись проблемы и поэтому сразу возвращался к таблицам. Сейчас решил всерьёз заняться этим делом и сверстать свой первый сайт на дивах. Решил начать верстать с этого макета http://forum.htmlbook.ru/index.php?showtopic=13276 Начинаю: 1 - для начала макет нужно разрезать в фотошопе, вот как я решил его разрезать (http://s53.radikal.ru/i141/1103/3b/00ccb1be7b3c.jpg) Пункт 1,2,3 это шапка сайта, для её быстрой загрузки я решил её разрезать на 3 части. В средней части, с помощью ксс, незная как =), сделаю ссылки и надпись сверху. Пункт 4 обычный столбец Пункт 5 тоже столбец + картинка, под пунктом 6 Пункт 8 - это правый столбец. В нём, под пунктом 9 и 10, картинки, а под пунктом 7, кусок шапки. Потом в ксс я какнибудь сделаю 7 пункт фоном, прижму к верху и на этом фоне будет текст. Под пунктом 11 я сделаю, из этого куска, фон и на нём будет текст Вот такой у меня алгоритм =) Правильный? Или есть недочёты, может есть способ полегче моего велосипеда? После оценки спецов приступлю к вёрстки в ШТМЛ и ЦСС. Заранее спасибо.
  6. Это как? Можно скрин и какой браузер у Вас? Что, очень сильные цвета я взял? Мне казались они наоборот более менее, да и под флаг Беларуси подходят =)
  7. А теперь, если не сложно, на человеко-русском языке. Спасибо.
  8. В той ветке мне нельзя постить =( Чего это? У меня всё работает
  9. Вот сам сайт - История Беларуси Мне очень хочется научиться верстать сайты правильно и валидно и кроссообразно (во загнул) Так вот посмотрите мой сайт и скажите мои сильные недочёты в вёрстке. Я знаю свой первый недочёт - это таблицы. Я уважаю таблицы, но всёравно пора переходить на блочную вёрстку, хотя пока не очень получается. ЗЫ также интересно мнение о дизайне и юзабилити. Заранее спасибо!
  10. Задал класы. Криво и неправильно отображается. Может кто поможет вот ШТМЛ <div class="div"> <ul> <li><a href="#" class="dot" title="Photoshop">Главная</a></li> <li><a href="#" class="dot" title="Шаблоны сайтов">Контакты</a></li> <li><a href="#" class="dot" title="Шаблоны сайтов">О сайте</a></li> </ul> <ul class="last"> <li><a href="#" class="dot" title="Photoshop">Карта сайта</a></li> <li><a href="#" class="dot" title="Шаблоны сайтов">Каталог</a></li> <li><a href="#" class="dot" title="Шаблоны сайтов">Книги</a></li> </ul> </div> Вот КСС .div{ margin-left:23px; margin-bottom:65px; } ul { float: left; margin: 0 3.5% 0 0; padding: 0; width: 100px; } ul.last { margin-right: 0; } ul li { list-style: none outside none; } A.dot { text-decoration: none; border-bottom: 1px dashed #0FF; color:#FFF; } A.dot:hover { color: #F00; }
  11. У меня такая ситуация. ul и li у меня уже, какбы, заняты для одной менюшки, для них я прописал стиль и всё такое. Начал второе меню делать, но там надо другие стили как мне быть? Если я вставлю второе меню у меня каша полусчается. Может есть замена ul и li
  12. Bayanruby

    CSS меню

    Помогите сделать такую менюшку на КСС. С КСС ещё не до конца разобрался. Вот такого типа надо http://i013.radikal.ru/1101/e5/6a365512fe7d.gif Надо чтоб в таком порядке ссылки стояли. Как сделать это в таблице знаю, а в КСС нет. Помогите Вот что сделал <!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>Документ без названия</title> <style> ul { float: left; margin: 0 3.5% 0 0; padding: 0; width: 31%; } ul li { list-style: none outside none; } A.dot { text-decoration: none; /* Убираем подчеркивание */ border-bottom: 1px dashed #000080; color: #6f4a25; /* Добавляем свою линию */ } A.dot:hover { color: #f00000; /* Цвет ссылки при наведении на нее курсора */ } A.dot:visited { color: purple; /* Цвет посещенных ссылок */ } </style> </head> <body> <div> <ul> <li><a href="#" class="dot" title="Photoshop">Главная</a></li> <li><a href="#" class="dot" title="Flash">История Белоруси</a></li> </ul> <ul> <li><a href="#" class="dot" title="Photoshop">Главная</a></li> <li><a href="#" class="dot" title="Flash">История Белоруси</a></li> </ul> </div> </body> </html> То что я сделал не очень правильно рабатает.
×
×
  • 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