WebMasterOleg

Я в него привнес частичку своего.

У футера прописать clear:both; Все разобрался... я поникер)

Ребята проблемы с высотой. Верстка. Что можете подсказать.. Я похоже запутался с height и min-height html, body {height:100%; width:100%;} ... #wrapper { width:100%; margin:0 auto; min-height:100%; height:auto; } ... #content { width:1000px; margin:0 auto; min-height:100%; height:auto; } #main-post-content{ float:left; min-height:100%; height:auto; width:680px; margin-top:25px; } #main-right-sidebar{ float:right; min-height:100%; height:auto; width:280px; margin-top:25px; } ... Что то походу не так пошло, текст пробивает футер, и футер не опускается вниз по мере увеличения текста на странице.

Все, сделал меню с помощью спрайтов! Ура мле! Это победа! Верстка.

Понимаете в чем проблема. Я не рисунок делаю ссылкой, я целый блок <li><a>Главная</a></li> делаю ссылкой. Когда прописываю ширину и высоту для спрайта (32х32), то у меня текст съезжает соответственно. Пока с этим не могу сладить. Попробую увеличить отступы картинок в спрайтах. И еще проблема: картинка (спрайт) не встает по центру, даже при значениях top center.

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

Вот что получилось: Верстка. Просто пошаманил CSS.

вот тут верстка: ВЕРСТКА В общем меню надо сделать так, чтобы при наведении на любой участок раздела меню картинка этого пункта меню менялась с черно булой на цветную. Э это смог реализовать только когда наводишь непосредственно на саму картинку. Когда навожу на ссылку, картинка не меняется! Как сделать чтобы поменялась?? Сейчас я пытаюсь написать функцию на JQuery, но пока идей нет. Это то самое меню! <ul class="pages-menu"> <li><a href="#" title="#"><img src="images/home-a.png" onmouseover="this.src='images/home-h.png';" onmouseout="this.src='images/home-a.png';" />Главная</a></li> <li><a href="#" title="#"><img src="images/sitemap-a.png" onmouseover="this.src='images/sitemap-h.png';" onmouseout="this.src='images/sitemap-a.png';" />Site Map</a></li> <li><a href="#" title="#"><img src="images/advertise-a.png" onmouseover="this.src='images/advertise-h.png';" onmouseout="this.src='images/advertise-a.png';" />Реклама</a></li> <li><a href="#" title="#"><img src="images/support-a.png" onmouseover="this.src='images/support-h.png';" onmouseout="this.src='images/support-a.png';" />Контакты</a></li> </ul> Вот так выводится список из 4х меню. Помогите плиз написать скрипт!!

Все, добился желаемого результата путем: width:100%; min-width:1000px; Итак для каждой растяжки! Спасибо!

Хелп!!! Вот ссылка на верстку. Можете по-изменять размеры. Стили к верстке.

Верстаю шаблон. Использую шрифт Myriad Pro. При объявлении через CSS обычным путем, с помощью способа: * {font-family:"Myriad Pro"; font-weight:normal;} во всех браузерах, кроме Сафари 5 отображается нужный шрифт. Когда решаюсь на отчаянный шаг и подключаю шрифт принудительно из папки fonts, то в Сафари текст отображается нужным шрифтом. Подключаю вот так: @font-face { font-family:"Myriad Pro"; /* Имя шрифта */ src:url(fonts/MyriadPro.otf); /* Путь к файлу со шрифтом */ } Отображается текст нужным шрифтом во всех браузерах, кроме браузера Опера. Там случается следующая проблема. При подключении обычным способом через font-family в браузере Опера обычный текст, текст ссылок и наведенных ссылок (hover) отображается нужным шрифтом. Когда подключаю дополнительно шрифт из папки, то обычный текст и текст ссылок отображаются шрифтом по умолчанию, определенный в браузере (у меня вроде это TNR), но не нужным шрифтом. Что делать? Исправляю в одном месте ломается в другом!!! Хелп!

yacor, вот получилось вроде) И вот еще вариант, он как то мне больше нравится. Я там немного изменил Хэдр.

Svatov, в точку!) Наушники мне там понравились. Первый опыт натягивания на ВП...

Ребят, есть блог. Нужна идея для нового дизайна. Ни чего в голову не приходит, как видите: ДНО дизайн 1, ДНО дизайн 2. Блог содержит статьи и советы новичкам по HTML CSS PHP и т.д. А то весит уже полгода фришный дизайн. Хочется что то своего. Нарисовать в фотошопе смогу без проблем. Спасибо! Буду рад любым предложениям. П.С. приступил к размышлениям над третьим дизайном... вскоре узнаем, будет ли он тоже дно или нет.

А как я цвет добавлю в такой минималистический дизайн?? Каковы ваши предложения. Я добавил под верхней строкой еще 1 строку в 3 пикселя, сменил цвет основного фона.

Ну вот как то так.

Хотелось бы услышать ПРЕДЛОЖЕНИЯ по сайдбару (Рубрики, Архив). Мне он не очень нравиться.

Ну че, у тя круто получилось)) Как ты сделал чтобы иконки при наведении подсвечивались? Я вот хочу кнопки сделать чтобы при наведении подсвечивались думаю так сделать: .li a { background:url('img/button.png'); opacity:0.5; } .li a:hover { background:url('img/button.png'); opacity:1; } Пройдет такой трюк? И кстати, я там немного не так сделал... надо переделать чуток.

Ок, учту. Придется начать рисовать новый дизайн, только уже учту все советы.

А что за иконки?? Что то не догоняю. Можете объяснить? HTML <!DOCTYPE html> <html> <head> <title>Шапка</title> <link rel="stylesheet" type="" href="style.css" media="screen" /> </head> <body> <div class="header"> <ul class="navi"> <li><a href="1">+Вы</a></li> <li><a href="2">Веб</a></li> <li><a href="3">Картинки</a></li> <li><a href="4">Видео</a></li> <li><a href="5">Карты</a></li> <li><a href="6">Новости</a></li> <li><a href="7">Gmail</a></li> <li><a href="8">Ещё</a></li> </ul> </div><!-- header --> <div class="wrapper"> <div class="content"> <div class="forma"> <form method="get" action="./"> <img src="logo.png" alt="Поиск" class="search-img"> <input type="text" name="search" id="search" class="main-search" /> <input type="submit" name="submit" id="submit" class="main-submit" value="Начать поиск"> </form> </div><!-- forma --> </div><!-- content --> </div><!-- wrapper --> </body> </html> CSS * {margin:0; padding:0;} .navi { background:#2D2D2D; overflow:hidden; padding-left:10px; } ul, li {list-style:none; } li { float:left; width:auto; font:10pt Arial; line-height:14pt; padding:5px 14px 5px 0; display:block; text-align:center; } li a { text-decoration:none; color:#CCC; height:auto; display:block; } li a:hover { text-decoration:underline; color:#FFF; } .wrapper { min-width:750px; max-height:100%; } .forma { margin:0 auto; width:350px; padding:200px 0 10px 0; } .main-search { width:450px; height:30px; background:#fff; border:1px solid #d9d9d9; font:12pt Arial; } form {width:450px;} .search-img {margin:0 auto; width:275px;} .main-submit { border:1px solid #DCDCDC; width:125px; height:35px; float:right; margin:10px 0 0 0; } Вот архив: Архив с исходниками Что не так поправишь надеюсь, ну или пиши, будем разбираться.

И еще такой вопрос. Всем надеюсь видно, как отображается область под сайдбар и контент (2 белых блока). их высота задана: min-height:100% height:auto; у обоих. Теперь осталось сделать так, чтобы они опускались вместе, т.е. зависели друг от друга как бы. чтобы опускались на одинаковую высоту, а то если в контенте много статей то он понятно будет опущен ниже, чем правый блок. Как можно это решить?

wrap{ position: absolute; background-color: #4d4e53; } .w_head{ height: 30px; background-color: red; color: #fff; text-align: center; } .w_body{ color: #fff; padding: 5px;} А где собственно растяжка на 100%? У меня во всех браузерах одинаково, в том числе и ИЕ - по содержимому. И задача не ясна: тебе НАДО чтобы он растягивался на 100% или надо чтобы он по содержимому блока w_body растягивался? Поподробнее.

Спасибо, да, работа первая! 1. Так было изначально задумано. 2. Не умею, пока только жесткий. 3. Вы правы. Но, я опять же пока не нашел альтернативы. А кнопка изначально задумана в дизайне. Текстовая ссылка меня не впечатляет. 4. Метки поправил. 5. Текст увеличил. 6. В голову не приходят ни какие идеи. Подумаю. 7. Паджинатор - в лом пока что писать стили. тож чуть позже. картинок нарежу. 8. Это приятный спокойный цвет, не отвлекающий от контента. Ну на счет контраста, что можете посоветовать? 9. Не знаю про копирайт. А права на тему и статьи принадлежат мне. Я писал я рисовал. Кто спи*дит, тот будет иметь дело с судом)) И со мной. 10. Логотип тоже не мог придумать оригинальнее. у слова "самостоятельно" должен быть не "?" а "!". Только заметил, тогда смысл сообщения меняется. 11. А за то что я буду размещать тексты яндекса он меня в бан не кинет? Сайт поправил. Но подвал остается "дном". по поводу комментариев. тоже не оформлял. пока только главная страница. Этот шаблон поставлю на свой блог. Как доработаю. Например? По идее, так и хотел, но где то мог переборщить. Что бы вы сделали поменьше? Я бы тоже...

Мой дизайн. Прошу, критикуйте) По поводу навигации еще не успел придать её стилям... просто прошу внешней оценки. Движок ВП. Уже натянул на него.

Всем привет! Очень рад что наконец то зарегистрировался на этом замечательном форуме! Мне нужна ваша помощь! Нарисовал дизайн, сверстал. Во всех браузерах (опера, хром, сафари(немного тупит с бордер-радиусом), мозилла,) отображается сайт корректно. В ИЕ на это смотреть невозможно. Мало того, что бордер-радиус не сработал, так еще и ссылки стали с фоновым цветом, меню растянуло. А при добавлении инструментов (для ИЕ) с сайта хак для ИЕ чтобы скруглялось)) фон меню вообще пропадает. Ведь есть же на форуме, кто сталкивался с кроссбраузерностью. Помогите разобраться и настроить. Я скрипты к сожалению писать не умею. а вот и сайт, он тестовый: тестовый.