VPF::Рамка банера - Форум программистов

prikolist

Дата 20.3.2010, 21:26 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 104
Регистрация: 19.7.2008

Репутация: нет
Всего: нет

Рамка не облегает картинку, а растягивается по длине, не получается делать так, чтоб она облегала чисто картинку.
Вот исходник style.css

HTML

#baner{border-color:orange; text-align:center; border-style:ridge;
border-width:15px; }

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<head><title>Банер</title>
<link rel="stylesheet" type="text/css" href="style.css">

</head>
<div id="baner"><img src="baner.jpg" alt="Фото "></div>
<body>
</body>
</HTML>

Вот результат фото нижу.

Это сообщение отредактировал(а) prikolist - 20.3.2010, 21:29

Присоединённый файл ( Кол-во скачиваний: 5 )

clip_image002.jpg 14,18 Kb

bars80080

Дата 20.3.2010, 22:49 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

Код


#baner{border-color:orange; text-align:center; border-style:ridge;
border-width:15px; float: left; }

два вопроса:
1. откуда вы берёте эту аццкую подсветку? как вы её вообще вставляете?
2. почему слой вне тэгов <body>

prikolist

Дата 20.3.2010, 23:00 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 104
Регистрация: 19.7.2008

Репутация: нет
Всего: нет

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<head><title>Банер</title>
<link rel="stylesheet" type="text/css" href="style1237.css">
</head>

<body>
<img id="baner" src="baner.jpg" alt="Фото ХАИ">
</body>

Файл css

Код



#baner{border-color:orange; text-align:center; border-style:ridge;
border-width:15px; text-align:center; }

Но рамка не стоит по центру, хотя у меня и прописанно в фалйе style.css ----> text-align:center;

Это сообщение отредактировал(а) prikolist - 20.3.2010, 23:01

SelenIT

Дата 20.3.2010, 23:02 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

Блочные элементы типа DIV всегда по умолчанию растягиваются на всю доступную ширину предка, если им не задана явная ширина, float или display:table. В данном случае, имхо, логичнее задать рамку самому эл-ту IMG (или ссылке A вокруг него, если она будет).

Цитата(bars80080 @ 20.3.2010, 22:49

)

2. почему слой вне тэгов <body>

Кстати, да (при парсинге-то оно в body попадет, но не стоит злоупотреблять искуственным интеллектом парсера;). И доктайп плохой, негодный, с ним страница будет рисоваться в режиме эмуляции глюков старых браузеров (Quirks mode). Лучше верстать под стандартный режим (напр., с доктайпом HTML5 - <!DOCTYPE html>, без излишеств).

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

prikolist

Дата 20.3.2010, 23:10 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 104
Регистрация: 19.7.2008

Репутация: нет
Всего: нет

Картинка не віравнивается по центру именно средствами css,что делать?

SelenIT

Дата 21.3.2010, 11:41 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

Выравнивается, через text-align:center для контейнера.

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

prikolist

Дата 21.3.2010, 14:26 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 104
Регистрация: 19.7.2008

Репутация: нет
Всего: нет

CSS

HTML

.center{text-align:center;}
#baner{border-color:orange; border-style:ridge; border-width:15px;

HTML

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<head><title>Банер</title></head>
<body>
<div class="center"><img id="baner" src="baner.gif" alt="Фото ХАИ"></div>
</body>
</HTML>

Не работает вообще. Только кратинка загружается и всё.

SelenIT

Дата 21.3.2010, 15:27 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

А где в этом коде этот CSS подключается (<link>, как было в старом)?

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »