Autor Zpráva
caledon
Profil
Hojte, neví někdo náhodou jestli jde udělat klikací logo, když je ten obrázek definovanej přes CSS? To asi nejde, viďte?
PerToon
Profil
Obrázek definovanej přes CSS? Jako pozadí nějakýho objektu? To nebude tak jednoduchý. A je tak těžký dát ten obrázek přímo do odkazu?
Radek Hrabůvka
Profil
Jde to, dokonce je možné pod obrázek schovat text, aby vyhledávače a ti, co si vypnou obrázky, věděli, o co jde. Je to poměrně běžné, nejznámější příkkad bude asi Interval cz
caledon
Profil
PerToon

nn je to logo, obdelnik nahore na strance...

A je tak těžký dát ten obrázek přímo do odkazu?

tim jako myslis, ze tam napisu:

a {background-image: url(obrazek.jpg);} ??

jestli je to tak jednoduchy tak... tak nevim
caledon
Profil
Radek Hrabůvka

A jak se to udělá? Z kódu nemůžu nic vyčíst
PerToon
Profil
Caledone, ne to právě by nebylo tak jednoduchý.
Já původně špatně pochopil tvůj dotaz. Myslel sem, že právě tohle chceš.
Jinak nevím co na obrázku definuješ v css.
caledon
Profil
PerToon

To sem se špatně vyjádřil... myslel sem že definuju body a v tom mám zadanej ten obrázek jako logo... a ted potrebuju aby se ten obrázek choval jako odkaz
PerToon
Profil
Napiš sem radši odkaz na stránku, nebo inkriminovaný kód.
caledon
Profil
/* CSS Document */
body {background-image: url(logo.jpg); background-repeat: no-repeat; background-position: center top;}

v HTML nic neni, zatim...
PerToon
Profil
Tak to klikací podle mě nepůjde.
caledon
Profil
Taky si myslim... kazdopadne vam dekuju...
bojars
Profil
jestli jde udělat klikací logo, když je ten obrázek definovanej přes CSS

Aký to má praktický význam? Nie je logickejšie urobiť ako klikacie logo obrázok?

Ono by to teoreticky mohlo byť urobené takto:

CSS:
#logo {background-image: url(logo.jpg); background-repeat: no-repeat; background-position: center; width: XXpx; height: XXpx;}

HTML:
<div><a href="#"><div id="logo">&nbsp;</div></a></div>

Nikdy ma to nenapadlo skúšať, ale aj keď by to fungovalo je to riadna prasárna...
Radek Hrabůvka
Profil
styl:
#top a {
display: block;
text-decoration: none;
width: 200px;
height: 50px;
background: url(images/logo.png);
}

html:
<div id=top>
<a href="index.html">&nbsp;</a>
</div>
Timy
Profil
bojars
<div><a href="#"><div id="logo">&nbsp;</div></a></div> -- taky se mi to nechce zkoušet, ale imho to nepůjde v MSIE

Radek Hrabůvka
nechybí tam ještě display:block?
Radek Hrabůvka
Profil
Timy Ano, díky za upozornění, doplnil jsem.
bojars
Profil
nechybí tam ještě display:block?

Timy minule ma tu niekto poučil, že <div> je blokový element, takže vraj netreba.(?)
Radek Hrabůvka
Profil
bojars Jasně, div je blokový element, ale z odkazu "a" je třeba udělat block, aby to braly všechny prohlížeče.
centi
Profil
bojars
minule ma tu niekto poučil, že <div> je blokový element, takže vraj netreba.(?)
To áno, ale blokový element (div) nesmie byť v elemente riadkovom (a).
Toto téma je uzamčeno. Odpověď nelze zaslat.

0