Вопрос по книге Дена Седерхольма
177 сообщений
#16 лет назад
"Пуленепробиваемый дизайн"собственно решил ее почитать из-за csszedgardencom
Глава 4я Творим с помощью float
Выполнил css и реьд как там написано, но желаемого результата в IE/Win
не получил
должно быть
КАРТИНКА1 ЗАГОЛОВОК
КАРТИНКА1 ТЕКСТ
а получается
ЗАГОЛОВОК
КАРТИНКА1
КАРТИНКА1
ТЕКСТ
2195 сообщений
#16 лет назад
Код-то приведите
177 сообщений
#16 лет назад
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;
}
177 сообщений
#16 лет назад
* 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>
Этим не пользуюсь.. пользуюсь линком...
2195 сообщений
#16 лет назад
У #sweden dt ширина больше чем нужно - если уменьшить ввсе восстановится.И я бы весь список сверстал иначе.
177 сообщений
#16 лет назад
:o скажи как пожалуйстаа лучше посоветуй книжку без лагов года 2007
и построенной по принципу Задача - Пример
Я уже весь рынок перекопал... вода в основном..
177 сообщений
2195 сообщений