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



 

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

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

Открыть тему
Тема закрыта
> высота inline-элемента
Nitrex
Nitrex
Topic Starter сообщение 18.6.2012, 18:01; Ответить: Nitrex
Сообщение #1


Возможно ли изменять её? Пока удалось только в IE(. В остальных браузерах высота inline = высоте текста.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sodik
sodik
сообщение 18.6.2012, 18:06; Ответить: sodik
Сообщение #2


line-height, а вообще для этого есть inline-block.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nitrex
Nitrex
Topic Starter сообщение 18.6.2012, 18:34; Ответить: Nitrex
Сообщение #3


(sodik @ 18.6.2012, 21:06) *
line-height, а вообще для этого есть inline-block.

Спасибо за помощь. Пробовал блок, но верстка ехала. Сейчас сработало. Магия...
line-height не сработал

UPDATE: Весь эффект опять пропал.
Помогите кто-нибудь. Требуется выделение ссылки фоновой картинкой. Вот код
<nav>
<a href="#">Home</a>
<a href="#">About Our Company</a>
<a href="#">Blog</a>
<a href="#">Support</a>
<a href="#">Services Overview</a>
<a href="#">Testimonials</a>
<a href="#">Why Choose Us</a>
<a href="#">Contact Us</a>
</nav>


[CSS]
nav {
background:url(img/nav.gif);
width:100%;
height:34px;
text-align:center;
}
nav a{
display:inline-block;
line-height:29px;
text-decoration:none;
color:#FFFFFF;
font:bold 11px Arial;
}
nav a:hover {
background:url(img/this_menu.gif);
}
[/CSS]

Выглядит вот так http://prntscr.com/armpb
Должно http://prntscr.com/arl4l
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sodik
sodik
сообщение 18.6.2012, 20:42; Ответить: sodik
Сообщение #4


http://prntscr.com/arl4l
или я не понимаю в чем проблема?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nitrex
Nitrex
Topic Starter сообщение 18.6.2012, 21:13; Ответить: Nitrex
Сообщение #5


У меня вот так http://prntscr.com/armpb
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sodik
sodik
сообщение 18.6.2012, 21:17; Ответить: sodik
Сообщение #6


Сейчас у Вас высота равняется высоте строки, когда используется display:inline-block , Вы можете задавать высоту и отступы сверху и снизу.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nitrex
Nitrex
Topic Starter сообщение 18.6.2012, 21:18; Ответить: Nitrex
Сообщение #7


Спасибо. Выручил анализ CSS. Вместо height использовал line-height. Постому за строку и считало. Вам плюс в карму.:rolleyes:

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Автоматическая высота grid
0 askjust.ru 4514 13.2.2019, 13:32
автор: -askjust.ru-
Открытая тема (нет новых ответов) При удалении одного элемента, перестает работать другой. Помогите исправить!
1 vantusxyz 5572 24.6.2016, 16:08
автор: -Degradator-
Открытая тема (нет новых ответов) Как подстроить 3 разные элемента в один ряд
2 Генрих Арутюнян 5540 19.2.2015, 10:43
автор: -Генрих Арутюнян-
Открытая тема (нет новых ответов) Теги style="display:block;" и style="display:inline-block;"
3 Artjoms 7444 3.12.2013, 19:05
автор: -Degradator-
Открытая тема (нет новых ответов) Див не растягивается по высоте содержимомго, его высота - 0. Нужно чтоб растягивался
3 websty 9729 23.10.2011, 6:00
автор: -texno-


 



RSS Текстовая версия Сейчас: 20.4.2024, 7:58
Дизайн