Практические советы по вёрстке

vitaly-go · 30.10.2010, 22:20

Цитата:

Сообщение от Djeak

Подскажите, пожалуйста, как сделать.

Код:

#bot_cen {
	margin-left:250px;
	margin-right:250px;
	background:url(images/bot_cen.png) repeat;
	height:200px;
}

так

Djeak · 31.10.2010, 18:33

хм =)
а вот при такой конструкции:

Код:

<body>
<div id="body">
  <div id="wrapper">
   <div id="top">
     <div id="top_left"></div>
     <div id="top_right"></div>
     <div id="topcen"></div>
   </div>
   <div id="center">
      CENTER
   </div>
  </div>  
   <div id="bottom">
      <div id="bot_left"></div> 
      <div id="bot_right"></div>
      <div id="botcen"></div>
    
   </div>
</div>
</body>

Код:

#center {
margin:0px;
background:url(images/cen_left.png)repeat;
width:250px;
}

То, не заливается полностью, а только на слово CENTER. А возможно чтобы заливало все до <div id="bottom">?

vitaly-go · 31.10.2010, 18:52

Цитата:

Сообщение от Djeak

хм =)
а только на слово CENTER.

напишите слово center 100 раз и зальется,
непонимаю в чем у вас проблема сейчас

Djeak · 31.10.2010, 19:32

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

Niemans · 08.11.2010, 10:02

http://net.tutsplus.com/tutorials/ht...must-memorize/ пара полезностей

Djeak · 09.11.2010, 14:14

Здравствуйте.
Есть ли возможность в CSS поворачивать картинку на определенный угол?
Или лучше вырезать из фотошопа уже повернутую картинку?
Вот о чем речь:
визитка.png
визитка.psd
И как правильно вырезать рамку с закругленными углами? Чтобы не было видно заднего фона.

Niemans · 09.11.2010, 14:55

css3 можно

Djeak · 09.11.2010, 15:43

А с помощью CSS2 только вырезать их по отдельность так, как они расположены и накладывать друг на друга, используя z-index?

Niemans · 09.11.2010, 15:47

Djeak · 17.11.2010, 20:45

Всем привет.
Запутался с каскадностью.
К index.html присоединены два css файла: один глобальный, другой для вывода на печать.

Код:

<!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=ISO-8859-1" />
<title>CosmoFarmer</title>
<link href="global.css" rel="stylesheet" type="text/css" />
<link href="print.css" rel="stylesheet" type="text/css" media="print" />
</head>

В файле print.css я переопределяю h1, h2, p и цвет всего шрифта:

Код:

* {
	color:#000000;
}


h1 {
	font-size: 18pt;
}

h2 {
	font-size: 14pt;
	font-weight: bold;
}

p {
	font-size: 10pt;
}

Нечего не работает, если я не каждому свойству не поставлю !important.
Не пойму почему, ведь таблицу для печати присоединяется вторая, значит она уже должна переопределять стили.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Урок по вёрстке	Асмодиан	Библиотека	21	30.11.2015 20:16
Adobe Flash в веб-дизайне. Практические советы.	ghjafy	Технологии Flash	2	06.12.2010 23:49
Советы по дизайну	keeper10	Скамейка запасных	15	12.03.2010 13:06
Посоветуйте учебник по вёрстке	Nielson	HTML, CSS, JavaScript	25	18.06.2009 23:42
Книги по вёрстке...	AceLightning	Библиотека	17	08.07.2008 18:08

31.10.2010, 19:32	#64
Djeak	Получается что все будет зависит только от того, сколько контента, или слов и тд находится в промежутки, столько фона и зальется, если не указывать конкретную высоту.

08.11.2010, 10:02	#65
Niemans	http://net.tutsplus.com/tutorials/ht...must-memorize/ пара полезностей

09.11.2010, 14:14	#66
Djeak	Здравствуйте. Есть ли возможность в CSS поворачивать картинку на определенный угол? Или лучше вырезать из фотошопа уже повернутую картинку? Вот о чем речь: визитка.png визитка.psd И как правильно вырезать рамку с закругленными углами? Чтобы не было видно заднего фона.

09.11.2010, 15:43	#68
Djeak	А с помощью CSS2 только вырезать их по отдельность так, как они расположены и накладывать друг на друга, используя z-index?

17.11.2010, 20:45	#70
Djeak	Всем привет. Запутался с каскадностью. К index.html присоединены два css файла: один глобальный, другой для вывода на печать. Код: <!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=ISO-8859-1" /> <title>CosmoFarmer</title> <link href="global.css" rel="stylesheet" type="text/css" /> <link href="print.css" rel="stylesheet" type="text/css" media="print" /> </head> В файле print.css я переопределяю h1, h2, p и цвет всего шрифта: Код: * { color:#000000; } h1 { font-size: 18pt; } h2 { font-size: 14pt; font-weight: bold; } p { font-size: 10pt; } Нечего не работает, если я не каждому свойству не поставлю !important. Не пойму почему, ведь таблицу для печати присоединяется вторая, значит она уже должна переопределять стили.

30.10.2010, 22:20
Ссылки

09.11.2010, 15:47	#69
Niemans	да