neco z CSS ... navigacny panel

Programovacie jazyky, rady, poradňa...
dziba5
Novice
Novice
Príspevky: 8
Registrovaný: 04 jan 2009, 21:30

neco z CSS ... navigacny panel

Príspevok od používateľa dziba5 »

Počujte mam taku malu chybicku no mozno je to pekne tazka chyba ... ale uz viem ze to cssko je svina, vcera som sa cely den bavkal z jednou smiesnou vecou. Mam v teme spravene to #altlinkler. No potrebujem aby ked prejdem misou na menu tak sa zmeni ten background image. No a ja cem aby v tom image som mal svoju farbu napriklad v mojom pripad eje to biely backdround image a cem tam zeleny text lenze on je furt biely.


Prikladam zdrojak toho menu v CSS:

Kód: Vybrať všetko

/*alt linkler için*/
#altlinkler{
	margin: 0px auto;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	height:29px;
	float:left;
	background-image:url(images/nav-bg.png);
	background-repeat:repeat-x;
	background-position:top left;
	width:100%;
}

#altlinkler ul,
#altlinkler li{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#altlinkler ul{
	height:29px;
	line-height:29px; 
	background-image:url(images/nav-bg.png);
	background-position:right;
	background-repeat:no-repeat;
	float:left;
	padding:0px 1px 0px 0px;
	margin:0px 0px 0px 10px;
}

#altlinkler li{
	height:29px;
	line-height:29px;
	display:inline;
	position:relative; 
	float:left; 
	width:100px; 
	text-align:center;
}

#altlinkler li a{
	height:29px;
	width:100px;
	text-align:center;
	float:left;
	background-image:url(images/nav-bg.png);
	background-position:left;
	background-repeat:no-repeat;
}


#altlinkler li a:link,
#altlinkler li a:visited{
color:#dddddd;
text-decoration:none;
}

#altlinkler li.active a,
#altlinkler li a:hover{
background-image:url(images/nav-up.png);
text-decoration:none;
background-repeat:repeat-y;
background-position:left; 
NÁHĽAD: je v prilohe ako screen
ja cem aby v tom bielom image bol ten text zeleny.
Prílohy
NÁHĽAD:
NÁHĽAD:
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

V tom css nikde nemáš nadefinované, aby to malo zelenú farbu (takže nie je prekvapujúce, že ten text zelený nie je). :)

Skús pridať color do #altlinkler li.active a, #altlinkler li a:hover.
dziba5
Novice
Novice
Príspevky: 8
Registrovaný: 04 jan 2009, 21:30

Príspevok od používateľa dziba5 »

skušal som to tam pridať ale ked som na to menu prešiel mišou tak v tom bielom obrazku sa zjavil zeleni text a za chylu zmizol a bol zasa biely jako je aj na screene
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Neverím. :)
Urob html súbor s tým menu, pridaj tam všetky potrebné súbory... a uploadni to sem (môžeš napr vo FF uložiť ten html kód a zbaliť to pomocou WinZip...). ;)
dziba5
Novice
Novice
Príspevky: 8
Registrovaný: 04 jan 2009, 21:30

Príspevok od používateľa dziba5 »

chrono napísal:Neverím. :)
Urob html súbor s tým menu, pridaj tam všetky potrebné súbory... a uploadni to sem (môžeš napr vo FF uložiť ten html kód a zbaliť to pomocou WinZip...). ;)
je to obrovsky subor veci co je na tom webe a samo to nebdue fungovat leboo je to phpecko ktore funguje cez mysql. mozem ti dat web ale musim ho odblokovať takže zajtra rano to tu dám
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Keď uložíš html kód, tak na zobrazenie toho menu to php súbory nebude potrebovať (môžeš odtiaľ vymazať všetko, čo nesúvisí s tým menu; teda zbytočný html kód, obrázky...).
dziba5
Novice
Novice
Príspevky: 8
Registrovaný: 04 jan 2009, 21:30

Príspevok od používateľa dziba5 »

nejde mi to ... ukazem ti to na webe lebo mne to nejde do html
awtt
Medium Professional
Medium Professional
Používateľov profilový obrázok
Príspevky: 1234
Registrovaný: 01 nov 2006, 19:37
Bydlisko: San Francisco
Kontaktovať používateľa:

Príspevok od používateľa awtt »

toto si tam pridaj k tomu a:hover..

color:#009900;

a k #altlinkler li a
by som este pridal vlastnost

display:block;
dziba5
Novice
Novice
Príspevky: 8
Registrovaný: 04 jan 2009, 21:30

Príspevok od používateľa dziba5 »

u som to opravil bolo to v jednom javascripte :D mozte to locknut
Napísať odpoveď