Вопрос небольшой по CSS (Page 1)

Сааааа-нёёёёё-к 18.11.2010 / 21:58 Author
Землянин

0

Есть два дива...
<div class="razdel"><div class="ico"></div>Раздел</div>
- - - -
.ico / Иконка
Так текс "Раздел" на иконку налазиет...как и справить?

Б

Богдан 18.11.2010 / 23:10
Оранжевые штаны

0

1.во первых там один див не закрыт. во вторых ксс покажи. откуда нам знать что у тебя к классам прописано?

Сааааа-нёёёёё-к 18.11.2010 / 23:38 Author
Землянин

0

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 сек.
Но вот щас как бы, текст вниз сполз...как его выравнять?

ramzes 19.11.2010 / 01:06
2000 лет д.н.э.

0

padding-left:??px
где ?? ширина иконки, если я конечно верно понял суть

Сааааа-нёёёёё-к 20.11.2010 / 00:54 Author
Землянин

0

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>

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

Сааааа-нёёёёё-к 20.11.2010 / 01:32 Author
Землянин

0

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

Александр 29.11.2010 / 10:06
<(O_O)>

0

Парни неохото тему создавать новую,как сделать в теме для ротора чтоб верний рекламный блок был в рамке?

Чеширский KoтЪ 29.11.2010 / 10:35
Землянин

0

7. ХиТрЫй ЛиС Йа,
за это отвечает класс "note"
в css :

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

Changed: Чеширский KoтЪ (29.11.2010 / 10:36)

Александр 29.11.2010 / 10:40
<(O_O)>

0

секунду сейчас попробую!=)

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

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

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

Иван 29.11.2010 / 11:04
Чатланин

0

padding-left (это отступ слева внутри класса), тебе он и нужен