Obrázek a odkaz – CSS – Fórum – Programujte.com

Potřeboval bych do css nějak dostat aby se mi automaticky u odkazu zobrazil obrázek/ikona zástupce...
Má představa:
Aktuálně mám napřílad:

<a title="www stránka" target="_blank" href="http://www.neco.cz/">
<img src="img/lnk.gif" width="15" height="10" border="0" alt="">http://www.neco.cz/</a>

Nevím jestli to jde, ale chtěl bych vynechat/přesunout celou část <img src="img/lnk.gif" width="15" height="10" border="0" alt=""> do css, abych mohl mít třeba jen <a class="weblink" ... >http://www.neco.com/</a>

Díky za radu

Martin

zkus tohle:

a.weblink {

  background: url(relativni_cesta_od_souboru_css_k_obrazku) no-repeat right center; /* nebo center right, ted nevim */

  padding: 0 15px 0 0;

}

To Geany: Nemá byť padding takto?

padding: 0 0 0 15px;

a co

padding-left: 15px; 

Moc děkuji, funguje to...
Super...

Odvážně a z jiného soudku :-)

Pánové, nenašel by se dobrovolník?
S Iv@nem se nám podařilo kompletně přeložit nápovědu k programu Total Commander.
Testovací verzi máme na světě :o)

Co mě/nás trápí?
Celou nápovědu jsme dělali v HelpScribble což je sice výtečný program, ale z hlediska "grafiky" toho zas tak moc neumí. Tak jsem se namlsal na prg Help&Manual a po naprosto příšerné práci celou nápovědu do něj naimportoval (190 témat). Pěkně vše přeformátoval a ... posléze nás děsně dožral, protože prg dělá naprosto neočekávané chyby. (staré i nové verze!?!)
Např. po kompilaci do *.chm jsme zjistily, že nám vykuchává části textů,...
občas vytvoří prázdné téma,...
i když jsem zadal kódování utf-8, tak kóduje sám nevím v čem... občas nezobrazí v části nějakého tématu dobře ěščřžý...
děsný brajgl dělají obsažené javascripty (jednou chodí a jednou ne)
...tak jsem poslal program i autora do háje a začal na novo...

Kompletně celou nápovědu přepisuji do podstatně méně zaneřáděného html (pro zajímavost některá témata se po této textosukci zmenšila na 25% původní velikosti...) a cca do konce týdne budu mít asi vše hotovo. Z dekompilovaného *.chm jsem zkopíroval a následně upravil css - který v htm používám (...vytvořil ho program H&M)...
na javascripty jsem se zatím vybodl - těm nerozumím vůbec...
Vše mi zatím, tak nějak chodí, ale s css se moc nekamarádím...

Našla by se dobrá, věci znalá duše, která by věnovala trochu svého času a povrtala se v mém kódu?

css validátor mě hlási ok, ale s asi 30 varováním, kterým teda moc nerozumím... (možná ano - ale byl by to běh na dlouhou trať)

Navíc jsem v nápovědě použil mockrát tag <hr /> a ten si teda dělá naprosto co chce...
(chtěl jsem po něm modrou čáru jeden pixel a té se asi nedočkám :-)

no je toho víc...

Dejte vědět...

a ještě jednou dík za "vršek"

Martin (totcmd)

na hr se vybodni, kreslý pod sebou stín a ted jde těžkou ve všech prohlížečích vypnout, mnohem jednodušší je udělit si 1x1px obrázek.jpg dané barvy a potom dát kód

<img src="obrazek.jpg" width="150" />

To Mautinek:
no pokud jde o IE, FF a Operu, tak hr klidne pouzit s nasledujicim css

hr{

	color: #666666;

	background-color: #666666;

	height: 1px;

	border: none;

	width: 80%;

}

To insider: to máš pak hr "tlusté" 2px že? počítám výšku 1px a stín, atribut noshade myslím v opeře nefunguje...

To Mautinek: ie6,ff2 a opera 9.22 to zobrazuji jako 1px vysokou caru, na http://www.vitdlouhy.cz/clanky/stylovani-hr.php dole je i nejaka vysvetlivka :)

To insider: ok díky;-)
OT: Koukám, že taky sledujš The IT Crowd :-)

To Mautinek: uz sem dosledoval, cekam na dalsi serii, tu prvni uz sem videl tolikrat, ze znova se na to podivam az za mesic :D

To insider: nj, já to taky už viděl 2x a čekám na nové díly :))

Taky jsem začala používat aplikaci Help&Manual, problém mám takový, že po kompilace do formátu *.chm se mi pitvoří některé české znaky např. Nemáte plz s tím zkušenost, jak to řešit? díky