2011-06-05 2 views
11

У меня есть div, внутри div это фоновое изображение, которое выглядит как кнопка, и у меня есть текст в div, говорящий «Домой». По умолчанию текст привязан к вершине и выглядит неправильно. Как я мог перемещать текст в div без перемещения div?Перемещение текста в div без перемещения div

CSS файл: http://pastebin.com/xrAFMVDd

HTML файл: http://pastebin.com/b5Fubte0

ответ

12

Один из способов сделать это, чтобы обернуть текст в <p> тег и использовать CSS атрибуты top и left с position: relative указать положение текст относительно левого верхнего угла div.

Смотрите пример здесь: http://jsfiddle.net/zvMKH/

+0

OOO! Я действительно думал, что это сработает, но снова ... это переместило фон с ним. Может быть, другая вариация того, что вы сделали? – robwolff3

+0

Хм, это странно, похоже, что он не перемещает фон @ http://jsfiddle.net/zvMKH/1/ (вы можете поиграть с левым/верхним значением, чтобы проверить) – Jeff

+0

Можете ли вы изменить свой вопрос, чтобы включить JUST html/css для div, о котором вы говорите? Вы можете вставить прямо в свой вопрос и использовать кнопку «код», чтобы отформатировать его. – Jeff

4

Я установил ее, изменив line-height под #button1 li a. Работал как шарм! Спасибо всем, кто внес свой вклад! Я очень ценю это!

+0

text-indent можно использовать для перемещения текста по горизонтали, не перемещая фоновое изображение – goonerify

Смежные вопросы