Нужна помощь для валидации

photograf · February 21, 2011

CSS:

.container{margin:auto;width:800px;} 
.header{background:url(image/24head.jpg) no-repeat;height:118px;margin:10px 0px 30px;}

HTML:

	<div class="container">
		<a href="#"><div class="header"></div></a>

Суть проблемы для меня заключается в следующем:

Как сделать средствами HTML и CSS гиперссылку в заголовке (при этом текста там быть не должно)?

Vlad · February 21, 2011

Вы же сделали заголовок картинкой, что еще тогда требуется?

photograf · February 21, 2011

html валидацию не проходит

ведь семантически неверно заключать <div> в <a> ?

Edited February 21, 2011 by photograf

swetlana · February 21, 2011

смотря что в доктайпе.

Я иногда пользую. Всё верно, и валидацию проходит

Vlad · February 21, 2011

Не слушайте её, она использует запрещённые приёмы, которые вам пока рано знать.

Что мешает поменять теги местами?

swetlana · February 21, 2011

это-то ладно.

А вот что мешает выкинуть лишнее?

<div class="container">
		<a class="header" href="#"></a>
</div>

.container{margin:auto;width:800px;} 
.header{display: block; background:url(image/24head.jpg) no-repeat;height:118px;margin:10px 0px 30px;}

photograf · February 21, 2011

Насчет лишнего согласен - две недели только как учусь, еще не научился сокращать сущности.

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

Если поменять теги местами - тогда не отображается backgound %)

Ой. Отображается. Видимо сказывается переутомление.

Спасибо.

Edited February 21, 2011 by photograf

swetlana · February 21, 2011

Насчет лишнего согласен - две недели только как учусь, еще не научился сокращать сущности.
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

О! Тут есть куда сокращать!

<!DOCTYPE html>

И сразу настолько жизнь проще станет!

Хотя Влад прав. Так имеет смысл делать только когда понимаешь, что всё это значит.

Если поменять теги местами - тогда не отображается backgound %)

Не поменять местами, а выкинуть лишнее.

Смотрите мой пример кода выше.

photograf · February 21, 2011

Я понимаю, что надо готовиться к HTML5, но сначала хочу разобраться с тем, что есть. (это я про DOCTYPE)

это-то ладно.

А вот что мешает выкинуть лишнее?

<div class="container">
		<a class="header" href="#"></a>
</div>

.container{margin:auto;width:800px;} 
.header{display: block; background:url(image/24head.jpg) no-repeat;height:118px;margin:10px 0px 30px;}

при таком оформлении у меня картинка не отображается в заголовке страницы

Edited February 21, 2011 by photograf

swetlana · February 21, 2011

простите, но этого быть не может.

Как увидеть?

photograf · February 21, 2011

<!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>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	 <link rel="stylesheet" href="24mediamain.css" type="text/css" />
	<title>24 Media - информационный сайт</title>
 </head>

<body>
	<div class="container">
		<a href="#" class="header" ></a>
		<div class="text">
			<div class="textarea">
				<ul>
					<li>Первый</li>
					<li>Второй</li>
					<li>Третий</li>
					<li>Четвертый</li>
					<li>Пятый</li>
					<li>Шестой</li>
				</ul>
			</div>
			<div class="down">
			  <div class="NRG"><p><a href="#">NRG</a><font>© 2010</font><br />Все права защищены</p></div>
			  <div class="space"></div>
			  <div class="contact">777@gmail.com<br />+38 067 <br />Дима Иванов</div>
			</div>
		</div>
		<div class="about"><a href="#"></a> </div>
	</div>
</body>
</html>

a img{border:none;}
body{font:12pt Arial,"Times New Roman",sans-serif;margin:0;}
.about{background:url(image/24about.jpg) no-repeat;float:left;height:119px;width:134px;}
.contact{float:right;height:150px;}
.container{margin:auto;width:800px;}
.down{clear:both;color:#999;margin:20px 0px 20px;width:100%;}
.header{display:block; background:url(image/24head.jpg) no-repeat;height:118px;margin:10px 0px 30px;}
.NRG{border:1px solid #999999;display:table-cell;float:left;height:100px;padding:0px 0px 0px 4px;vertical-align:bottom;width:100px;}
.text{float:right;width:650px;}
.textarea{border:1px solid #e0e0e0;height:380px;margin:0px;overflow:auto;}
li:hover{color:#F00;cursor:crosshair;font-size:20px;}

вот если вот так сделать - 24head не отображется

Edited February 21, 2011 by photograf

swetlana · February 21, 2011

ссылку на страничку в студию!

Копирую к себе — всё везде отображается.

Только картинку свою произвольную ставлю за неимением вашей.

Чудеса какие-то

photograf · February 21, 2011

закрывайте тему

Edited February 21, 2011 by photograf

SelenIT · February 21, 2011

Я понимаю, что надо готовиться к HTML5, но сначала хочу разобраться с тем, что есть. (это я про DOCTYPE)

То, что есть, ближе всего к HTML5 (по построению стандарта и интерпретации браузерами). Единственное, на что влияет доктайп в браузере — режим отображения. А XHTML 1.0 Transitional — вообще самый нелепый доктайп, который только можно было придумать (попытка одновременно и перейти на XML-рельсы, и сохранить пережитки HTML3.2 типа <font>).

Sign In

Нужна помощь для валидации

Question

Link to comment

Share on other sites

13 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information