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

контркультура падонки бабруйск
Печать RSS
273
Сааааа-нёёёёё-к 18.11.2010 / 21:58 Автор
Землянин
0
Есть два дива...
<div class="razdel"><div class="ico"></div>Раздел</div>
- - - -
.ico / Иконка
Так текс "Раздел" на иконку налазиет...как и справить?
Б
Богдан 18.11.2010 / 23:10
Оранжевые штаны
0
1.во первых там один див не закрыт. во вторых ксс покажи. откуда нам знать что у тебя к классам прописано?
Сааааа-нёёёёё-к 18.11.2010 / 23:38 Автор
Землянин
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 Автор
Землянин
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 Автор
Землянин
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; /* отступ внутри поля (по необходимости) */
}
Изменил: Чеширский 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 (это отступ слева внутри класса), тебе он и нужен
Стикеры / Теги / Правила / Топ тем / Топ постов / Поиск