Помогите с HTML

Leila · 16.10.2008, 18:36

Здравствуйте!
Хотелось бы получить вот такую картинку в html-коде:
http://calmax.narod.ru/dop.jpg

Доверстала только до сих пор:
http://calmax.narod.ru/alfa.html
(на картинку слева и текст на плашке не обращайте внимания, это не главное)

Хотелось бы узнать, как сделать буквицу на фоне в определенном месте экрана. Если кто-то знает как, буду весьма признательна

Rembrandt · 16.10.2008, 19:19

Например:

<h2><strong>L</strong>avish Luxury, Unsurpassed Comfort</h2>

#content{
position:relative;
margin: 0 auto;
padding: 25px 0 15px 25px;
width: 85%;
font: normal 2em Georgia, serif;
color: #48546a;
letter-spasing: -1px;
bacground: url(кортинко) no-repeat 0 .7em;}
#conten h2{
position:absolute;
left: -9000px;
}

Leila · 17.10.2008, 10:07

Если код выглядит так:

<html>
<head>

<STYLE type=text/css>

#content

{
position: relative;
margin: 0 auto;
padding: 25px 0 15px 25px;
width: 85%;
font: normal 2em Georgia, serif;
color: #48546a;
letter-spasing: -1px;
background: url('diplom_mian.jpg') no-repeat 0.7em;

}

#content h2

{
position:absolute;
left: -9000px;
}

</STYLE>
</head>

<body>

<h2><strong>L</strong>avish Luxury, Unsurpassed Comfort</h2>

</body>
</html>

то он не работает.

3ABAPKA · 17.10.2008, 10:21

Здесь читала? http://htmlbook.ru/faq/?a=51

Rembrandt · 17.10.2008, 10:22

Блин,Leila, зачем вы мой код перевираете:
background: url('diplom_mian.jpg') no-repeat 0.7em;
правильно:
background: url('diplom_mian.jpg') no-repeat 0 (поставьте хоть 10 десять пробелов чтоб вам было понятно) .7em;
.7em- краткая запись 0.7em

Leila · 21.10.2008, 10:40

Заварка, с буквицей-то понятно, с фоном под ней - не очень...
"background: url('diplom_mian.jpg') no-repeat 0 .7em;"
- не работает.

Rembrandt · 21.10.2008, 11:18

Что не работает? Мозг?!

3ABAPKA · 21.10.2008, 15:10

Цитата:

Сообщение от Leila

Заварка, с буквицей-то понятно, с фоном под ней - не очень...
"background: url('diplom_mian.jpg') no-repeat 0 .7em;"
- не работает.

а сама картинка то есть?

и еще

Цитата:

Сообщение от Leila

код

ты эти стили применяешь именно к тому коду?
если да то тогда там не хватает контейнера с id="content "

Рама · 21.10.2008, 20:57

Ребята, помогите у меня проблема! На моём форуме в объявлении я поставил картинку с переадресацией на нужную тему. Дело в том, что картинка не отображается. Я употреблял вот такой код:

Цитата:

В чём дело?

Rembrandt · 21.10.2008, 22:07

...="NBA Live 08" ипать... я как понимаю потерял alt.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Помогите с шрифтом html	Jack3D	HTML, CSS, JavaScript	2	23.06.2015 16:05
Помогите совсем новичку в html	smailik	HTML, CSS, JavaScript	15	18.01.2010 00:54
html помогите упорядочить страницы	Liliya	HTML, CSS, JavaScript	20	29.07.2008 12:37
Помогите с html	z3t	HTML, CSS, JavaScript	0	06.03.2007 00:14
помогите с html	smaster	HTML, CSS, JavaScript	11	08.12.2006 13:49

16.10.2008, 18:36	#1
Leila	Здравствуйте! Хотелось бы получить вот такую картинку в html-коде: http://calmax.narod.ru/dop.jpg Доверстала только до сих пор: http://calmax.narod.ru/alfa.html (на картинку слева и текст на плашке не обращайте внимания, это не главное) Хотелось бы узнать, как сделать буквицу на фоне в определенном месте экрана. Если кто-то знает как, буду весьма признательна

16.10.2008, 19:19	#2
Rembrandt	Например: <h2><strong>L</strong>avish Luxury, Unsurpassed Comfort</h2> #content{ position:relative; margin: 0 auto; padding: 25px 0 15px 25px; width: 85%; font: normal 2em Georgia, serif; color: #48546a; letter-spasing: -1px; bacground: url(кортинко) no-repeat 0 .7em;} #conten h2{ position:absolute; left: -9000px; }

17.10.2008, 10:07	#3
Leila	Если код выглядит так: <html> <head> <STYLE type=text/css> #content { position: relative; margin: 0 auto; padding: 25px 0 15px 25px; width: 85%; font: normal 2em Georgia, serif; color: #48546a; letter-spasing: -1px; background: url('diplom_mian.jpg') no-repeat 0.7em; } #content h2 { position:absolute; left: -9000px; } </STYLE> </head> <body> <h2><strong>L</strong>avish Luxury, Unsurpassed Comfort</h2> </body> </html> то он не работает.

17.10.2008, 10:21	#4
3ABAPKA	Здесь читала? http://htmlbook.ru/faq/?a=51

17.10.2008, 10:22	#5
Rembrandt	Блин,Leila, зачем вы мой код перевираете: background: url('diplom_mian.jpg') no-repeat 0.7em; правильно: background: url('diplom_mian.jpg') no-repeat 0 (поставьте хоть 10 десять пробелов чтоб вам было понятно) .7em; .7em- краткая запись 0.7em

21.10.2008, 10:40	#6
Leila	Заварка, с буквицей-то понятно, с фоном под ней - не очень... "background: url('diplom_mian.jpg') no-repeat 0 .7em;" - не работает.

21.10.2008, 11:18	#7
Rembrandt	Что не работает? Мозг?! Последний раз редактировалось Rembrandt; 21.10.2008 в 11:21..

21.10.2008, 22:07	#10
Rembrandt	...="NBA Live 08" ипать... я как понимаю потерял alt.