CSS zamolba

[silence]

jel mi vi CSS gurui možete samo bacit pogled na menu koji sam napravio u CSS i dat svoje mišljenje?

nakon kaj sam pročitao da SP2 ne dozvoljava one JS roll-overe nije bilo druge nego primit se posla, a pošto naravno znate kolko sam do sada kukao oko CSSa nije bilo baš jednostavno...

uglavnom, postigao sam ono što sam htio i volio bih čuti vaše mišljenje dal treba kaj mjenjat.
inače, ak je sve ok, ovo je jedno 10000 puta bolje nego faking JS roll over....da ne spominjem kolko sam mrzio radit svaki gumbić posebno


eto....
www.spirit.hr/css

[che.UP]

misljenje na vizualni dio ili na tehnicki?:)

vizualno mi se ne svidja rolover boja i izgled ovih tocaka koje glume unordered listu.

tehnicki... za dobit ovakav izgled nisu ti potrebni gifovi s tockama - istu stvar mozes dobiti sa unordered listama (<ul> tagovi), i automatski ti je jos lakse to sve hendlat....
super stvar je sta te liste stvarno mozes super izmanipulirati, a dobar clanak o tome imas tu - http://alistapart.com/articles/taminglists/

druga "greska" je sto koristis paragraf tamo di mu nije mjesto (za oznacavanje ovih sekcija u meniju)

edit: i ne treba ti ovaj container div vanjski. sirinu mozes dodjelit na .buttons i imas istu stvar sa manje koda :)

[silence]

thnx.
vizualni je samo zato kaj su mi te boje bile ostale u Photoshopu
zanimao me tahnički dio.

trčim pogledat.
idem vidit kaj se sve može.

ok, kaj umjesto <p> taga? ništa?


EDIT:: hehe, poslušo sam te...doviđđenja <p>
idemo dalje


punoooooo fala.......


BTW::: točka je zato kaj mi je to bilo najlakše nacrtat ...na onom kaj radimo će biti nekaj sasvim drugo.....ovo je bilo čisto nekaj da se ubacim u CSS i ne koristim JS roll over i da vidim princip rada....
web bi trebo dobrim dijelom bit gotov uskoro, za sada je menu u CSSu, još uvijek nas muči prelazak s tablica na full CSS, ali eto napradujemo ))

[che.UP]

np, glad to help :)

[maxy]

mozes si smanjiti velicinu koda ako napravis slijedece:


umjesto:

Code:

.buttons a:hover { height: 20 px; background-image: url(2.gif); background-repeat: no-repeat; background-color: #EEDEF8; padding-left: 10px; display: block; font: 12px Arial, sans-serif; font-weight: bold; text-decoration: none; color: #000000; line-height: 20px;

Code:

.buttons a:hover { height: 20 px; background: url(2.gif) no-repeat; background-color: #EEDEF8; padding-left: 10px; display: block; font: 12px Arial, sans-serif; font-weight: bold; text-decoration: none; color: #000000; line-height: 20px;

i ako vec koristis iste boje i sirine za ljevo, desno, gore dolje za bordere onda bi ti bilo bolje stavit:

border: 1px solid #boja

i imas viticastu zagradu viska na kraju. eto, to je to

[_butch]

probaj koristiti <ol> i <li> tagove za meni. mogao bi dobiti malo bolju rasporedjenost elemenata.
Drop-Down Menus, Horizontal Style @ A List Apart. Good stuff, po ovom si mozes napraviti kewl meni no JS included..

[che.UP]

@ maxy: uuu jesi optimiziro :P mogo si onda primjetit da u svakoj klasi ima definiran font i size, etc a to se moze isto smanjit ako se definira za sve (a svugdje je isti pa se moze)

:)

[silence]

ok, ok...već je promjenjeno dosta.
ajmo polako.

ma koristio sam nešto od starog CSS kaj sam imao (by DreamWeaver) + par linkova koje sam pokupio tu na mi3.

uglavnom to za border je djelomično bilo popravljeno još kod prvih izmjena, ali sad idem dalje.
ovo mi je busy day, em radim u CSS, em sam konačno instalirao PHP5, em moram dodat podršku za .gif u upload kod....ima se kaj radit.....


btw....očekujte ukoro novu seriju pitanja kad se konačno odlučimo prestat radit s tabelama....
za sad imam posla i preko glave (još da je tolko para.....)


@maxy : a kvragu, kad još ne znam kaj sve mogu strpat u jedan red....sretan sam kaj uopće radi....

[maxy]

che.UP wrote:

@ maxy: uuu jesi optimiziro mogo si onda primjetit da u svakoj klasi ima definiran font i size, etc a to se moze isto smanjit ako se definira za sve (a svugdje je isti pa se moze)

a jebiga, pa necemo sad optimizirat sve do yaya
za pocetak dosta

[keye]

bytheway kad ste vec kod optimizacije:
zasto td i table ne prihvacaju font koji sam definirala u body nego svaki put moram ponovo??

ps. I hate tables

[stipsa]

keye wrote:

ps. I hate tables

stop using them

[silence]

keye wrote:

bytheway kad ste vec kod optimizacije: zasto td i table ne prihvacaju font koji sam definirala u body nego svaki put moram ponovo?? ps. I hate tables

heh. do sad sam koristio tabele only (CSS samo za font, razmake i slično, dotjerivanje, moglo bi se reći), uglavnom dovoljno je u <table> odredit to. unutar tabele prihvaća. e sad...zašto neće od <body>.....

[keye]

stipsa wrote:

keye wrote: ps. I hate tables stop using them

bas me zanima sta ti upotrebljavas kad imas bazu podataka sa 8 kolona i 300 linija

[keye]

silence wrote:

uglavnom dovoljno je u <table> odredit to. unutar tabele prihvaća. e sad...zašto neće od <body>.....

a ja odredjivala za td

[silence]

ma i ja sam radio svašta.....ali trebalo bi prihvatiti s <table>

[stipsa]

keye wrote:

stipsa wrote: keye wrote: ps. I hate tables stop using them bas me zanima sta ti upotrebljavas kad imas bazu podataka sa 8 kolona i 300 linija

tables... but I don't hate them

[keye]

[maxy]

mislim da bi ti trebalo prihvatiti za tablice ako definiras font ovak:

body, html {
font-face...dalje znas sama
}

[keye]

ah sta i html mogu definirati??? wow!

e bas ti fala!

[maxy]

ispravak:

* {
font-face: Arial;
}

to bi trebalo dostajati da svaki font bude arial

[keye]

ueeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee!!!!

[retro_one]

maxy wrote:

ispravak: * { font-face: Arial; } to bi trebalo dostajati da svaki font bude arial

da...ali kad tako definiras stil...on ima privilegiju nad svim stilovima...znaci ako definiras

Code:

* { font-face: Arial; }

i onda poslije imas

Code:

h1 { font-face: Georgia; }

h1 ce imati font arial iako je definiran posebno za tu klasu da je font Gerogia. Ovo se nece desiti u Mozilli, ali u IE-u oce

[keye]

dobro je i to znati!
a meni bas treba jedan koji ce imati privilegiju nad svima !

[maxy]

retro_one wrote:

<snip>

pa poanta je da svi fontovi budu istog tipa

[retro_one]

da..ok
ja sam jednom utrpao u to hrpu atributa...pa sam se cudio zasto su mi svi fontovi iste velicine i boje