Autor Zpráva
starburst
Profil
#1 · Zasláno: 20. 3. 2007, 12:22:52 · Upravil/a: starburst
Odpovědět Citovat
kdyz bych chtěl mit odkaz a u něj obrázek kterej není jako odkaz ale proste stojí vedle toho odkazu a kdyz se prejede prez odkaz tak se ten obrazek zmeni...to sem resil jinde ale jak by se to dalo napsat do externiho css souboru jako styl odkazu? abych pak jenom napsal jako treba 

<h1 align="left"><a href="cesta.php">něco</a></h1>


a ono to vědelo jako že ten okdaz má být třeba černý a podtržený (což umím)
něco jako toto: 


a:link

	{

		color: black;text-decoration: underline

	}



a:visited

	{

		color: dark blue

	}



a:hover	

	{

		text-decoration: none !important

	}



h1

	{

		font size:+4;

		font-family: times new roman;

	}


a má vedle něj být ten měnící se obrázek abych to nemusel ke každému odkazu vypisovat a pak když bych ho chtel změnit tak bych se z toho posral?

jak by měl vypadat ten zápis?
Dlouhán
Profil *
#2 · Zasláno: 20. 3. 2007, 13:32:21
Odpovědět Citovat
Máš tam několik drobných chyb.

h1 a:link {
font size:+4;
font-family: "times new roman", serif;
color: black;
text-decoration: underline;
}

h1 a:viseted {
color: darkblue;
}

h1 a:hover {
text-decoration: none;
}
Dlouhán
Profil *
#3 · Zasláno: 20. 3. 2007, 13:35:20
Odpovědět Citovat
Ještě oprava, v CSS je font size:+4; nesmysl, použij třeba 140%, nebo 1.4em.
Railbot
Profil
#4 · Zasláno: 20. 3. 2007, 13:36:22
Odpovědět Citovat
použij třeba 140%, nebo 1.4em.
Až na detail, že to je pokaždé jiná velikost.
Joker
Profil
#5 · Zasláno: 20. 3. 2007, 13:38:41 · Upravil/a: Joker
Odpovědět Citovat
Leda Javascriptem.

Prostředky na stylování obrázku následujícího hned za odkazem sice existují:
a + img { ... }
a:hover + img { ... }

nicméně nefunguje to v IE6. A taky se v CSS blbě mění zdroj toho obrázku (resp. to nejde a musí se to nějak obejít)

Ale změna toho obrázku by nemusela být tak tragická, prostě by se přepsal příslušný soubor :-)
(edit: myšleno mám třeba obrázek.jpg a nový_obrázek.jpg, tak ho nahraju na web jako obrázek.jpg a je přepsáno :-) Trochu nevýhoda je, že u některých návštěvníků se to může projevit až později, pokud mají obrázek uložený v cache)
Krom toho, i když se obrázek bude jmenovat jinak, proč to jako otrok všude přepisovat, když snad každý textový editor má funkci "Nahradit"?
Dlouhán
Profil *
#6 · Zasláno: 20. 3. 2007, 14:21:29
Odpovědět Citovat
použij třeba 140%, nebo 1.4em.
Až na detail, že to je pokaždé jiná velikost.
Pokaždé, to snad ne. Jenom IE se přo zvětšování / zmenšování písma chová divně, jinak je to na chlup stejná velikost.
starburst
Profil
#7 · Zasláno: 20. 3. 2007, 14:43:37
Odpovědět Citovat
to JOKER:
jo to je pravda...ale ja sem tady pred par dnama řešil jak se dá udělat změna stylu a poslali mi odkaz jak změnit css styl a kdyz bych chtel zmenit pri tom stylu i ten obrazek tak by to jinak neslo nez dat vsechny stranky novy a to uz nemusim delat zmenu css ale rovnou novy stranky ve dvou a vice verzich...proto sem to potreboval nacpat do toho css jako ze kdyz mam napriklad hrusku u odkazu a kliknu na zmenit styl tak u odkazu bude jabko...nebo tak... tak jak by se to teda dalo udelat?
peta
Profil
#8 · Zasláno: 20. 3. 2007, 20:48:24
Odpovědět Citovat
starburst
jakpsatweb - zdokonaleni odkazu
jakpsatweb - CSS - list-style
jakpsatweb - CSS - (text-indent / padding-left ) + background:url()

starburst
"jak se dá udělat změna stylu"
http://www.volny.cz/peter.mlich/
zobrazit zdrojovy kod - JS + JS cookies (cookies, aby si zmenu pamatoval, jinak nemusi)

"kdyz bych chtel zmenit pri tom stylu i ten obrazek"
jakpsatweb - javascript - IMG[cislo].scr=""
jakpsatweb - CSS - background:url() (pokud ten obrazek das jako pozadi nejakeho prvku, treba DIV/BODY a pod)

"ze kdyz mam napriklad hrusku u odkazu a kliknu na zmenit styl tak u odkazu bude jabko"
jakpsatweb - zdokonaleni odkazu
jakpsatweb - CSS - list-style
jakpsatweb - CSS - (text-indent / padding-left ) + background:url()
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0