У меня проблема с настройками шрифта и заполнением в CSS, я визуальный человек, и я уверен, что вы тоже, поэтому вот моя проблема: http://imgur.com/Wh441.png если вы можете это решить, я дам вам upvote: OИсправление CSS и шрифт
Что вы, вероятно, ищете, является недвижимостью line-height.
Пример: http://jsfiddle.net/J2g6y/
Я пробовал, и он работает, но в зависимости от того, увеличился или не увеличен масштаб браузера, он перестает работать. – user472755
Ах, ладно, я шел по вопросу/изображению, предоставленному ... не мысленно читал, что такое ** настоящая ** проблема ... Просто из интереса, @Alec, как именно вы получили 'line-height 'от вопроса и изображения? – ClarkeyBoy
@ user472755: В ответ на ваше редактирование, попробуйте использовать мое решение, но замените абсолютные divs на абсолютную 'ul', с' bottom: 0px; left: 10%; 'и несколько тегов' li' с 'float: left'. Не используйте 'position: absolute' в тегах' li'. – ClarkeyBoy
В идеале, я позволил бы заголовок расти, чтобы это дно толкнул вниз растущих кнопок, но если бы я хотел просто настроить на основе текста, я бы переместить текст вверх 1em (что это собственная высота)
вы можете играть с ним here
Это работает нормально - до 100px ... lol – ClarkeyBoy
Ваш код до сих пор несколько требуется, но на основе чисто на изображении я хотел бы сделать следующее:
<div style="position: relative;">
<img src="header.gif" />
<div style="position: absolute; left: 10%; width: 10%; bottom: 0px;">Left text</div>
<div style="position: absolute; left: 30%; width: 10%; bottom: 0px;">Middle text</div>
<div style="position: absolute; left: 50%; width: 10%; bottom: 0px;">Right text</div>
</div>
Очевидно, что без какого-либо кода и только изображения, которое я могу сделать, я не могу много помочь, но это должно помочь вам в достижении этого. По крайней мере, некоторые дополнительные усилия могли быть помещены в изображение, например, какие элементы вы используете где и т. Д. Вам также нужно было бы поставить выше в CSS, но это всего лишь быстрая, непроверенная попытка добиться того, чего вы хотите.
Ваш существующий код будет очень полезен, если не требуется. –
Действительно, код упростил бы исправление :) Потому что мне интересно, как вы позиционируете кнопки. – no1cobla
вот так: http://www.jsfiddle.net/2kYuG/1/, но все же, чтобы знать, что это правильное решение, мне нужно увидеть ваш код. – no1cobla