икона пред линк

[embaka]

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

.nav_link {
background-image:url(img/o.gif);
text-decoration:none;
color:#6e5843;
font-size:11px;
margin-top:10px;
margin-bottom:10px;
}

a.nav_link:hover {
background-image:url(img/chk.gif);
text-decoration:none;
color:#c9b087;
font-size:11px;
margin-top:10px;
margin-bottom:10px;
}

това е кода за извеждането на линковете

П.П.

printf ("<p class='point'><img src='img/arr.gif'><a class='nav_link' href='view_cat.php?cat=%s'>%s</a></p>",$myrow2["id"],$myrow2["title"]);

 

[emagi]

Пробвай:

.nav_link {
background-image:url(img/o.gif) no-repeat;
text-decoration:none;
color:#6e5843;
font-size:11px;
margin-top:10px;
margin-bottom:10px;
}

a.nav_link:hover {
background-image:url(img/chk.gif) no-repeat;
text-decoration:none;
color:#c9b087;
font-size:11px;
margin-top:10px;
margin-bottom:10px;
}

 

[embaka]

забравих да уточня, че като сложа но-репеат не излиза нищо :? само името на линка

 

[qkonet]

Не разбирам много от това ,но пробвай така

.nav_link { 
background-image:url(img/o.gif); 
text-decoration:one; 
color:#6e5843; 
font-size:11px; 
margin-top:10px; 
margin-bottom:10px; 
} 

a.nav_link:hover { 
background-image:url(img/chk.gif); 
text-decoration:one; 
color:#c9b087; 
font-size:11px; 
margin-top:10px; 
margin-bottom:10px; 
}

 

[embaka]

Не разбирам много от това ,но пробвай така

.nav_link { 
background-image:url(img/o.gif); 
text-decoration:one; 
color:#6e5843; 
font-size:11px; 
margin-top:10px; 
margin-bottom:10px; 
} 

a.nav_link:hover { 
background-image:url(img/chk.gif); 
text-decoration:one; 
color:#c9b087; 
font-size:11px; 
margin-top:10px; 
margin-bottom:10px; 
}

не съществува такова нещо text-decorationne;

 

[qkonet]

Не разбирам много от това ,но пробвай така

.nav_link { 
background-image:url(img/o.gif); 
text-decoration:one; 
color:#6e5843; 
font-size:11px; 
margin-top:10px; 
margin-bottom:10px; 
} 

a.nav_link:hover { 
background-image:url(img/chk.gif); 
text-decoration:one; 
color:#c9b087; 
font-size:11px; 
margin-top:10px; 
margin-bottom:10px; 
}

не съществува такова нещо text-decorationne;

Пак сам се замотал!

 

[emagi]

Пробвай така:

.nav_link {
background:url(img/o.gif) no-repeat;
text-decoration:none;
color:#6e5843;
font-size:11px;
margin-top:10px;
margin-bottom:10px;
}

a.nav_link:hover {
background:url(img/chk.gif) no-repeat;
text-decoration:none;
color:#c9b087;
font-size:11px;
margin-top:10px;
margin-bottom:10px;
}

 

[embaka]

Вие дадохте една точка за support на emagi

ей тва голяма глупост, една дума да сбъркаш и всичко отива на вятъра :?:

 

[DeathGuard_]

Вие дадохте една точка за support на emagi

ей тва голяма глупост, една дума да сбъркаш и всичко отива на вятъра :?:

Ами и аз не ви разбирам дето го слагате това:
background-image
background-color
background... нз си кво
едно background: параметри е достатъчно

 

[shterev]

Вие дадохте една точка за support на emagi

ей тва голяма глупост, една дума да сбъркаш и всичко отива на вятъра :?:

Ами и аз не ви разбирам дето го слагате това:
background-image
background-color
background... нз си кво
едно background: параметри е достатъчно

Ако направиш бекграунда да е динамичен, ще ти трябва background-image , за по-лесно.