Вопросы по HTML и CSS @ DeForum.ru
DeДверь  
Логин:  
Пароль:  
  Автологин  
   
Разместить рекламу
Письмо админу
Правила | FAQ | *Поиск | Наша команда | Регистрация | Вход
 
 
 Страница 1 из 1 [ Сообщений: 18 ] 
*   Список форумов / Начинка и техника / Программирование для WWW » ответить » создать топик « | »
Автор Сообщение
GrafixM
новый человек
3
Сообщения: 15
Зарегистрирован: 07.11.08
Заголовок сообщения: Вопросы по HTML и CSS
Сообщение Добавлено: 26 Ноябрь 2008, 10:34:59 
Приступив к практическому применению хочу в этой теме выкладывать вопросы по которым не могу найти ответ.
Я конечно внимательно все изучаю но иногда никак нужный ответ не находится.
Вот вопрос первый. Не могу понять когда ставлю тип XHTML - Strict и выше то между двумя графическими элементами появляется небольшой зазор. А когда ставлю XHTML - Transitional то зазора нет!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* {margin:0; padding:0;}
img {
border: 0; margin: 0;
}
</style>
</head>

<body>
<div id="stripes">
<img src="GreenStripe.gif" alt="alt" "" width="982" height="31" />
<img src="BurlStripe.gif" alt="alt" "" width="982" height="39" />
</div>
</body>
</html>

Я понимаю что можно каждое изображение поместить в отдельный див и задать точное положение, но мне хочется узнать как и на что влияет при расположении изображений более новые стандарты XHTML 1.0 Strict и XHTML 1.1 так как Transinional распологает их без зазора
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 26 Ноябрь 2008, 15:01:27 
вы забыли указать броузер, в котором появляется зазор.

Кстати, плохо ищете.

_________________
клетчатый!
GrafixM
новый человек
3
Сообщения: 15
Зарегистрирован: 07.11.08
Заголовок сообщения: Re: Вопросы по HTML и CSS
Сообщение Добавлено: 26 Ноябрь 2008, 18:45:15 
Да забыл но это потому что во всех трех.
На счет что полохо ищу - лучшеб написали почему чем указывать так как искал долго и в разных источниках но иногда бывает что инфа лежащая на поверхности на глаза не попадается, также как и с предметами которые не можешь найти а они рядом лежат :insane:
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 26 Ноябрь 2008, 18:55:53 
1

GrafixM писал(а):
Да забыл но это потому что во всех трех.


Сафари, Конкверор, и Хром?

GrafixM писал(а):
лучшеб написали почему чем указывать


не хочу. Вам лень копать, мне лень выкапывать. По-моему, честно.

_________________
клетчатый!
Mimo Муж.
новый человек
2
Сообщения: 132
Зарегистрирован: 21.10.06
Сообщение Добавлено: 26 Ноябрь 2008, 19:15:15 

GrafixM писал(а):
...ставлю тип XHTML - Strict и выше то...


Можно узнать, а выше это кто? "Rigorous", "unyielding"?

GrafixM писал(а):
...бывает что инфа лежащая на поверхности на глаза не попадается...


Бывает! Начинать искать можно например отсюда.

karamba писал(а):
Сафари, Конкверор, и Хром?


Ну может быть NN, Amaya и Camino? :insane:
Лампочка Жен.
Модератор
135
Сообщения: 4165
Зарегистрирован: 17.05.06
Откуда: трехкомнатная страна
Сообщение Добавлено: 26 Ноябрь 2008, 20:32:36 

karamba писал(а):
Сафари, Конкверор, и Хром?

:laugh:
GrafixM
новый человек
3
Сообщения: 15
Зарегистрирован: 07.11.08
Заголовок сообщения: Re: Вопросы по HTML и CSS
Сообщение Добавлено: 26 Ноябрь 2008, 21:22:01 

karamba писал(а):
не хочу. Вам лень копать, мне лень выкапывать. По-моему, честно.


Вот такие ответы меня убивают больше всего на форумах. Я на своем форуме (не по компьютерной тематике) на вполне конкретный вопрос по конкретной ситуации новичку никогда не хамлю потому что я не провидец. Вы знаете где и сколько я читал?
Уважаемые впредь не "лечите" а лучше помогите если есть чем.


Лампочка писал(а):

karamba писал(а):
Сафари, Конкверор, и Хром?

:laugh:



То что браузеров больше чем три я знаю просто это моя неточность. Имел в виду IE7 M Firefox Opera 9...
Если бы в одних была-бы проблема а в других нет то можно былобы подумать что это проблема конкретного браузера а так это получается особенность версии HTML более новых выпусков?
Mimo Муж.
новый человек
2
Сообщения: 132
Зарегистрирован: 21.10.06
Сообщение Добавлено: 27 Ноябрь 2008, 02:11:35 

GrafixM писал(а):
Вы знаете где и сколько я читал?

Если бы в одних была-бы проблема а в других нет то можно былобы подумать что это проблема конкретного браузера а так это получается особенность версии HTML более новых выпусков?



А что и где Вы успели прочесть про режим обратной совместимости или дефолтное отображение? Причём тут
Цитата:
особенность версии HTML более новых выпусков?

Что Вы прочли про XHTML, которое является расширением XML, а не продолжением HTML (в отличии от HTML5)? И, кстати, Вы вообще интересовались, что именно Вы передаёте браузеру - XHTML или HTML (например здесь об этом много интересного)?

И, кстати, причём тут вобще
Цитата:
Я на своем форуме (не по компьютерной тематике)

? :chih:
GrafixM
новый человек
3
Сообщения: 15
Зарегистрирован: 07.11.08
Заголовок сообщения: Re: Вопросы по HTML и CSS
Сообщение Добавлено: 27 Ноябрь 2008, 07:45:47 
Вам Mino в любом случае уже надо сказать спасибо так как из вашей ссылке я полезное почерпнул.
Нужно указать явно img {display: block;} Хотя в XHTML Trans.. все работало и без этого.
Но теперь появилась другая проблема, ну это мы опустим.

На счет где я успел прочитать и когда:
вот список литературы почти самых последних версий который я читаю(если не последних)
The Ultimate HTML Reference May 2008.pdf
The.Ultimate.CSS.Reference.Feb.2008.pdf
Creating Web Sites Bible, 3rd Edition.pdf
Friends_CSS_XHTML_JavaScript.pdf
New.Riders.Adapting.to.Web.Standards.CSS.and.Ajax.for.Big.Sites.Dec.2007.pdf
NR,.Mastering.CSS.with.Dreamweaver.CS3.(2008).BBL.[0321508971].pdf
OReilly.Learning.Web.Design.3rd.Edition.Jun.2007.pdf
Pragmatic Design Accessible Web Sites.pdf
Professional CSS Cascading Style Sheets for Web Design 2008.pdf
Stylin.with.CSS.A.Designers.Guide.2nd.Edition.pdf
The Essential Guide to CSS and HTML Web Design.pdf
The_Zen_of_CSS_Design__Visual_Enlightenment_for_the_Web.pdf
Bulletproof Web Design 2nd Edition - New Riders Press.chm
Так как английский я читаю достаточно неплохо я успел уже узнать много интересной и нужной информации.
Там как раз и написано откуда XHTML и в чем его разница по сравнению с HTML

если вам нужна конкретика то вот выдержка:
The solution was a newer version of HTML. Thus, HTML 4.02 and XHTML 1.0 co-emerged in
2001, combining the strengths of HTML 4.01 with the special benefits of Extensible Markup
Language (XML) with the aim of creating a language that worked on a broad range of browser
platforms and was also simpler to design with.
One of the apparent advantages of XHTML was now the capability to define and manipulate the
types of content expressed within a Web page. This meant you could now reach into a block of
data containing information about a date and make changes to one of the elements of the date
object, such as the year or day or month.
XHTML also was more rigorous than any previous version of HTML in that all tags and attributes
had to adhere to one of the following three XML document type definitions (DTDs) to be considered
a well-formed executable document:
■ Strict — As its name certainly implies, this DTD is strict. It does not allow any deprecated
elements or attributes and does not support frames.
■ Transitional — This is the very forgiving one. It accepts deprecated elements and
attributes. It is for the old hands among us who are quite comfortable with HTML and
who are willing to try something new, but not if it’s going to be that difficult.
■ Frameset — This is used for Web pages designed for frames.


Я же не спрашиваю у товарища karamba такие детские вопросы "как например вставить ФОТКУ в HTML?" или еще какие тупые вопросы на которые можно было так хамить и указывать что я хочу или могу а что я не хочу.
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 27 Ноябрь 2008, 12:51:39 
Не буду сдерживать непреодолимое желание повозить вас гордо задраным носом (что само по себе хорошо). Вы привели внушительный список пдф-чтива, а в привденном примере понаписали:

Цитата:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" … />

<img … width="982" height="31" />
<img … width="982" height="39" />


угадайте, в какой режим перешли ваши три насчастных броузера, попытавшись отрендерить обещанный стрикт? Отступы между картинками — саммое безобидное, на что вы заслуживаете. Это мелкая месть броузеров за обман. Разве в умных пдф-ах вас учили обманывать?
Кстатиииии!!! Кроме теории, вот вам полезная ссылка. Тренируйтесь на кошках, потому что вряд-ли «хочу в этой теме выкладывать вопросы» вселяет радость и веру в светлое будущее редких посетителей этого раздела…
Товарищ GrafixM, вам прямая дорога на сайт ВеТриЦе внимательно штудировать спецификации доктайпов, потом, вооружившись теор.базисом, топать на какой-нибудь алистапарт, икспойнт, вебмаскон на худой конец (хотя может и не стОит) с теми ДЕЙСТВИТЕЛЬНО странными вопросами, которые будут возникать в реальной практике и которые окажутся парадоксами, способными вызвать азарт у отвечающих.
Обратитесь к Источникам, апокрифы уводят от Света. Покайтесь, ибо… Черт, кажется я не туда пишу…

_________________
клетчатый!
GrafixM
новый человек
3
Сообщения: 15
Зарегистрирован: 07.11.08
Сообщение Добавлено: 27 Ноябрь 2008, 15:40:29 
И что вы уважаемый этой ссылкой мне хотели сказать? Указать на то что есть в природе валидаторы?
Дык я это давно знаю, В моем чтиве как вы выразились это написано. Моя страничка к вашему сведению прошла тест.
This document was successfully checked as XHTML 1.0 Strict!
вот с таким куском кода:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
………..(код пропущен)
<div id="stripes"><img src="Photos/GreenStripe.gif" alt="" width="982" height="31" />
<img src="Photos/BurlStripe.gif" alt="" width="982" height="39" />
</div>
………..(код пропущен)


Только в CSS я добавил вот это (найдя это в ПОЛЕЗНОЙ ссылке от тов. Mimo:

img {display: block;}

и все. Зазора между GreenStripe.gif и BurlStripe.gif НЕТ!

Что и требовалось доказать.
И еще много чего нужного и полезного я там вычитываю и не засоряю форум!
Вы бы лучше не ПОУЧАЛИ и не ПОСЫЛАЛИ бы новичков а давали бы дельные советы (пусть даже с вашими наставлениями :dont: ) если вы конечно снизойдете до такого. А философов - сенсеев - наставителей на форумах в последнее время развилось немеренно. Это отмечают многие. Форумы превращаются в сборник FAQов вместо живого общения, для новичков шаг в сторону - расстрел, черный список и куча никому не нужных псевдоумных высказываний разных ученых старожил. Нужно отделять действительно примитивные вопросы, ответы на которые можно найти в любом учебнике, и вопросы связанные с особенностями и тонкостями предмета.
karamba Муж.
старожил
209
Сообщения: 6498
Зарегистрирован: 17.08.05
Откуда: Киев. А шо?
Сообщение Добавлено: 27 Ноябрь 2008, 16:50:36 
GrafixM, удачи

_________________
клетчатый!
Mimo Муж.
новый человек
2
Сообщения: 132
Зарегистрирован: 21.10.06
Сообщение Добавлено: 27 Ноябрь 2008, 17:46:08 

GrafixM писал(а):
и все. Зазора между GreenStripe.gif и BurlStripe.gif НЕТ!
Что и требовалось доказать.

Часть моего намёка Вы, конечно же, поняли правильно:
Mimo писал(а):
...режим обратной совместимости или дефолтное отображение?

Потому как в одном из случаев img не будет block. Но ссылку-то я Вам давал в основном для того, чтобы Вы задумались над тем, ЧТО передаётся браузеру — HTML или XML (XHTML)? Спрошу ỳже: application/xhtml+xml, application/xml, text/xml или же text/html? И, например, какой заголовок при этом отдаёт сервер? И для чего бы могла пригодиться такая конструкция как
Код:
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="copy.xsl"?>
<!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>
+ copy.xsl
Код:
<stylesheet version="1.0"
     xmlns="http://www.w3.org/1999/XSL/Transform">
    <template match="/">
        <copy-of select="."/>
    </template>
</stylesheet>
А? :confused:
Ну а валидаторы, это очень хорошо... Иногда они нам что-то сообщают!.. Вот только браузеры об этом не знают! :lady:
GrafixM
новый человек
3
Сообщения: 15
Зарегистрирован: 07.11.08
Сообщение Добавлено: 27 Ноябрь 2008, 20:51:37 
<?xml version="1.0" encoding="UTF-8"?> XML документ должен начинаться с дикларации ее версии

А вся приведенная конструкция это типа уловка для непонимающих или плохо понимающих язык XML ? браузеров

Вообще вот тут много чего написано http://www.w3.org/MarkUp/2004/xhtml-faq#fussy
в частности
Why is it allowed to send XHTML 1.0 documents as text/html?

XHTML is an XML format; this means that strictly speaking it should be sent with an XML-related media type (application/xhtml+xml, application/xml, or text/xml). However XHTML 1.0 was carefully designed so that with care it would also work on legacy HTML user agents as well. If you follow some simple guidelines, you can get many XHTML 1.0 documents to work in legacy browsers. However, legacy browsers only understand the media type text/html, so you have to use that media type if you send XHTML 1.0 documents to them. But be well aware, sending XHTML documents to browsers as text/html means that those browsers see the documents as HTML documents, not XHTML documents.
Ну и так далее.

Вообщето это не совсем то сейчас что мне нужно было. так как с применением в CSS то что я уже писал все стало на свои места. И вообще валидатор утвердил мою страницу и во всех трех главных виндовых браузерах показывает одно и тоже что НАДО. Значит я на правильном пути. Просто сбивать с него не надо. По мере изучения материала и разработки сайта у меня могут возникнуть еще вопросы. ДЛЯ ОСОБО НЕПОНИМАЮЩИХ я пытаюсь найти ответы сам так как не даун хотя и новичек. Но если возникли то буду ждать дельные советы а на провакации и принибрежительные односложные ответы обращать внимания не буду.

Спасибо Mino за участие в обзуждении этой моей проблемы
Mimo Муж.
новый человек
2
Сообщения: 132
Зарегистрирован: 21.10.06
Сообщение Добавлено: 27 Ноябрь 2008, 21:45:17 

GrafixM писал(а):
...валидатор утвердил мою страницу и во всех трех главных виндовых браузерах показывает одно и тоже что НАДО.

...пытаюсь найти ответы сам …

Значит, намёк про валидатор Вам был ни к чему...

Ответы-то конечно самому искать нужно, Вы несомненно правы. Главное, вопросы правильно поставить. В чём я и пытался помочь. :chih:
ETTI Муж.
новый человек
15
Сообщения: 66
Зарегистрирован: 22.04.05
Откуда: Украина, Днепропетровск
Заголовок сообщения: Re: Вопросы по HTML и CSS
Сообщение Добавлено: 17 Декабрь 2008, 16:02:54 
На самом деле зазор появляется по тому тчо вы не указали align для картинки, я с этой проблемой сталкивался, и сам долго не мог найти что надо делать... Просто укажи align и зазор пропадет...
kisel Муж.
участник
71
Сообщения: 1820
Зарегистрирован: 14.01.03
Откуда: Москва
Сообщение Добавлено: 18 Декабрь 2008, 13:14:50 
не знаю в тему или нет, но вот, и там еще вся категория "учебник" - очень хорошо все по полочкам разложено.

_________________
:)
GrafixM
новый человек
3
Сообщения: 15
Зарегистрирован: 07.11.08
Сообщение Добавлено: 28 Декабрь 2008, 22:03:35 

ETTI писал(а):
На самом деле зазор появляется по тому тчо вы не указали align для картинки, я с этой проблемой сталкивался, и сам долго не мог найти что надо делать… Просто укажи align и зазор пропадет…



Странно но я уже вроде писал как я поборол это.


kisel писал(а):
не знаю в тему или нет, но вот, и там еще вся категория "учебник" - очень хорошо все по полочкам разложено.



Интересная ссылка.
*   Список форумов / Начинка и техника / Программирование для WWW « | » » ответить » создать топик
 Страница 1 из 1 [ Сообщений: 18 ] 
Показать сообщения за:   Поле сортировки  
Найти:
Перейти:  
Уровень доступа: Вы не можете начинать темы. Вы не можете отвечать на сообщения. Вы не можете редактировать свои сообщения. Вы не можете удалять свои сообщения. Вы не можете добавлять вложения.
cron


ООО ДеФорум
При использовании материалов сайта ссылка на DeForum.ru — обязательна.
Проект Павла Батурина ©2001-2077; // Powered by phpBB © 2013 phpBB Group
Rambler's Top100