помощь по сss

Статус
В этой теме нельзя размещать новые ответы.

кто подскажет что тут не так?
вроде в мозиле все норм отображается, а у другого человека все криво, в чем ошибка?

Добавлено через 16 минут
PHP:
#  Error  Line 21, Column 62: Attribute "align" exists, but can not be used for this element.

…c="img/123.jpg" alt="" width="263" height="200" align="right" />

✉

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.
# Error Line 90, Column 27: Attribute "align" exists, but can not be used for this element.

  <table border="0" align="right">

✉

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the

часть ошибок исправил, остались эти, что не так?
 
Дело в DOCTYPE вместо Strict поставь Transitional, во второй ошибке в частности говорится о недопустимости использования атрибута align в теге table для DOCTYPE Strict
 
  • Нравится
Реакции: doxx
Доброго времени суток.
Есть такая проблема: в html-коде страницы есть такая строка

HTML:
Категория&nbsp;<span>&raquo;</span>&nbsp;
<h1 class="myh1">Подкатегория</h1>

Класс тега:

HTML:
H1.myh1 {
	FONT-SIZE: 13px;
}

При этом выдается такая страница:

Код:
Категория » 
[B]Подкатегория[/B]

Мне же нужно, что бы было так:

Код:
Категория » Подкатегория

То есть, что бы текст, содержащийся внутри тега h1 был такого же стиля как и простой текст и не был перенесен на новую строку.
Мне принципиально, что бы текст "Подкатегория" был обрамлен тегом h1.
Заранее прошу простить за возможные ошибки в терминологии, т.к. версткой практически не занимаюсь.
 
Решение:
HTML:
<head>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
        #menu * {
            float: left;
            font-size: 12px;
            font-weight: normal;
        }
    </style>
</head>
<body>
    <div id="menu">
        <span>Категория&nbsp;&raquo;&nbsp;</span>
        <h1>Подкатегория</h1>
    </div>
</body>
В Chrome, Firefox, IE7, Opera работает как нужно.
 
А нельзя ли изменить сам класс myh1, что бы получился необходимый результат.
Мне желательно не вносить изменений в html-код, а только в css.
 
При той разметке, что вы дали — нельзя.
 
Дело в DOCTYPE вместо Strict поставь Transitional, во второй ошибке в частности говорится о недопустимости использования атрибута align в теге table для DOCTYPE Strict
так у меня там и так Strict cтоял!

align вообще убрал, вместо него в css прописал float

но все равно все криво почему-то получается, в ие так в мозиле подругому...
делаю картинку справа больше по размеру он из хедера вниз уе3жает, добавляю текста в нижний правый блок, форма криво начинает отображаться:(


Добавлено через 2 минуты
+ еще например туда где "склад иваново" добавляю текст, начинает один див ( серый центр) наезжать на другой, вместо того чтобы согласно тексту подвинуться в низ... а в ие вообще огромное растояние откуда-то взялось в центре
 
все равно все криво почему-то получается, в ие так в мозиле подругому...
Вы не совсем правильно используете преимущества верстки на div:
Например, отделяете элементы друг от друга при помощи <br /> — под эти задачи лучше всего использовать margin-top/margin-bottom в css, еще и кода на странице меньше будет.
У вас есть блок ссылок:
- Ссылка 1
- Ссылка 1
- Ссылка 1
и т.д.
Они сделаны просто ссылками — тоже не оптимальный вариант, переверстайте с использованием <ul>:
HTML:
<ul>
    <li><a href="#">Ссылка 1</a></li>
    <li><a href="#">Ссылка 1</a></li>
    <li><a href="#">Ссылка 1</a></li>
</ul>
старайтесь заворачивать весь текст в какой-нибудь элемент: span, p и так далее: так вы сможете через css управлять его отображением.
<div id="content">
Вместо img с веткой хлопчатника можно было прописать правило в css:
Код:
div#content {
    background: #fff url('img/2.jpg') no-repeat bottom right;
}
Вообще очень много всего сделано не оптимальным образом, но жить будет. Удачи!
 
  • Нравится
Реакции: doxx
так у меня там и так Strict cтоял!

align вообще убрал, вместо него в css прописал float

но все равно все криво почему-то получается, в ие так в мозиле подругому...
делаю картинку справа больше по размеру он из хедера вниз уе3жает, добавляю текста в нижний правый блок, форма криво начинает отображаться:(
*** скрытое содержание ***

Добавлено через 2 минуты
+ еще например туда где "склад иваново" добавляю текст, начинает один див ( серый центр) наезжать на другой, вместо того чтобы согласно тексту подвинуться в низ... а в ие вообще огромное растояние откуда-то взялось в центре
Вчитываемся в текст моего предыдущего сообщения внимательно
 
Вы не совсем правильно используете преимущества верстки на div:
Например, отделяете элементы друг от друга при помощи <br /> — под эти задачи лучше всего использовать margin-top/margin-bottom в css, еще и кода на странице меньше будет.
У вас есть блок ссылок:
- Ссылка 1
- Ссылка 1
- Ссылка 1
и т.д.
Они сделаны просто ссылками — тоже не оптимальный вариант, переверстайте с использованием <ul>:
HTML:
<ul>
    <li><a href="#">Ссылка 1</a></li>
    <li><a href="#">Ссылка 1</a></li>
    <li><a href="#">Ссылка 1</a></li>
</ul>
старайтесь заворачивать весь текст в какой-нибудь элемент: span, p и так далее: так вы сможете через css управлять его отображением.
<div id="content">
Вместо img с веткой хлопчатника можно было прописать правило в css:
Код:
div#content {
    background: #fff url('img/2.jpg') no-repeat bottom right;
}
Вообще очень много всего сделано не оптимальным образом, Удачи!
ссылки убрал вообще , да и не в них проблема была,
бр то в словах все равно придется использовать, если обычные переносы в тексте нужны..
если в бэкграунд прописать , текст смещается и на фоне рисунка становится, и его не видно...
если бы жило, я бы не писал.. т.к. криво отображается.... в разных браузерах..

Добавлено через 28 секунд
Вчитываемся в текст моего предыдущего сообщения внимательно
я поменял - но это ничего не изменило...
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху