Помогите братья с CSS

[Удален]
850

Всем привет, подскажите люди добрые, как меню мне загнать на место?

я только учусь верстать по уроку и сломал всю голову на этом =) в хедере ее не пристроил, потому что нужна тень под ней, а тень у нас уже есть на бекграунде... к тому же нужно чтобы иконка домик была что ли спрайтом, т.к. когда она не активна она должна быть другого цвета...

прилагаю картинку "как нужно" и ссылку на самого пациента

P.S. на кодировку пожалуйста не обращайте внимания, это сейчас не так важно)

jpg primer.jpg
M2
На сайте с 11.01.2011
Offline
341
#1

пациент битый :)

------------------- Крутые VPS и дедики. Качество по разумной цене ( http://cp.inferno.name/view.php?product=1212&gid=1 ) VPS25OFF - скидка 25% на первый платеж по ссылке выше
[Удален]
#2

сорри, почему то серч рубит мою ссылку, вот еще раз пробую: http://ama{точка}h16{точка}ru

izbushka
На сайте с 08.06.2007
Offline
110
#3

И что вас не устраивает, не пойму? То что меню переносится на строку ниже? Ну дак нет для него места.. Уменьшайте отступы, шрифты.

Или текст в выделенном меню подпрыгивает вверх? сделайте ему padding-top: Xpx; Это же касается и домика..

[Удален]
#4

izbushka, вы что правда только в этом разницу увидели?

izbushka
На сайте с 08.06.2007
Offline
110
#5

Понимаете, мы тут не в гадалки играем.. Если хотите помощи, говорите, что конкретно надо, а не найди 10 отличий. У меня так

[Удален]
#6

ок, понял. вобщем что я пытаюсь добиться:

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

2. убрать поднимание ссылок и домика.

3. селектор меню у меня выходит за рамки самого меню, посредством margin, т.к. так задумано в дизайне, и как раз поэтому задираются ссылки.

4. не понимаю что делать с домиком, когда он не активен. есть мысль сделать его спрайтом... но что с оcтальными пунктами? делать их тоже отдельными дивами?

P.S. чувствую ошибка где то в организации кода, вот и хотелось бы получить грамотную консультацию от человека который знает эти темы на зубок

izbushka
На сайте с 08.06.2007
Offline
110
#7

1. Сделайте для меню отдельный div c прозрачным фоном, не вставляйте его в page.

2. li:hover { padding-top: 10px;}

3. см 2

4. ну тоже две картинки, одну c :hover, вторую без.

Я бы не делал вообще списков (<ul>) а сделал бы просто ссылками <a> c display: inline-block;

Т.к. сайт не резиновый, я бы сделал так:

<div class=menu> С зеленым фоном меню

<a>меню1</a> с прозрачным фоном

<a class=active>активное меню</a> c белым фоном

</div>

Верстку картинками тоже уже не модно :)

Тени (box-shadow), круглые углы (border-radius) и градиенты ( background-image: -o-linear-gradient.. ) можно сделать на html5+css3 + behavior для IE

[Удален]
#8
izbushka:
а сделал бы просто ссылками

т.е. просто ссылка <a>....</a> каждая в своем диве?

izbushka:
Верстку картинками тоже уже не модно

да, это здорово, но какая то база нужна, элементарная, чтобы уметь верстать хотябы просто макет без разных фич и крутой анимации на html5+css3:) с опытом конечно буду осваивать.

izbushka
На сайте с 08.06.2007
Offline
110
#9
Goajazzz:
т.е. просто ссылка <a>....</a> каждая в своем диве?

Нет, просто ссылками c display: inline-block, все в одном диве, см. выше

[Удален]
#10

кажется понял:) большое спасибо

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий