Проблема с выравниванием с помощью css

#html #css

#HTML #css

Вопрос:

Я хочу, чтобы заголовок выглядел аналогично CoreLogic. Но у меня есть некоторые проблемы с выравниванием. Вот ссылка http://dragonfly.zymichost.com/internetbrands.html. Как решить эту проблему??

1. в чем именно проблема?

2. в правом углу заголовка должен быть список навигации и изображение bg. По какой-то причине bg img не отображается. Более того, я вижу там таинственную вертикальную линию.

3. можете ли вы разместить свой код на jsfiddle.net ?

Ответ №1:

Измените свой файл i-brands.css:

 #header .utility 
{
background: url("../images/utility-nav.png") no-repeat scroll 0 0 transparent
}

Убрав значение -200px, переместил изображение вверх и убрал строку. Я протестировал это.

Также, по возможности, установите firebug. Вы могли бы сами разобраться в этом за две секунды. Продолжайте, сэр.

Ответ №2:

Это не проблема с выравниванием. CoreLogic использует CSS-спрайт для отображения фонового изображения. Вот почему они использовали -200px и другие в качестве значений позиции.

Примечание: я хотел, чтобы это был комментарий, но я не вижу возможности добавить комментарий к сообщению OP.

1. Вам нужно больше репутации, чтобы получить привилегию comment anywhere. Наведите курсор мыши на свое имя при входе в систему. Вы увидите ссылку на привилегии в окне jquery, которая исчезает. Это покажет вам, насколько вы близки.