Форум Сайтостроение Веб-строительство

Как обойтись без XHTML при прописании стиля?

P
На сайте с 21.08.2008
Offline
65
pianist
607

Нужно прописать такой дизайн для картинок(обрамление).

.image1 img {

padding: 1px;
border: 1px solid #aaa;
background-color: #fff;

}

Сама картинка:

<div class="image1">

<img src="image1.jpg" width="200" height="150" alt="alt1">

</div>

Получается, что оно работает при любых расширениях!

Но чтобы работало нужно вверху каждой страницы прописать подключение XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Как-то по другому можно решить эту задачу?

Например так, где не нужно прописывать XHTML не работает при любых расширениях:no::

.image1 {

BORDER-RIGHT: #cccccc 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #cccccc 1px solid;
PADDING-LEFT: 2px;
PADDING-BOTTOM: 2px;
BORDER-LEFT: #cccccc 1px solid;
PADDING-TOP: 2px;
BORDER-BOTTOM: #cccccc 1px solid;

}

Очень нужно!

[Удален]
#1

Ничего не понятно, ТС, если нужно обрамление, пишите DTD и прописываете класс для картинки...

Получается, что оно работает при любых расширениях!

что ОНО? При каких еще расширениях?

Например так, где не нужно прописывать XHTML не работает при любых расширениях

DTD прописывать НУЖНО - возьмите за правило!

Делаем отбивку картинки:

img 
{
padding:1px; /* отбивка */
border:1px solid red; /* бордер */
}

прекрасно работает на strict DTD.

Без чего вы обойтись пытаетесь я так и не понял. Толи без HTML-я толи без DTD... Если без DTD - зачем? Document Type Definition - определяет какую разметку будет использовать ваша страница (какой стандарт w3c) - зачем заставлять браузеры гадать какой именно стандарт вы используете? - Указывайте DTD всегда и будет вам счастье.

Google Updates - апдейты Джон Мюллер о ранжировании Google: мы используем много
BD
На сайте с 26.08.2006
Offline
18
BorovoDiver
#2
So1:

DTD прописывать НУЖНО - возьмите за правило!

Ну... А попробуйте ради интереса без DTD...

Я так понял, в ИЕ глюки...

Первое, что пришло в голову:


<html>
    <head>
        <style>
        .image1{
             padding: 1px;
             margin: 0;
             border: 1px solid #aaa;
             background-color: #fff;
             float: left;
         }
         .image1 img{
             margin: 0 !important;
             padding: 0 !important;
             position: relative;
             //top: -1px;
             vertical-align: middle;
         }
         </style>
    </head>
<body>
   <div class="image1">
       <img src="bird.jpe" width="200" height="150" alt="alt1" />
   </div>
</body>
</html>

На шестом работает, на 7 не проверял. Сафари, ФФ - ОК.

Можно проще. Лень экспериментировать.

P
На сайте с 21.08.2008
Offline
65
pianist
#3
So1:
1. что ОНО? При каких еще расширениях?

2. DTD прописывать НУЖНО - возьмите за правило!

Без чего вы обойтись пытаетесь я так и не понял. Толи без HTML-я толи без DTD... Если без DTD - зачем? Document Type Definition - определяет какую разметку будет использовать ваша страница (какой стандарт w3c) - зачем заставлять браузеры гадать какой именно стандарт вы используете? - Указывайте DTD всегда и будет вам счастье.

1. Рамка вокруг картинки при разных расширениях экрана.

Вариант, который я привел ниже при разных расширениях – рамка намного больше самой картинки(например слева или справа)

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

Вот FAQ на одном из сайтов-партнерок:

Вопрос: В браузере Firefox баннер не двигается и не закрывается. Как исправить?

Ответ: Уберите из html строку (в самом верху):
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">😡

Google понизит мобильные сайты Google: почему сайт может Внутренние дубли страниц чем
a.fatman
На сайте с 15.01.2006
Offline
127
a.fatman
#4

Что такое "расширение экрана"?

[Удален]
#5
pianist:

Вот FAQ на одном из сайтов-партнерок:

Вопрос: В браузере Firefox баннер не двигается и не закрывается. Как исправить?

Ответ: Уберите из html строку (в самом верху):
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">😡

партнерка кривая

Anarchist
На сайте с 23.07.2008
Offline
185
Anarchist
#6
a.fatman:
Что такое "расширение экрана"?

это эффект, возникающий при попытке верстки страниц без использования HTML

VoV@
На сайте с 22.09.2007
Offline
196
VoV@
#7
Anarchist:
это эффект, возникающий при попытке верстки страниц без использования HTML

как это верстка без использования HTML? 😕

⭐ Разработка Андроид-приложений (Xamarin C#). ⭐ Разработка ASP.NET (WebForms, MVC, WebAPI, Core). ⭐ Цой жив!
[Удален]
#8
So1:
Указывайте DTD всегда и будет вам счастье.

плагиатец!🙅

P
На сайте с 21.08.2008
Offline
65
pianist
#9
a.fatman:
Что такое "расширение экрана"?
Anarchist:
это эффект, возникающий при попытке верстки страниц без использования HTML

Проблема решена. Все картинки одного размера и я просто зафиксировал размер границы.

С какими проблемами можно столкнуться, если нет этой строки? < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" http://www.w3.org/TR/html4/strict.dtd">

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий