Не отображает картинки в ксс

Shader · August 9, 2011

Здраствуйте решил перейти от теории к практике, хочю сверстать макет Раира, который есть в примерах длЯ верстки. Для меня это не первая верстка, были ещё две, которые удачно завершил. но это были мои макеты, которые я создавал оринтируясь на свои возможности в верстке.

Проблема вот в чем :

только начал верстать : порезал картинки, и начал делать шапку.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>раира</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="shapkaVerh">
<div id="highVerh">
</div>
<div id="verhPero">
</div>

</div>
</body>
</html>

Во все эти ИД(ы) мне нада вставить картинки как БГ через ксс

Вот ксс


body 	{color:#ffffff; margin:0px; padding:0px; font-family: tahoma, verdana, "Times New Roman", serif; font-size:11px; }
p		{margin:0; padding:0 0 15px 0;}
a		{color:#000000; text-decoration:underline; }
a:hover	{color:#000000; text-decoration:none;}


/*structural elements*/
#shapkaVerh {width: 1003px; height: 128px; }
#highVerh {width: 117px; height: 128px; background-image:url(../images/raira1.jpg) repeat-x; }
#verhPero {background-image:url(../images/raira10.jpg) no-repeat; width: 232px; height: 128px; margin-left: 118px; margin-top: -128px; }

А теперь вопрос, когда просматриваю результат в броузере, то нечего не вижу, дивы показывать не должно, т.к. в их стилях этого не предусмотрено, а сами картинки не видно.

Все елементы сайта находятся на роб. столе.

Папка Miles-site

В ней : index.html, папка images (собвественно в которой картинки), и папка css в ней файл style.css.

Вроде стили стайл ксс павельно подключен и адрес картинок правильно прописан.

В чем дело?

Кстати попробовал прописать адерс к картинкам в index.html, в соответственных Div' ах, то все нормально работает.

Может кто знает в чем проблема?

Edited August 9, 2011 by Shader

Vlad · August 9, 2011

Вместо background-image пишите background.

Shader · August 9, 2011

Вместо background-image пишите background.

Пробовал

Писал так : background:url(../images/raira1.jpg) Непомогло

Vlad · August 9, 2011

Метод Подборского здесь неприменим. У вас написано background-image:url(../images/raira1.jpg) repeat-x, так писать нельзя, потому что у background-image нет значения repeat-x.

Shader · August 9, 2011

Влад, но дело же не в этом или в этом?

Угу, я подозревал, что нельзя сразу repeat лепить, но думал если нельзя это делать то картинка просто повторятся не будет, а оно вообще не показывалась.

Спасибо за ответ, учту на будующие.

Edited August 9, 2011 by Shader

Shader · August 9, 2011

Опять грабли, в этот раз с цветом текста - задал в ксс один, а показывает другой. Стоит цвет 990000 (проверял по веб-цвета попадает), а показывает тупо черный 000. Черный у меня как основной и прописан в води ( см. код ). Но я пробовал убрать полностью колор из води, всеровно нужный цвет отображается черным.... в чем дело то?

body 	{color:000; margin:0px; padding:0px; font-family: tahoma, verdana, "Times New Roman", serif; font-size:11px; }
p		{margin:0; padding:0; }
a		{color:#000000; text-decoration:underline; }
a:hover	{color:#000000; text-decoration:none;}


/*structural elements*/
#shapkaVerh {width: 100%; height: 128px; margin: 0 auto; }
#highVerh {width: 117px; height: 128px; background-image:url(../images/raira1.jpg); background-repeat:repeat-x; }
#verhPero {background:url(../images/raira10.jpg); width: 232px; height: 128px; margin-left: 117px; margin-top: -128px; }
#lastVerh {background:url(../images/raira1.jpg); background-repeat:repeat-x; height: 128px; margin-left: 346px; margin-top: -128px; }
#kontShapka {margin: 0px 500px 50px 30px; width: 500px; height: 70px; padding: 10px 0 0; }
.kont {color:990000; font: arial; font-size: 18pt; text-align: center; }
.kont2 {color:990000; font: arial; font-size: 29pt; text-align: center; }

sigma77 · August 9, 2011

Shader,

http://htmlbook.ru/css/value/color

Svatov · August 9, 2011

Дело в символе # перед кодом цвета...нужно #990000

Внимательнее будьте...

Edited August 9, 2011 by Svatov

Shader · August 9, 2011

Дело в символе # перед кодом цвета...нужно #990000
Внимательнее будьте...

Блин, извините за тупой вопрос уже не первый раз за решетку (#) забываю

Shader,
http://htmlbook.ru/css/value/color

Про цвета читал, вот ток практики не хватает - забываю

Svatov · August 9, 2011

Человек не застрахован от ошибок, но большинство возникающих подобных проблем позволяет найти Валидатор HTML или CSS.

Sign In

Не отображает картинки в ксс

Question

Shader

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

Shader

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

Shader

Link to comment

Share on other sites

Shader

Link to comment

Share on other sites

sigma77

Link to comment

Share on other sites

Svatov

Link to comment

Share on other sites

Shader

Link to comment

Share on other sites

Svatov

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information