css header

Programovacie jazyky, rady, poradňa...
eror
Medium Star
Medium Star
Príspevky: 457
Registrovaný: 16 nov 2008, 14:19
Bydlisko: GA

css header

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

Kód: Vybrať všetko

#header {
        background: url("images/header.png");
        height: 350px;
        width: 55px;
}
a v indexe

Kód: Vybrať všetko

<div id="header"></div>
Mi to zobrazí obyčajný obrázok... Ako spraviť že keď na header prejdem s myškou tak sa zmení obr. na header2.png?
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: css header

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

eror:
Toto odstráň background: url("images/header.png"); a urob to takto:

Kód: Vybrať všetko

<div id="header"><img src="images/header.png" alt="header" onMouseOver="this.src='images/header2.png';" onMouseOut="this.src='images/header.png';"></div>
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:

Re: css header

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

alebo lepsie je to cez css:

Kód: Vybrať všetko

#header:hover {
        background: url("images/header2.png");
}
A najlepsie si hod obe headre do jedneho spritu.
eror
Medium Star
Medium Star
Príspevky: 457
Registrovaný: 16 nov 2008, 14:19
Bydlisko: GA

Re: css header

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

všetko v poriadku Ďakujem ešte 1 otázka
v css mám

Kód: Vybrať všetko

#textheader {
      padding-left: 48%;
      padding-top: 0px;
}
a
#textheader2 {
      padding-left: 8%;
      padding-top: 0px;
}
a v indexe mám

Kód: Vybrať všetko

<div id="header">
  <div id="textheader">blabla
  </div>
 <div id="textheader2">blabla2
 </div>
</div>
no a to blabla mi dá pekne kam som zadal čize 48% s lava 0px s hora...
a teraz to blabla2 mi zadá pod header dá sa to upraviť nejak tak aby mi to tiež tak pekne hádzalo s lava 8% a s hora 0px?
Dúfam že chápete diky
*****HERO*****
Guru wannabe
Guru wannabe
Používateľov profilový obrázok
Príspevky: 2446
Registrovaný: 08 máj 2006, 1:34

Re: css header

Príspevok od používateľa *****HERO***** »

ved aj ten druhy div ma padding zhora 0, no kedze pred nim uz jeden div mas, tak ten druhy nemoze byt na tej istej urovni ako ten prvy, ale zaradi sa pod neho

div je blokovy element a zabera 100% sirky parent elementu, ci mu nastavis nejaky staticky width alebo padding, nikdy takto 2 divy vedla seba neumiestnis

vygoogli si nieco o box modeli a poziciovani, no v tomto pripade ti bude stacit nastudovat obycajny float http://www.w3schools.com/cssref/pr_class_float.asp
Napísať odpoveď