Autor Zpráva
jiri.free
Profil *
#1 · Zasláno: 1. 4. 2006, 17:13:26
Odpovědět Citovat
potřebuji vysvětli něco ze zdrijáku:

<style type="text/css">

#menu a {
display:block;
width:120px;
margin: 1em 0; padding:1px 0 10px 15px;
font: bold 10px/1 ;
color:black;
background: url("button.gif") 0 0 no-repeat;
text-decoration: none;
}
#menu a:hover {
background-position: -157px 0;
color: #E9BE75;
}
#menu a:active {
background-position: -314px 0;
color:white;
}


span {position:relative; top:1px}
</style>



hlavně to, jak byste vyjádřili to #menu
dále to a, a:hover, a:active. prosím spěchá děkuji
Petra
Profil
#2 · Zasláno: 1. 4. 2006, 17:18:46
Odpovědět Citovat
#menu znamená prvek s id="menu"
a je odkaz
a:hover a a:active jsou pseudotřídy - přejetí myší pře odkaz a aktivace odkazu
Mistr
Profil
#3 · Zasláno: 1. 4. 2006, 17:37:45
Odpovědět Citovat 
#menu a { 

display:block;

width:120px;

margin: 1em 0; padding:1px 0 10px 15px;

font: bold 10px/1 ;

color:black;

background: url("button.gif") 0 0 no-repeat;

text-decoration: none;

} 

#menu a:hover { 

background-position: -157px 0;

color: #E9BE75;

} 

#menu a:active { 

background-position: -314px 0;

color:white;

}
Mistr
Profil
#4 · Zasláno: 1. 4. 2006, 17:38:15
Odpovědět Citovat
Zbytek již vysvětlila Petra.
Mistr
Profil
#5 · Zasláno: 1. 4. 2006, 17:39:43
Odpovědět Citovat
jiri.free
Opět maturita?
jiri.free
Profil *
#6 · Zasláno: 1. 4. 2006, 17:40:31
Odpovědět Citovat
takze to #menu je identifikace prvku????? nebo jak to presneji nazvat????
Timy
Profil
#7 · Zasláno: 1. 4. 2006, 17:43:05
Odpovědět Citovat
není #menu selektor?
Mistr
Profil
#8 · Zasláno: 1. 4. 2006, 17:50:40
Odpovědět Citovat
Vaše spory rozsekne Yuhů: http://www.jakpsatweb.cz/css/css-tridy-class.html#identifikator
Timy
Profil
#9 · Zasláno: 1. 4. 2006, 17:53:56
Odpovědět Citovat
Mistr
Já myslím, že nerozsekl, protože se tam zmiňuje pouze o identifikátoru jakožto atributu id, nikoli o (IMHO) selektoru #menu. Tedy id="clanek" je identifikátor, #clanek je selektor (tedy podle mě, asi to půjdu někde najít :-)).
Timy
Profil
#10 · Zasláno: 1. 4. 2006, 17:54:30
Odpovědět Citovat
Už jsem to našel http://badame.vse.cz/izi218/materialy/x531.html
Mistr
Profil
#11 · Zasláno: 1. 4. 2006, 18:58:44
Odpovědět Citovat
Timy
A co tohle: http://www.jakpsatweb.cz/css/css-vlastnosti-hodnoty-prehled.html#selek tory
Mistr
Profil
#12 · Zasláno: 1. 4. 2006, 19:10:04
Odpovědět Citovat
jiri.free
takze to #menu je identifikace prvku????? nebo jak to presneji nazvat????
Nevím, jak moc odborně to potřebuješ, ale šlo by to nazvat identifikací.
jiri.free
Profil *
#13 · Zasláno: 1. 4. 2006, 19:18:38
Odpovědět Citovat
mam to do maturity
Mistr
Profil
#14 · Zasláno: 1. 4. 2006, 20:57:34
Odpovědět Citovat
jiri.free
mam to do maturity
Já vím, viz výše.
Timy
Profil
#15 · Zasláno: 1. 4. 2006, 21:03:44
Odpovědět Citovat
Mistr
"Nevím, jak moc odborně to potřebuješ, ale šlo by to nazvat identifikací."
Ale vždyť i na tom tvém odkazu je to psáno jako selektor...

selektor {vlastnost: hodnota; vlastnost2: hodnota}
#menu{width:700px; float:left}
jiri.free
Profil *
#16 · Zasláno: 1. 4. 2006, 21:18:26
Odpovědět Citovat
takže je to identifikator nebo selector?
Timy
Profil
#17 · Zasláno: 1. 4. 2006, 21:27:20 · Upravil/a: Timy
Odpovědět Citovat
jiri.free
V HTML je to identifikátor, v CSS selektor. Tedy:

<div id="obsah"> ==> tohle (obsah) je identifikátor.

#obsah {width:700px;margin:auto;} ==> tohle (#obsah) je selektor
#obsah p{padding:5px 20px} ==> tohle celé (#obsah p) je taky selektor

a selektor se dělá například pomocí identifikátorů. Takže celý selektor můžeme symbolicky zapsat jako #identifikátor (#obsah) nebo třeba #identifikátor tag (#obsah p) nebo klidně i .třída (.komentar) atd.
Radek Hrabůvka
Profil
#18 · Zasláno: 1. 4. 2006, 23:23:10 · Upravil/a: Radek Hrabůvka
Odpovědět Citovat
Vzal jsem do ruky chytrou knihu Dynamické HTML, autor Pavel Mikle, první vydání. Budu z ní citovat:
DEKLARACE STYLŮ
Základem deklarace stylů jsou pravidla tvaru:

selektor1[ ,selektor2[ ,....]] {deklarace1[ ;deklarace2[ ;....]] }

kde

selektor je libovolný HTML prvek
deklarace je dvojice vlastnost: hodnota [!important]

Přiznávám, že jsem tomu, so se v knížce o CSS píše nerozuměl a nebyl jsem se to schopný naučit (je dělaná spíš jako referenční příručka, než učebnice), na rozdíl od strának Jak psát web. Mám za to, že selektory jsou dobře vysvětleny na stránce, kterou odkázal Mistr.

Myslím si, že selektor je HTML element, class (třída) a ID (identifikátor).

Mistr Opět maturita? jiri.free pořád zápasí s CSS :-) asi jsme mu to špatně vysvětlili :-)))
Timy
Profil
#19 · Zasláno: 1. 4. 2006, 23:25:28
Odpovědět Citovat
Radek Hrabůvka
"Maslím si, že selektor je HTML element, class (třída) a ID (identifikátor)."
Ještě jsme všichni zapomněli na "vestavěné" selektory jako *{} nebo p+p{}
Mistr
Profil
#20 · Zasláno: 2. 4. 2006, 00:20:47
Odpovědět Citovat
Timy
Ještě jsme všichni zapomněli na "vestavěné" selektory jako *{} nebo p+p{}
To sem teďko netahej, protože jiri.free z toho pak nebude mít guláš, ale spíš prejt nebo haši...
Radek Hrabůvka
Profil
#21 · Zasláno: 3. 4. 2006, 02:07:57
Odpovědět Citovat
Zapoměli jsme taky na pseudotřídy a pseudoelementy. A což teprve hromadné deklarace a kontextové selektory, pěkně hustý guláš pro začátečníka.
jozob
Profil
#22 · Zasláno: 3. 4. 2006, 02:50:13
Odpovědět Citovat
A CSS hacky, implementácia CSS v prehliadačoch, bugy... Haha to by bol guláš, keby mu to všetko začneme vykladať. :-)
Mistr
Profil
#23 · Zasláno: 4. 4. 2006, 12:05:41 · Upravil/a: Mistr
Odpovědět Citovat
jozob
Prostor pro Tvůj Prievan a náš Průvan.
Časová prodleva: 17 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0