Autor Zpráva
Dokola
Profil *
měnící se background pod odkazem se změnou pozice je dobrá vychytávka (poklona Piximu - nebo Pixymu? :))

moje idea byla následovná: jako odkaz by se umístil místo textu průhledný obrázek, který by vymezil nějakou plochu

<img src="px.gif" alt="" width="94" height="72" border="0">

na tenhle odkaz by směřoval CSS s měnícím se backgroundem. A tak by se vlastně vyměnoval obrázek podobně jako jsem to dřív dělal javascriptem

jenže buď něco dělám blbě a nebo to nejde.

Výsledek je ten, že mi to sice funguje, ale z backgroundu tam je jen úzký proužek cca o výšce písma. I když ten obrázek px.gif vymezuje celou plochu.


S CSS začínám a zatím se mi líbí :) doufám, že myšlenka je průchozí jen já jsem blbej

Dík

Radek
Anonymní
Profil *
jas ev tom mopc nevyznam,ale mas nastevyno opakovani pozadi v o bou smerech (radky / sloupce)
peta
Profil *
Dokola
Neni mi uplne jasne, co chces dosahnout. vymena obrazku pomoci background-position?
Jakpsatweb - prvky stranek, odkazy, odkaz Zdokonaleni odkazu

mozna ti pomuze prehled pouzivanych vlastnosti
http://peter-mlich.wz.cz/x/ww/css/css.htm
Šlaha
Profil
HTML:
<div class="obrazek"><a href=""> </a></div>

CSS:
.obrazek a{display:block; width:200px;height:200px;background: (obrazek.gif) no-repeat top;}

.obrazek a:hover {background-position bottom;}



Ten odkaz tam je kvůli Internet Exploreru, mohl by to vyřešit behavior, hledej hover.htc
Timy
Profil
peta
mozna ti pomuze prehled pouzivanych vlastnosti
maximálně do hrobu.

"line-height inline - vyska (* font-size)" -- hned je mi jasné, k čemu to slouží
"min-height blok - maxvyska (mozilla)" -- to jsem nevěděl, že anglicky "min" se česky řekne "max"
"position pozicovani" -- opět je mi zcela jasné, jak něco napozicovat
"font-weight text - tluste" -- tlusté písmo, hmm, a kde je třeba ta definice "tlustého" písma?
"list-style seznam UL LI" -- noooooo... a?

Vskutku zajímavý a rozhodně nevšední i když místy nesmyslný a zcela nepoužitelný přehled css vlastností.

Dokola
Pokud nepohrdneš obyčejným, ale za to praktickým přehledem css, tak hledej tady http://www.jakpsatweb.cz/css/

Jinak to co chceš udělat (jestli jsem tě dobře pochopil), najdeš třeba tady: http://css.interval.cz/clanky/vertikalni-obrazkove-menu/
dokola
Profil *
Díky

Šahal, to je ono, block - to jsem nevěděl, musím to nastudovat, díky

to Peta- právě ze stránek jakpsatweb mam tu výměnu obrázku pomocí pozadí a líbila se mi ta elegantnost, jen jsem to pak překombinoval :)
jinak tady....
http://wellstyled.com/css-nopreload-rollovers.html

Všem díky za snahu, jdu se v tom vrtat :) To víte už jsem starší pán a začínám s tím...
dokola
Profil *
jo a jeste pro Peta

tvoje stranky jsou dost nefunkcni aspon mi to pise skoro porad error440 ;-)
peta
Profil *
Timy opraveno
Jinak ti pripada prehlednejsi seznam vseho?
Kdyz chudak sotva zna par veci...
http://peter-mlich.wz.cz/x/ww/css/css1.htm
Jde o to, ze mam rozdelene veci podle druhu.
Si myslim, ze pro cloveka, ktery o tom nic nevi, je dobre, kdyz ma par vlastnosti rozdelenych podle toho, co ovlivnuji - text, pozadi, ...
To mne treba docela stve na jakpsatweb, ze ten seznam je podle abecedy, ale jinak v celku tezko pouzitelny, kdyz nevis, ze whitespace souvisi s textem.

dokola Ja sem nerek, ze je to funkcni :) Tam slo o ten seznam, nic vic tam neni. Bylo v planu to dopsat, ale resim uplne jine problemy. Takze, az mi bude behat gameska a zbyde cas, tak to nejak doplnim jako jakpsatweb a tvorbawebu.
dokola
Profil *
Tak sjem zpet, budu to muset vymyslet jinak. S tím blockem jsem se radoval předčasně, protože mi to chodí jen v IE, ale už jsem na dobré cestě.
peta
Profil *
Jakpsatweb - prvky stranek, odkazy, odkaz Zdokonaleni odkazu
Timy
Profil
dokola
takhle se špatně radí, zkus hodit link na stránku
Toto téma je uzamčeno. Odpověď nelze zaslat.

0