Проблема с отображением гиперссылок на изображении в теге DIV - PullRequest
Новая
       13

Проблема с отображением гиперссылок на изображении в теге DIV

0 голосов
/ 17 июня 2011

Я пытаюсь отобразить текст (гиперссылки) поверх изображения;Я написал следующие фрагменты кода, которые не выполняют то, что я хочу (в файле .css). 

#menu-bar
 {
 padding: 10px 0px auto 0px;
 height:auto;
 width: 1000px;
 float:left;
 margin: 10px 0px auto 0px; 
 background:url(/images/bar_full_3_1.jpg) repeat-x;
 }

HTML: 

 <div id ="menu-bar">
    file | open | edit | ...

 </div>

этот код отображает ИЗОБРАЖЕНИЕ вIDE ТОЛЬКО, но не отображает его в Браузере.Спасибо !!

СЕЙЧАС ЭТА ПРОБЛЕМА РЕШЕНА: ОШИБКА, КОТОРУЮ Я СДЕЛАЛ, СЛЕДУЕТ СЛЕДУЮЩИМ: -> Неверный синтаксис - используются запятые при задании значений для атрибута.-> неверный путь / URL

1 Ответ

1 голос
/ 17 июня 2011

Если ваш CSS-файл находится в папке типа «styles», вам нужно выпрыгнуть из этой папки в URL-адресе фонового изображения: 

background: #0066FF url(../images/bar_full_3_1.jpg) repeat-x;

(обратите внимание на ../ перед папкой с изображениями).

Это наиболее распространенная причина не отображения изображений.

UPDATE

Стоит также отметить, как указано в комментариях, что в вашем CSS-коде есть пара ошибок. Во-первых, вам не нужно использовать запятую для разделения значений свойств. Все, что требуется, - это один пробел.

Также убедитесь, что вы правильно указали порядок значений ваших свойств.

...