Помогите прописать стиль

[bakabek 4]

дело ерундовое для кого-то а я вот никак не разрулю...

Мне нужен класс для ссылки , чтобы перед ссылкой стояла иконка и при превышении символов определенного размера спускаясь вниз ссылка имела отступ от иконки на расстоянии начала предложения.

короче , вот наглядный пример.

Как это сделать одним классом?

[alex32 942]

вы бы показали в коде в каком месте это сделать хотите

[Lomot 134]

html

<p class="link"><a href="/">Здесь вам не тут</a></p>

css

p.link{

background: url("krugok.png") no-repeat; /* путь к изображению */

margin: 0;

padding-left: 20px; /* отступ слева (освобождаем место для картинки) */

}

Изменено 19 мая 2011 пользователем Lomot

[bakabek 4]

html

<p class="link"><a href="/">Здесь вам не тут</a></p>

css

p.link{

background: url("krugok.png") no-repeat; /* путь к изображению */

margin: 0;

padding-left: 20px; /* отступ слева (освобождаем место для картинки) */

}

Спасибо но это не то...

Мне нужен один класс в котором прописан класс для ссылки и + картинка..

[Lomot 134]

html

<a class="link" href="/">Здесь вам не тут</a>

css

a.link{

background: url("krugok.png") no-repeat; /* путь к изображению */

margin: 0;

padding-left: 20px; /* отступ слева (освобождаем место для картинки) */

}

так?

[bakabek 4]

нет например

.mylink { где прописан стиль , текст, размер , цвет, иконка перед ссылкой }

.mylink a{ color: #333; text-decoration: none;}

ну короче в таком духе)

[WebSet 74]

ну сделайте с помощью таблицы

<table border="0">

 <tr>

  <td class="iconka">

   <img src="/img/ico.png" alt="" />

  </td>

  <td class="megatext">

   <a href="#">Пишем тест, привет.</a>

  </td>

 </tr>

table td{padding:0px;}

.iconka{width:10px; height:10px;}

.megatext{padding-left:5px; color:#2e2e2e; font-size:14px;}

.megatext a{color:#2e2e2e;}

Изменено 19 мая 2011 пользователем WebSet

[Critical Error 155]

дайте код. если это label. то задайте ему нужный класс, и настройте

label {

padding-left: 15px;

background: url(icon.png) no-repeat 0 0;

}