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



 

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

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

Открыть тему
Тема закрыта
> Как сделать меню с изображением?
stan07
stan07
Topic Starter сообщение 9.1.2012, 13:59; Ответить: stan07
Сообщение #1


Добрый день.
Ломаю голову как сделать такое вот меню:[IMG]http://s018.radikal.ru/i502/1201/a0/9bfca2cff452.jpg[/IMG]

Пытаюсь сделать таким вот образом:
[CSS] <img src="img/menu_bat.png" width="128" height="53" alt="#" /><a href="#">агенство</a>
<img src="img/menu_bat.png" width="128" height="53" alt="#" /><a href="#">костромская<br />область</a>
<img src="img/menu_bat.png" width="128" height="53" alt="#" /><a href="#">инвестиции</a>[/CSS]
Получается вот так:
[IMG]http://s018.radikal.ru/i526/1201/0b/1152ba7d33f3.jpg[/IMG]

Подскажите ,пожалуйста, как “втащить” текст ссылки в этот квадратик?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Электроник
Электроник
сообщение 9.1.2012, 14:33; Ответить: Электроник
Сообщение #2


[CSS].myclass {
width:193px; /* ширина изображения/беграунда */
height:55px; /* высота изображения/беграунда */
background:url(http://www.html.by/images/html.png) no-repeat;
float:left;
}
.nextclassdiv {
clear:left;
}[/CSS]
<div class="myclass"><a href="#">агенство</a></div>
<div class="myclass"><a href="#">костромскаяобласть</a></div>
<div class="myclass"><a href="#">инвестиции</a></div>
<div class="nextclassdiv">чтобы этот див поставить как надо, убираем float:left;</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
stan07
stan07
Topic Starter сообщение 9.1.2012, 15:30; Ответить: stan07
Сообщение #3


О супер!
Спасибо огромное ,а то я все выходные с эти промучелся:D
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Электроник
Электроник
сообщение 9.1.2012, 16:29; Ответить: Электроник
Сообщение #4


stan07, так на форуме куча тем таких уже есть, поискали бы
кстати если будет нужна смена изображения при наведении, то добавьте ещё это
[CSS]
.myclass:hover {
width:193px; /* ширина изображения/беграунда */
height:55px; /* высота изображения/беграунда */
background:url(http://www.html.by/images/другоеизображение.png) no-repeat;
float:left;
}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
stan07
stan07
Topic Starter сообщение 9.1.2012, 17:20; Ответить: stan07
Сообщение #5


(Электроник @ 9.1.2012, 19:29) *
stan07, так на форуме куча тем таких уже есть, поискали бы
кстати если будет нужна смена изображения при наведении, то добавьте ещё это
[CSS]
.myclass:hover {
width:193px; /* ширина изображения/беграунда */
height:55px; /* высота изображения/беграунда */
background:url(http://www.html.by/images/другоеизображение.png) no-repeat;
float:left;
}[/CSS]

Поначалу думал сам справлюсь, но нет пришлось обратится к специалистам;)
Спасибо за дополнение

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как в пушсетках покупают по 100-200 тысяч кликов за день?
 2 Boymaster 688 Вчера, 17:52
автор: Boymaster
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
 151 adw-kupon.ru 19854 23.4.2024, 13:52
автор: Vmir
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
 20 uahomka 3467 23.4.2024, 11:54
автор: Skyworker
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
 30 freeax 5038 20.4.2024, 16:49
автор: Liudmila
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
 13 Boymaster 2034 20.4.2024, 15:06
автор: Boymaster


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 25.4.2024, 8:29

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet