Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Уважаемые гуру, Вам вопрос по верстке! / 8 сообщений из 8, страница 1 из 1
29.01.2009, 16:39
    #35786103
csska
csska
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Уважаемые гуру, Вам вопрос по верстке!
Нашла такой макет. Интересно знать роль отрицательных полей! Спасибо ;-*

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Layout  13 </title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
html,body{margin: 0 ;padding: 0 }
body{font:  76 % arial,sans-serif}
p{margin: 0  10px 10px}
a{display:block;color: # 981793 ;padding:10px}
div#header h1{height:80px;line-height:80px;margin: 0 ;
  padding-left:10px;background: #EEE;color: #79B30B}
div#content p{line-height: 1 . 4 }
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: # 333 ;color: #FFF}
div#footer p{margin: 0 ;padding:5px 10px}


div#wrapper{float:left;width: 100 %; background: red;}
div#content{margin:  0  200px; background: blue}
div#navigation{float:left;width:200px;margin-left:- 100 %}
div#extra{float:left;width:200px;margin-left:-200px}
div#footer{clear:left;width: 100 %}
</style>
</head>
<body>
<div id="container">
<div id="header"><h1>Header</h1></div>
<div id="wrapper">
	<div id="content">
		<p><strong> 1 ) Content here.</strong> column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very.</p>
		<p>very make make fill silly long long filler column long make silly silly column filler fill fill very filler text fill filler column make fill make text very make make very fill fill long make very filler column very long very filler silly very make filler silly make make column column </p>
		<p>fill long make long text very make long fill column make text very silly column filler silly text fill text filler filler filler make make make make text filler fill column filler make silly make text text fill make very filler column very </p>
		<p>column text long column make silly long text filler silly very very very long filler fill very fill silly very make make filler text filler text make silly text text long fill fill make text fill long text very silly long long filler filler fill silly long make column make silly long column long make very </p>
	</div>
</div>
<div id="navigation">
	<p><strong> 2 ) Navigation here.</strong> long long fill filler very fill column column silly filler very filler fill fill filler text fill very silly fill text filler silly silly filler fill very make fill column text column very very column fill fill very silly column silly silly fill fill long filler </p>
</div>
<div id="extra">
	<p><strong> 3 ) More stuff here.</strong> very text make long column make filler fill make column column silly filler text silly column fill silly fill column text filler make text silly filler make filler very silly make text very very text make long filler very make column make silly column fill silly column long make silly filler column filler silly long long column fill silly column very </p>
</div>
<div id="footer"><p>Here it goes the footer</p></div>
</div>
</body>
</html>

Модератор: Изменено: оформление кода
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.01.2009, 16:41
    #35786120
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Уважаемые гуру, Вам вопрос по верстке!
csskaИнтересно знать роль отрицательных полей!
Их роль сразу увидишь, увеличивая значения... ;)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.01.2009, 16:46
    #35786139
csska
csska
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Уважаемые гуру, Вам вопрос по верстке!
krvsacsskaИнтересно знать роль отрицательных полей!
Их роль сразу увидишь, увеличивая значения... ;)

Не поняла, извини. Можешь подробней? ;)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.01.2009, 17:03
    #35786208
csska
csska
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Уважаемые гуру, Вам вопрос по верстке!
ннюююю...так не честно )) Помогите плиз
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.01.2009, 18:54
    #35786498
csska
csska
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Уважаемые гуру, Вам вопрос по верстке!
люди, у меня мой код тока в IE 6 не работает..в чем фишка????
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
29.01.2009, 20:01
    #35786563
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Уважаемые гуру, Вам вопрос по верстке!
csskaлюди, у меня мой код тока в IE 6 не работает..в чем фишка????
ответ ты писала в одном из первых топиков
krvsacsskaИнтересно знать роль отрицательных полей!
Их роль сразу увидишь, увеличивая значения... ;)
margin-left отрицательный
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.01.2009, 00:39
    #35786846
illion
illion
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Уважаемые гуру, Вам вопрос по верстке!
Модератор:
csska,

о, я вижу Ваши поиски трехколонного макета вышли на новый уровень! Ну раз так, то предыдущие две темы я удаляю. Продолжим обсуждение здесь.

П.С. Просьба оформлять код с помощью тега/кнопки src, дабы он был читабельным.
---------
illion
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
30.01.2009, 08:34
    #35787026
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Уважаемые гуру, Вам вопрос по верстке!
csskaМожешь подробней? ;)
Поставь вместо

Код: plaintext
margin-left:-200px;

Код: plaintext
margin-left:-100px;

роль-то и проявится.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Уважаемые гуру, Вам вопрос по верстке! / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 424ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1455254]:
 0ms
get settings:
 8ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 135ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 23ms
get tp. blocked users:
 1ms
others: 236ms
total:  424ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]