CSS Problem @ Slo-Tech

Forum » Izdelava spletišč »
CSS Problem

CSS Problem

Maverick33 :: 28. sep 2009, 18:03

Mam nek problem in sicer ne znam ga rešit :S

Gre se za zadevo "rollover button" to se, da nardit s css pa mi dela neke probleme, ker bi rad mel menu pa potem, ko se uporabnik zapelje z miško čez gumb, da se na gumbu pokaže nek oblaček samo ta oblaček more biti za gumbom če gledamo layerje ne sanja se mi kako to nardit ma kdo idejo?

Gost :: 28. sep 2009, 18:20

Poglej si kak primer CSS menija z neta.
V glavnem definiraš:

a,
a:link,
a:visited {
   background-color: #ffffff;
}

a:hover {
   background-image: url(slike/ozadje.gif);
   background-repeat: no-repeat;
   /* in tako dalje */
}

Maverick33 :: 28. sep 2009, 18:23

Ja samo men je problem v tem, ker ne gre za pobarvani text ampak za to, da ko daš miško gor pride gor slika, če pa dam to sliko se pa texta več ne vid kako bi pustu text v ospredju?

Gost :: 28. sep 2009, 18:24

z-index je kontrola po globini (z osi), ampak raje drugače reši.

Maverick33 :: 28. sep 2009, 18:29

Ja kako?

Gost :: 28. sep 2009, 18:32

Nimam pojma. Hehe. Pokazati bo treba kodo.

JayKay :: 28. sep 2009, 18:37

mootols

HardFu :: 28. sep 2009, 21:39

Zadevi se rece tooltip, malce pogooglaj, sem nasel tole, mogoce je to to http://psacake.com/web/jl.asp

http://codeable.io

urosz :: 28. sep 2009, 22:22

ne bi bilo z javascript 3x lažje?

JayKay :: 28. sep 2009, 22:25

evo ti z javascript

Gost :: 29. sep 2009, 00:25

Aja, tooltip ti potrebuješ. Se opravičujem, ker ne berem natančneje in nekaj bluzim s CSS-om.

Lahko uporabiš tudi enega izmed jquery-jevih pluginov:
http://bassistance.de/jquery-plugins/jq...

HardFu :: 29. sep 2009, 00:51

uzizek: in zakaj bi sploh uporabljal javascript za tako trivialen problem?

http://codeable.io

Maverick33 :: 29. sep 2009, 14:19

Kaj pa, da bi jz to s flashem realiziru?
Me zanima flash kaj upočasni stran danes se mi zdi, da se to več ne pozna tako zelo... oz. če uporabnik nebi imel flasha bi mu linki pa vse delal samo ta hover se mu nebi prikazoval al mu sploh ceu menu nebi delu?

Major :: 29. sep 2009, 14:32

Flash ni dobra izbira zaradi laga. Kolikor je meni iz slike razvidno, je to kot je HardPhuck rekel, zelo trivialen problem.

Maverick33 :: 29. sep 2009, 14:57

Trivialen = nepomemben v SSKJ verjetno pa sta vidva mislila kaj drugega?

Maverick33 :: 29. sep 2009, 16:54

http://ms-tech.si/TEST/Test.html

Kako zdej to dobim v inline? sem probu s tem ukazom pa ni šlo

CSS:
  #Domov
  {
    display: block; //kle sem probu inline pa noce pol nc pokazat!
    width: 88px;
    height: 35px;
    background: url("Domov.gif") no-repeat 0 0;

  }

  #Domov:hover
  { 
    background: url("HDomov.gif") no-repeat 0 0;
  }


  #Novice
  {
    display: block;
    width: 88px;
    height: 35px;
    background: url("Novice.gif") no-repeat 0 0;

  }

  #Novice:hover
  { 
    background: url("HNovice.gif") no-repeat 0 0;
  }

http://ms-tech.si/TEST/Test.html

Zgodovina sprememb…

spremenil: Maverick33 (29. sep 2009 ob 17:39)

Major :: 29. sep 2009, 18:39

Boš moral še HTML prilepit, ker jasnoviden še nisem :)

JayKay :: 29. sep 2009, 18:49

daj vse v

<ul> </ul>

in pol po potrebi še vsaki link v

<li> </li>

ter seveda na novo napiši css.

Zgodovina sprememb…

spremenil: JayKay (29. sep 2009 ob 18:50)

Maverick33 :: 29. sep 2009, 18:58

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <link rel="stylesheet" href="style.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>




<a id="Domov" href="http://www.sportmania.si" ></a>
<a id="Novice" href="http://www.sportmania.si/Novice" ></a>
<a id="Forum" href="http://www.sportmania.si/forum" ></a>
<a id="Info" href="http://www.sportmania.si/Info" ></a>
<a id="Kontakt" href="http://www.sportmania.si/Kontakt" ></a>

</body>
</html>

Kaj mislš s tem na novo CSS?

Zgodovina sprememb…

spremenil: Maverick33 (29. sep 2009 ob 18:58)

Major :: 29. sep 2009, 19:08

Kot je že JayKay napisal, je uveljavljen standard navigacijo pisati v unordered list. S tem boš pridobil dodaten container, ki ga potrebuješ. List elementom določi črni gradientni background, anchorjem pa na :hover dodaj željeni modri background. Seveda boš moral temu primerno prilagoditi css.

P.S.: uporabljaj float in .png za gradientne prelive.

Zgodovina sprememb…

spremenil: Major (29. sep 2009 ob 19:12)

Maverick33 :: 30. sep 2009, 17:31

Hmm lah kakšen namig (primer kode)? Ker nevem al se nismo razumeli al pa jz ne zastopm jz hočm met menu, da je horizontalno se prav iz leve proti desni ne pa v seznamu kot vi mislte vertikalno navzdol to je že zdej kot se vid na linku pa tega nočm?

KODA=?

Major :: 30. sep 2009, 17:41

Govorimo o horizontalnem meniju, seveda.
HTML:

<ul>
    <li><a href="#" title="">Link 1</a></li>
    <li><a href="#" title="">Link 2</a></li>
    <li><a href="#" title="">Link 2</a></li>
</ul>

IT Developer & Photography enthusiast.

Maverick33 :: 30. sep 2009, 17:43

Rezultat!

Major :: 30. sep 2009, 17:53

Hehe, boš moral css popravit, da dobš dobil željen rezultat. Kot prvo nastavi list-style na none, floataj list elemente, jim nastavi background itd.

IT Developer & Photography enthusiast.

JayKay :: 30. sep 2009, 19:24

evo zelo na hitro narejeno:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
li {
	display: inline;
	float: left;
	list-style-type: none;
}
#domov {
	background-image: url(Domov.gif);
	height: 33px;
	width: 88px;
}

#domov:hover {
	background-image: url(HDomov.gif);
}

-->
</style>
</head>

<body>
<ul>
<li id="domov"><a href="http://www.sportmania.si"></a></li>
<li id="domov"><a href="http://www.sportmania.si"></a></li>
<li id="domov"><a href="http://www.sportmania.si"></a></li>
<li id="domov"><a href="http://www.sportmania.si"></a></li>
</ul>
</body>
</html>

Maverick33 :: 1. okt 2009, 13:51

Hvala lepa vsem.
DELA

Samo še neki kako zdej link nardim? Ker ni povezave nikamor?

Zgodovina sprememb…

spremenil: Maverick33 (1. okt 2009 ob 14:26)

JayKay :: 1. okt 2009, 19:19

http://www.sportmania.si zamenjaj s tistim kar hočeš met

Maverick33 :: 1. okt 2009, 20:14

Sej v tem je problem sploh ne morm kliknt gor ni linka nevem a morm v hover posebi dat al kaj je fora nej bi to funkcioniral ko je v html pa ni nič?

Zgodovina sprememb…

spremenil: Maverick33 (1. okt 2009 ob 20:14)

bluefish :: 1. okt 2009, 20:16

Saj nekaj slovnice ne bi škodilo, da te kdo sploh zastopi.

Kaj si nastavil namesto sportmania?

JayKay :: 1. okt 2009, 21:01

a tag znotraj li ne dela, ne da se mi danes več sem predolgo že pisal. naj nekdo prosim popravi

Maverick33 :: 2. okt 2009, 22:44

Nič nisem nastavil samo pognal sem zadevo pa dam miško gor pa se ne pokaže (cursor = roka) za link ali kaj klikam lahko po vsem pa ne bo delal prej je pa delalo (preden sem uporabil kodo JayKay).

Vredno ogleda ...

	Tema	Sporočila	Ogledi	Zadnje sporočilo
	Tema	Sporočila	Ogledi	Zadnje sporočilo
!	Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 ) Tody Oddelek: Izdelava spletišč	1297	331065 (55214)	htmltroubles 27. feb 2021 23:15:17
»	Prikaz strani na različni resoluciji-Joomla jugostyle Oddelek: Izdelava spletišč	15	1811 (1539)	kr?en 26. jun 2014 18:57:18
»	poravnava li elementov boss-tech Oddelek: Izdelava spletišč	8	1984 (1849)	boss-tech 1. okt 2012 08:19:03
»	CSS problemi (strani: 1 2 ) Tody Oddelek: Izdelava spletišč	51	9335 (7134)	nuuush 20. mar 2010 18:15:37
»	[CSS]Pozicioniranje footer diva amaze646 Oddelek: Izdelava spletišč	6	2293 (2240)	amaze646 2. dec 2009 22:26:32

Več podobnih tem

Forum » Izdelava spletišč » CSS Problem

CSS Problem

CSS Problem

Maverick33 :: 28. sep 2009, 18:03

Gost :: 28. sep 2009, 18:20

Maverick33 :: 28. sep 2009, 18:23

Gost :: 28. sep 2009, 18:24

Maverick33 :: 28. sep 2009, 18:29

Gost :: 28. sep 2009, 18:32

JayKay :: 28. sep 2009, 18:37

HardFu :: 28. sep 2009, 21:39

urosz :: 28. sep 2009, 22:22

JayKay :: 28. sep 2009, 22:25

Gost :: 29. sep 2009, 00:25

HardFu :: 29. sep 2009, 00:51

Maverick33 :: 29. sep 2009, 14:19

Major :: 29. sep 2009, 14:32

Maverick33 :: 29. sep 2009, 14:57

Maverick33 :: 29. sep 2009, 16:54

Major :: 29. sep 2009, 18:39

JayKay :: 29. sep 2009, 18:49

Maverick33 :: 29. sep 2009, 18:58

Major :: 29. sep 2009, 19:08

Maverick33 :: 30. sep 2009, 17:31

Major :: 30. sep 2009, 17:41

Maverick33 :: 30. sep 2009, 17:43

Major :: 30. sep 2009, 17:53

JayKay :: 30. sep 2009, 19:24

Maverick33 :: 1. okt 2009, 13:51

JayKay :: 1. okt 2009, 19:19

Maverick33 :: 1. okt 2009, 20:14

bluefish :: 1. okt 2009, 20:16

JayKay :: 1. okt 2009, 21:01

Maverick33 :: 2. okt 2009, 22:44

Vredno ogleda ...

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )

CSS problemi (strani: 1 2 )

Forum » Izdelava spletišč »
CSS Problem