X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Помогите с меню пожалуйста
Lanaruana
Lanaruana
Topic Starter сообщение 3.2.2011, 10:35; Ответить: Lanaruana
Сообщение #1


Всем доброго времени суток!

Пожалуйста помогите, или дайте ссылки на сайт, где это объясняется.

Я пыталась сделать меню с кнопками из картинки (сейчас просто слова-линки на белом фоне), обрыскала инет, нашла и картинки и коды, всё вроде нормально, но! количество букв в ссылке меню не влазит в картинку и получается, что слова из неё выходят, получается очень не красиво. Может быть, это настолько просто, что нигде не написано, но я не знаю уже что делать. Помогите плиз!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
tgarl
tgarl
сообщение 3.2.2011, 10:43; Ответить: tgarl
Сообщение #2


если у вас меню горизонтальное, то принцип фона будет такой:разбиваете фон на 2 части тегу <li> задаете левую часть фона меню, а ссылке внутри <a href="">..</a> правую часть они накладываются и получается целиковая картинка.
если вертикальное, то ограничьте ширину и текст будет переноситься на другую строку. но при этом варианте расчитывайте на соответствующий фон который будет по вертикали растягиваться, но принцип такой же как и с горизонтальным меню
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lanaruana
Lanaruana
Topic Starter сообщение 3.2.2011, 10:50; Ответить: Lanaruana
Сообщение #3


у меня вертикальное, вот код в css:

#menu {background:url(./image/pink.jpg) no-repeat;
width: 150px;
height: 50px}
#menu ul{list-style-type: none;
font-family: 'Monotype Corsiva';
font-size: 0.9em;
margin-left: 0;
padding: 0;
padding-top: 5px;
marging-top: 30px;
width:280;
float: left}

может не хватает чегото??
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FightInGlory
FightInGlory
сообщение 3.2.2011, 12:12; Ответить: FightInGlory
Сообщение #4


Почему несколько отступов?, что за ширина недописанная?
[CSS]
padding: 0;
padding-top: 5px;
marging-top: 30px;
width:280;
[/CSS]
А высота вам зачем?
[CSS]
height: 50px
[/CSS]

Насколько я знаю меню подразумевает собой несколько пунктов и если вдруг вам надо добавить один? Высоту не указывайте.
<!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=UTF-8"/>
<title>Test</title>
<script type="text/javascript" src="jquery.js"></script>
<style type="text/css">
*{
padding:0;
margin:0;
}
html,body{
height:100%;
width:100%;
}
#menu{
background:url(./image/pink.jpg) no-repeat;
width:135px;
background-color:#ccc;
padding:5px 5px 10px;
}
#menu ul{
list-style-type:none;
font-family:'Monotype Corsiva';
font-size:0.9em;
}
#menu li{
height:17px;
line-height:17px;
//height:auto;/*for ie7*/
_line-height:1;/*for ie6*/
_height:14px;/*for ie6*/
}
#menu a{
display:block;
}
#menu a:hover{
background-color:#333;
color:red;
}
</style>
</head>

<body>
<div id="menu">
<ul>
<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>
</ul>
</div>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 3.2.2011, 12:47; Ответить: Apay
Сообщение #5


(FightInGlory @ 3.2.2011, 14:12) *
Почему несколько отступов?, что за ширина недописанная?
паддинги в таком виде допускаюстся, это все равно что [CSS]padding:5px 0 0;[/CSS]а вот то что не казанны единицы измерения в ширине - ошибка
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lanaruana
Lanaruana
Topic Starter сообщение 4.2.2011, 6:28; Ответить: Lanaruana
Сообщение #6


спасибо большое! и за критику тоже, я только-только начала этим заниматься (пришлось) и ещё не разбираюсь.
Сейчас буду пробовать!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lanaruana
Lanaruana
Topic Starter сообщение 4.2.2011, 10:09; Ответить: Lanaruana
Сообщение #7


всё получилось, всем спасибо огромное!!!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 692 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) "Извините, что ожидание затянулось, но не думайте, пожалуйста, что мы про вас забыли. Мы заводим задачи по всем обращениям и контролируем работу над ними самым тщательным образом."
Вопрос
0 kuz999 1188 5.2.2024, 14:06
автор: kuz999
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1695 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Помогите кто нибудь получить партнерку Росбанк!
7 heisenberg_mw 2315 7.8.2020, 9:28
автор: heisenberg_mw
Открытая тема (нет новых ответов) Помогите найти тему пожалуйста
7 virtas 12404 24.7.2020, 17:02
автор: -JamesSmips-


 



RSS Текстовая версия Сейчас: 29.3.2024, 4:47
Дизайн