psywalker

да лана те, ерунда, обращайся

http://forum.htmlbook.ru/index.php?showtopic=13589

s0rr0w Спасибо вам ещё раз огромное, по первому пункту - это для меня не реал, я плохо дружу с фотошопом, а по второму хочу сказать, что я вроде бы так и сделал, то-есть вырезал отдельно каждую картинку с сечением для каждого пункта в отдельности, но вот хотелось-бы поточнее узнать: 1) Ничего, что они все разного размера, так как сечения разные у всех пунктов? 2) Я предлагаю сначала написать так: Общее правило для ul Это координаты списка, и фон, выглядит так: http://www.psywalker.ru/SAITS/IvanMatveev/main-page.html далее для каждой "a" пишем: дисплей блок, свою высоту, ширину и позиционируем.. а при наведении уже ставим background: путь к картинке с сечением; и координаты: top: ; left; , нормал?

LunatiK Спасибо, я понял s0rr0w Спасибо вам, буду экспериментировать ещё А я так понял, мне надо для каждой отдельной ссылки сделать нижний фон и верхний, которые будут наложены друг на друга?

стойте, стойте ребят, вы меня запутали совсем..вот тут вопросы появились: LunatiK 1) сделал, и ничего не изменилось вроде, просто прибавилась рамка и ширина в пикселях)) 2) Я так понял, нужно изначально Позиционировать именно просто "а" , вместо того, чтобы вешать позиционирование на a:hover ? или на то и другое надо вешать position: absolute; ? вот допустим у меня код начинается так: ul.nav { width: 180px; height: 247px; position: absolute; left: -182px; top: 2em; padding-top: 2.5em; background: url(../img/menu.png) 0 0 no-repeat; } это для расположения основного меню и сам фон, вот так это выглядит вот с таким кодом: http://www.psywalker.ru/SAITS/IvanMatveev/main-page.html , как действовать далее, что писать в : и как должны выглядеть картинки для каждой ссылки?

Даа, это всё - Его Величество "CSS" хочешь узнать поподробнее, зайди сюда: http://htmlbook.ru/html/

s0rr0w Что такое "Глоу" и можете рязъяснить фразу поподробнее Значит вы бы не использовали список? а можно поподробнее ваш интересный вариант LunatiK Конечно-же я так делал, что я только не делал, бесполезно

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

забудь

И что в этом плохого??? Молодец по-мойму, отличную работу делает..Хорошо-бы все перевёл, которые возможно только

base239 Отличная работа дружище, молодец, хорошие книжки, новичкам в радость будет их читать sandro-css каждадневные тренировки - это конечно гуд, но книжки должны подкреплять знаниями постоянно ИМХО..

AjiTae 1) А я только вот пол-года верстать пытаюсь, ещё молодой очень, многого не знаю, часто спрашиваю, наматываю на ус. То, что и как я делаю, считаю ученическим, или покрайней мере далёким от совершенства.., потому что я ещё зелёный и только начал осваивать всю эту кашу.. 2) Даа, это в тебе есть, но ерунда, это временно))) 3) Вообще это не насмешка, а наоборот считается грамотным тоном в "Вэб-общении" так сказать, в текстах на сайтах, обращении к посетителям и т. д. , это написано в известных словарях по русскому языку... Давай будем на "Ты"

AjiTae 1) Стоп, ничё подобного, никаких копий я не делал, это изначально был мой вариант, просто единственное небыло спрайта, потому что я идеалист по своей натуре и если гдето недочёт, а в данном случае была проблема в ИЕ6, то я стараюсь сначала её решить, а потом уже делать конечный вариант, именно за этим я и обратился в этот Топик, но к счастью решил её Сам, без вашей помощи..Но зато благодаря вам узнал ещё один вариант этого Интересного на мой взгляд меню, за что благодарен Вам и наверняка где нибудь буду его использовать в своих работах.. 2) Вы так говорили, как будто считаете себя супер-мега-профи, а все остальные мелкие тараканы вокруг, ничего не умеют и не знают, ещё учить их нада... 3) Даже не думал об этом, я ещё только учусь, и вообще эти фразы - не моё, совсем не про меня.. 4) Если Вы действительно увлечены этим делом и Вам нравиться помогать людям, то я только рад, что на этом форуме появился ещё один хороший парень, к которому всегда можно обратиться за советом, да и помочь приятно p. s. - Кстати всёже я настаиваю, дайте пожалуйста пару ссылок на ваши работы, мне - молодому, хоть глянуть код, поучиться (желательно самых лучших на Ваш взгляд)

SimpsoneJkee придумывай себе занятие, ставь планки и решай их, как можешь, пока не решишь, думай, размышляй, если вообще будет туго, обращайся к Гуглу, или на форуме спроси. Теория должна подкрепляться практикой полюбому, а то так далеко не уедешь друг

AjiTae Ну что - Мастер, ждёте, пока за вас кто-то ответит?

http://htmlbook.ru/css/min-width.html http://htmlbook.ru/css/max-width.html

вот мой код, у меня всё отображается хорошо! <table width='85%' border='1' cellspacing='0' cellpadding='0' class='3'> <tr> <td width="11%" align='center' class='3'>Menu</td> <td width="73%" align='center' class='3'> <table width='85%' border='1' cellspacing='0' cellpadding='0' class='3'> <tr> <td width="11%" align='center' class='3'>Menu</td> <td width="73%" align='center' class='3'>Form</td> </tr> </table> </td> </tr> </table>

поставь ul - width: ..; и margin: 0 auto; ul{ width: 900px; margin: 0 auto;}

:)

слушай, а не мог бы ты мне скинуть пару своих работ, по вёрстке, я хоть поучусь, посматрю, как мастер это умеет делать? Скинь самые лучшие на твой взгляд плиз, желательно побольше вёрсток Так дружище, а теперь переходим к делу, вот для тебя специально сделал своё меню, со своим кодом и идеей, потом кстати вчера сидел до 4-х утра, выявил наконец ошибку в ИЕ6, дело было в скрипте одном, ну неважно вобщем, дело не в этом..Посмотрите-ка Мастер мой код и скажите, чем же он всё таки Громоздней и Хуже вашего??? Причём я настаиваю, чтобы Вы объяснили, или иначе грош Вам цена и Вашим словам! Во первых меню я в отличии от Вас - Мастер, делаю на Списках, во вторых код у Вас больше - это явно, а также у меня всё везде работает абсолютно, и даже в ИЕ6.. HTML <ul class="nav"> <li class="auto"><a href="#"></a></li> <li class="about"><a href="#"></a></li> <li class="dn"><a href="#"></a></li> <li class="gl"><a href="#"></a></li> <li class="write"><a href="#"></a></li> </ul> CSS ul.nav { width: 180px; height: 247px; position: absolute; left: -182px; top: 2em; padding-top: 2.5em; background: url(../img/munu-nav.gif) 0 -160px no-repeat; } ul.nav li a { display: block; height: 32px;} ul.nav li a:hover { background: url(../img/munu-nav.gif) no-repeat;} ul.nav li.about a:hover { background-position: 0 -32px;} ul.nav li.dn a:hover { background-position: 0 -64px;} ul.nav li.gl a:hover { background-position: 0 -96px;} ul.nav li.write a:hover { background-position: 0 -128px;} Ссылка http://psywalker.ru/SAITS/IvanMatveev/main-page.html А теперь поставьте рядом Мой код и Ваш и сравните, и не забудьте объяснить, Чем Ваш код намного Лучше моего??? Только прошу, не надо отмазок и пантов, просто нормальным русским языком, чтоб я понял, что я за верстало

А ты можешь конктретно сказать, что тебе не нравится в моём варианте? чем он плох? Этот код меньше, чем твой, работает везде, кроме ИЕ6, там проблемы с кликом, который я пытаюсь решить, потом позиционирование мне нужно для моей задачи, чтобы установить это меню туда, куда мне нужно, что тебе не нравится, я не могу понять, то, что у тебя просто отдельный вариант в отдельном файле? У меня то для сайта))) Вот позырь сам, как мне ещё было внедрить меню в это место, да и вообще как бы ты сделал сам? http://psywalker.ru/SAITS/IvanMatveev/main-page.html И вообще я не заказ делаю, а для себя, для тренировки макет взял поверстать, поэтому и разбираю всякие варианты, для опыта, понимаешь?

Блин, да ты не понимаешь, причём тут картинка и ЛОЛ, неважно, что я хочу получить при наведении, фон или даже Картинку, всё равно не работает, только когда уберу position: absolute;

AjiTae Нее, дружище пойми, у меня совсем другой код, я делал по своему, вроде сделал нормально, но почему в ИЕ6 не работают клики, не могу понять, вот мой код для ИЕ6: <ul class="nav"> <li class="auto"><a href="#">Авторизация</a></li> <li class="about"><a href="#">Обо мне</a></li> <li class="dn"><a href="#">Дневник</a></li> <li class="gl page"><a href="#">Галерея</a></li> <li class="write"><a href="#">Написать мне</a></li> </ul> div#cnt ul.nav { position: absolute; left: -242px; top: 2em; width: 140px; height: 24.7em; padding: 2.5em 1.2em 0 2.8em; background: url(../img/menu1.gif) left top no-repeat; z-index: 1; } ul.nav li { height: 32px; position: relative;} ul.nav li.auto.page { background: url(../img/li-bg.jpg) 0 0 no-repeat;} ul.nav li.about.page { background: url(../img/li-bg.jpg) 0 -32px no-repeat;} ul.nav li.dn.page a{ background: url(../img/li-bg.jpg) 0 -64px no-repeat;} ul.nav li.gl.page a{ background: url(../img/li-bg.jpg) 0 -96px no-repeat;} ul.nav li.write.page a{ background: url(../img/li-bg.jpg) 0 -128px no-repeat;} Даже просто уже пишу ради интереса div#cnt ul.nav li a:hover { background:#f00;} , всё равно при наведении ссылки не становятся Красными, ваще не реагируют на клик, пока не уберу: position: absolute; с ul

да разными способами, сходите в Гугл, там 1000 примеров любых меню, а уже ваш вопрос думаю проще некуда сделать

Вот эт другое дело