Вопрос небольшой по CSS

1. Сааааа-нёёёёё-к (18.11.2010 / 21:58)
Есть два дива...
<div class="razdel"><div class="ico"></div>Раздел</div>
- - - -
.ico / Иконка
Так текс "Раздел" на иконку налазиет...как и справить?

2. Богдан (18.11.2010 / 23:10)
1.во первых там один див не закрыт. во вторых ксс покажи. откуда нам знать что у тебя к классам прописано?

3. Сааааа-нёёёёё-к (18.11.2010 / 23:38)
2. G_A_N_J_A_R,

body {
font-size: 12px;;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #fff;
margin: auto;
border-color: #e8e8e8;}



.opt {background: #53bef5;
background: url(img/opt.gif) #53bef5;
background-repeat: repeat-x;
background-position: bottom;
border-top: 1px solid #96a9ef;
border-bottom: 1px solid #96a9ef;
color: #fff;
height:22px;
}

Добавлено через 01:21 сек.
Индекс...

<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">

<head>
<meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml; charset=UTF-8"/>
<title>Лучшие загрузки на ВапЧо.Ру</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div class="opt"><img src="ico.gif" alt="" /> Раздел</div></html>

Добавлено через 02:10 сек.
Но вот щас как бы, текст вниз сполз...как его выравнять?

4. ramzes (19.11.2010 / 01:06)
padding-left:??px
где ?? ширина иконки, если я конечно верно понял суть

5. Сааааа-нёёёёё-к (20.11.2010 / 00:54)
4. Да пробывал я так...
Вот как бы выше исходник, но я хочу что бы иконка из цсс выводилась.
Делаю так.
.css

.razdel {background: #53bef5;
background: url(img/opt.gif) #53bef5;
background-repeat: repeat-x;
background-position: bottom;
border-top: 1px solid #96a9ef;
border-bottom: 1px solid #96a9ef;
color: #fff;
height: 22px;
padding-left: 35px }
.pad {
background: url(img/pad.gif);
background-postion: left;
background-repeat: no-repeat;
height: 22px; }

index.html

<div class="razdel"><div class="pad">Раздел</div></div>

Щас еще скрин сделаю...

6. Сааааа-нёёёёё-к (20.11.2010 / 01:32)
4. ramzes, спасибо, помогло...не вто див влепил просто!
Но щас только как бы теперь текст вверх лезет!
Скрин
http://upwap.ru/1135671

7. Александр (29.11.2010 / 10:06)
Парни неохото тему создавать новую,как сделать в теме для ротора чтоб верний рекламный блок был в рамке?

8. Чеширский KoтЪ (29.11.2010 / 10:35)
7. ХиТрЫй ЛиС Йа,
за это отвечает класс "note"
в css :

.note {
border: solid 1px #цвет;
background: #цвет;
color: #10154C;
margin: 10px 0; /* отступ снаружи (по необходимости) */
padding: 10px; /* отступ внутри поля (по необходимости) */
}

9. Александр (29.11.2010 / 10:40)
секунду сейчас попробую!=)

Добавлено через 03:33 сек.

.note { 
border: solid 1px #c44343; 
background: #493b3b; 
color: #10154C; 
margin: 10px 0; /* отступ снаружи (по необходимости) */ 
padding: 10px; /* отступ внутри поля (по необходимости) */ 
}

не катит,цвета поставил на бум!=(

10. Иван (29.11.2010 / 11:04)
padding-left (это отступ слева внутри класса), тебе он и нужен

11. Александр (29.11.2010 / 12:11)

.note { 
border: solid 1px #c44343; 
background: #493b3b; 
color: #10154C; 
margin: 10px 0; /* отступ снаружи (по необходимости) */ 
padding-left: 10px; /* отступ внутри поля (по необходимости) */ 
}

-----
Тоже не катит!((( sad

12. Иван (29.11.2010 / 12:53)

ХиТрЫй ЛиС Йа (29 Ноября 2010 / 10:06)
Парни неохото тему создавать новую,как сделать в теме для ротора чтоб верний рекламный блок был в рамке?

.название_класса {
border: 1px solid #цвет;
}

1px это 1 пиксель, solid это сплошной линией обводка. Это точно должно сработать, так всегда обводку делаю

13. Александр (29.11.2010 / 17:19)
ааа т.е мне ненадо вписывать полностью код что мне swEast написал,а вставить border: 1px solid #цвет; это и всё? smile

14. Александр (30.11.2010 / 09:44)
может я лучше выложу цсс и вы меня поправите? smile

15. Иван (01.12.2010 / 13:45)
14. ХиТрЫй ЛиС Йа, давай, скажи только какой класс править smile

16. delete (01.12.2010 / 13:57)
border: solid 1px #c44343; /* сплошмая рамка толщиной в 1px */

background: #493b3b; /* цвет фона класса */

color: #10154C; /* цвет текста внутри класса */

margin: 10px 0; /* отступы , в твоем случае по 10px сверху и снизу */

padding-left: 10px; /* отступ до текста в 10 px слева*/

17. delete (01.12.2010 / 14:44)
запустил на денвере то что ты выдал, ну цвета ужасные, рамку ели видно но она там есть, подбери болие контрастные цвета и будит тебе счастье

URL: https://visavi.net/topics/15653