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



 

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

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

3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
> Как сделать ссылки в одну строчку
Neptun_hb
Neptun_hb
Topic Starter сообщение 7.3.2012, 16:44; Ответить: Neptun_hb
Сообщение #1


Из названия вообще не понятно, что я хочу спросить...
В общем суть проблемы такова:
под шапкой находится горизонтальный бокс, на всю ширину, в который помещаются кнопки. От идеи рисовать кнопки я отказался, решил реализоваться с помощью текста и hover. наверное пол дня промучался, что бы расположить весь текст горизонтально, сам не понял, как это у меня получилось. А теперь мне надо что бы между ссылками был отступ. Вот тут хочется послушать ваших советов. небольшие отрывки из кода:
[CSS].menu{text-align:center; width:100%; margin-top:-25px; padding-left:20px; padding-right:20px;}
.menu a{ color:white; text-decoration:none;}
.menu a:hover{background:#006DB2;color:white;
}[/CSS]

<div class="menu">
<a href="#">ГЛАВНАЯ</a>
<a href="#">ВИЗИТКА</a>
</div>
...

еще раз повторюсь, что отображаются эти две ссылки слитно. а надо бы сделать небольшой отступ
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 7.3.2012, 16:54; Ответить: Zippovich
Сообщение #2


[CSS].menu a {display: inline-block; padding: 0 20px}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Azazaza_hb
Azazaza_hb
сообщение 7.3.2012, 18:43; Ответить: Azazaza_hb
Сообщение #3


а лучше .menu a {display:block; padding: 0 20px; float:left}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 7.3.2012, 18:52; Ответить: Zippovich
Сообщение #4


(Azazaza_hb @ 7.3.2012, 21:43) *
а лучше .menu a {display:block; padding: 0 20px; float:left}


display: block и float: left взаимозаменяющие свойства. float: left выставляет display в inline-block - по-этому display: block не имеет смысла. И в вашем случае теряется выравнивание по центру.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Оксана Мязина
Оксана Мязина
сообщение 7.3.2012, 21:27; Ответить: Оксана Мязина
Сообщение #5


добавляя ссылкам паддинг, вы их увеличивате (то есть расстояние между ними будет тоже кликабельным). лучше использовать margin
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Оксана Мязина
Оксана Мязина
сообщение 7.3.2012, 21:30; Ответить: Оксана Мязина
Сообщение #6


(Zippovich @ 7.3.2012, 21:52) *
float: left выставляет display в inline-block

вообще-то в display:block
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 7.3.2012, 21:36; Ответить: Zippovich
Сообщение #7


(napilnik @ 8.3.2012, 00:27) *
добавляя ссылкам паддинг, вы их увеличивате (то есть расстояние между ними будет тоже кликабельным). лучше использовать margin


не факт, что лучше

вообще-то в display:block


в чем отличие между block и inline-block? с float-ом блок ведет себя как inline-block, а не как block.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Оксана Мязина
Оксана Мязина
сообщение 7.3.2012, 21:40; Ответить: Оксана Мязина
Сообщение #8


(Zippovich @ 8.3.2012, 00:36) *
не факт, что лучше

для пользователя не очевидно, что там тоже ссылка, поэтому все-таки лучше. вот если бы ссылки имели бекграунд или бордер изначально, тогда другое дело
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 7.3.2012, 21:41; Ответить: Zippovich
Сообщение #9


я про это и пишу - от ситуации зависит
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Оксана Мязина
Оксана Мязина
сообщение 7.3.2012, 21:43; Ответить: Оксана Мязина
Сообщение #10


(Zippovich @ 8.3.2012, 00:36) *
в чем отличие между block и inline-block? с float-ом блок ведет себя как inline-block, а не как block.

вам ссылки на спецификацию что-ли дать? не путайте остальных, разница большая. и флот не ведет себя как инлайн-блок http://www.w3.org/TR/CSS2/visuren.html#floats
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как в пушсетках покупают по 100-200 тысяч кликов за день?
2 Boymaster 719 24.4.2024, 17:52
автор: Boymaster
Открытая тема (нет новых ответов) Жирные бурж ссылки под крипту
Размещаем статьи на популярных международных сайтах
0 umexa 366 23.4.2024, 23:23
автор: umexa
Открытая тема (нет новых ответов) SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией
21 Needmylink1 7189 23.4.2024, 21:16
автор: Needmylink1
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
151 adw-kupon.ru 19905 23.4.2024, 13:52
автор: Vmir
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
20 uahomka 3483 23.4.2024, 11:54
автор: Skyworker


 



RSS Текстовая версия Сейчас: 26.4.2024, 3:29
Дизайн