Виталий Можаев
39 лет, Украина
177 сообщений
#11 лет назад
"Пуленепробиваемый дизайн"
собственно решил ее почитать из-за csszedgarden[dot]com

Глава 4я Творим с помощью float

Выполнил css и реьд как там написано, но желаемого результата в IE/Win
не получил

должно быть
КАРТИНКА1 ЗАГОЛОВОК
КАРТИНКА1 ТЕКСТ


а получается


ЗАГОЛОВОК
КАРТИНКА1
КАРТИНКА1
ТЕКСТ
Михаил Валенцев
37 лет, Россия
2195 сообщений
#11 лет назад
Код-то приведите
Виталий Можаев
39 лет, Украина
177 сообщений
#11 лет назад
Да, Миш. Сейчас скопирую.
Виталий Можаев
39 лет, Украина
177 сообщений
#11 лет назад
1.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="en" >

<head>

<title></title>
<meta name="author" content="" />
<meta NAME="Keywords" CONTENT="">
<meta NAME="Description" CONTENT="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="robots" content="all" />

<style type="text/css" media="all">
@import "1.css";
</style>

</head>
<body >
<div id="sweden">
<dl>
<dt>Stokholm</dt>
<dd><class="img"><img scr="img/gamlastan.jpg" width="80" height="80" alt="Gamla Uppsala" /></dd>
<dd>The first three Swedish kings The first three Swedish kings The first three Swedish kings</dd>
</dl>
<dl>
<dt>Stokholm</dt>
<dd><class="img"><img scr="img/gamlastan.jpg" width="80" height="80" alt="Gamla Uppsala" /></dd>
<dd>The first three Swedish kings The first three Swedish kings The first three Swedish kings</dd>
</dl>
<dl class="alt">
<dt>Stokholm</dt>
<dd><class="img"><img scr="img/gamlastan.jpg" width="80" height="80" alt="Gamla Uppsala" /></dd>
<dd>The first three Swedish kings The first three Swedish kings The first three Swedish kings</dd>
</dl>
<dl>
<dt>Stokholm</dt>
<dd><class="img"><img scr="img/gamlastan.jpg" width="80" height="80" alt="Gamla Uppsala" /></dd>
<dd>The first three Swedish kings The first three Swedish kings The first three Swedish kings</dd>
</dl>
</div>

</body>
</html>

1.css

html
{
margin: 0;
padding: 0;
}

body
{
font-size: small;
margin: 0;
padding: 0;
}

* html>body
{
font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for others IE */
}


#sweden
{
float: left;
width: 300px;
padding: 10px 0;
border: 2px solid #C8CDD2;
}

#sweden dl
{
float: left;
width: 304px;
margin: 10px 20 px;
padding: 0;
display: inline; /* For IE double fields*/
}

#sweden dt
{
float: right;
width: 162px;
margin: 0;
padding: 0;
font-size: 130;
letter-spacing: 1px;
color: #627081;
}

#sweden dd
{
margin: 0 0 0 98px;
padding: 0;
font-size: 85%;
line-length: 1.5em;
color: #666;
}

#sweden dl dd.img
{
margin: 0;
}

#sweden dd.img img
{
float: left;
margin: 0 8px 0 0;
padding: 4px;
border: 1px solid #D9E0E6;
border-bottom-color: #C8CDD2;
border-right-color: #C8CDD2;
background: #fff;
}

#sweden .alt dt
{
float: left;
}

#swen .alt dd
{
margin: 0 98px 0 0;
}

#swen .alt dd.img img
{
float: right;
margin: 0 0 0 8px;
}
Виталий Можаев
39 лет, Украина
177 сообщений
#11 лет назад
* html>body
{
font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for others IE */
}

это SBMH от Тэна Эдвардса

<style type="text/css" media="all">
@import "1.css";
</style>

Этим не пользуюсь.. пользуюсь линком...
Михаил Валенцев
37 лет, Россия
2195 сообщений
#11 лет назад
У #sweden dt ширина больше чем нужно - если уменьшить ввсе восстановится.
И я бы весь список сверстал иначе.
Виталий Можаев
39 лет, Украина
177 сообщений
#11 лет назад
:o скажи как пожалуйста
а лучше посоветуй книжку без лагов года 2007
и построенной по принципу Задача - Пример
Я уже весь рынок перекопал... вода в основном..
Виталий Можаев
39 лет, Украина
177 сообщений
#11 лет назад
лутьше книжку посоветуй

завтра в личку отпишусь... удачно выполнить заказ!
Михаил Валенцев
37 лет, Россия
2195 сообщений
#11 лет назад
Список если сильно нужен завтра набросаю, сейчас своя работа по верстке горит.
Книжек не подскажу, но поиск стоит начать отсюда: http://uggallery.audiopeace.ru/css-manual/
Виталий Можаев
39 лет, Украина
177 сообщений
#11 лет назад
Вау.. спасибо