Регулировать длинну подвала при помощи обычного многоточия.

Timurco · July 19, 2008

недавно открыл для себя как регулировать длинну подвала, в этом браузере отображает в другом нет, и как решилась проблема в итоге-

вот пример кода:

.......................................................................................................................................................................................................................................................

**************Дизайн - Тимур Ярматов**************.............................................................................................................................................................................................................................................

..........

Azadi · July 19, 2008

Слов нет. Литературных. А к чему вам вся эта порнография, чего вы хотели добиться в итоге?

Timurco · July 19, 2008

Добиться я хотел, чтобы "подвал" был практически по всей ширине страницы, вот.)

У Вас есть альтернативное решение этому, Azadi?

А к чему вам вся эта порнография?

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

rash · July 19, 2008

Посмотрев на код я бы убрал слово "верстка" из

<h5><center> <font face="Verdana"><font color="#FF4500"> *** </font></font></center></h5>

:-))

Azadi · July 20, 2008

Добиться я хотел, чтобы "подвал" был практически по всей ширине страницы, вот.)
У Вас есть альтернативное решение этому, Azadi?

<!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" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title></title>
<style type="text/css">
* {	
	padding:0;
	margin:0;
}
HTML,BODY {
	height:100%;
}
BODY {
	background: #FFF;
	font-family:Verdana,Arial,sans-serif;
}
.verstka {
	text-align:center;
	position:relative;
	height:auto !important;
	min-height:100%;
	height:100%;
}
.verstka H3 {
	background:#ffe4c4;
	position: absolute; 
	bottom:0; 
	left: 10px; 
	right:10px;
	color:#FF4500;
	font-size:110%;
	line-height:3;
}
.verstka SPAN {
	text-decoration:line-through;
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
.verstka H3 {
	width:expression(document.body.clientWidth-20);
}
</style>
<![endif]-->
</head>

<body>

<div class="verstka">
	<h3>**************Дизайн и <span>верстка</span> - Тимур Ярматов**************</h3>
</div>

</body>
</html>

Если я вас правильно понял, то хотели вы что-то подобное. А насчет вашего примера... Тэги вроде

и использовать в верстке не советую, т.к. они являются устаревшими и документ , содержащий в себе эти тэги не проходит проверку на валидность. Про семантику кода молчу. Сотни точек в HTML-коде это, простите, все-таки извращение.

Timurco · July 20, 2008

О, спасибо это уже интереснее буду разбирать этот код и учиться.

SelenIT · November 14, 2008

Если уж бороться за семантику, так я бы и "звездочки" из HTML вынес...

<!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" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>test</title>
<style type="text/css">
#author {
    padding: 1em;
    margin: 1em;
    text-align: center;
    border-top: 1px dotted #888; /* ...чем не точки? ;-) */
    border-bottom: 1px dotted #888;
}
#author:before, #author:after {
    content: '**************'; /* чисто декоративные элементы - место им в CSS */
}
#author em {
    font-style: normal;
    color: #FF4500;
}
</style>
</head>
<body>
    <div id="author">Дизайн и <em>верстка</em> — Тимур Ярматов</div>
</body>
</html>

Правда, в IE будет работать лишь с 8-й версии. В других нормально.

И еще замечание по примеру выше - если уж ставите XHTML, то пишите теги в нижнем регистре не только в коде, но и в CSS. Иначе с правильным Content-type не заработает...

Sign In

Регулировать длинну подвала при помощи обычного многоточия.

Recommended Posts

Timurco

Link to comment

Share on other sites

Azadi

Link to comment

Share on other sites

Timurco

Link to comment

Share on other sites

rash

Link to comment

Share on other sites

Azadi

Link to comment

Share on other sites

Timurco

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information