View previous topic :: View next topic |
Author |
Message |
[ch3wie]
Joined: 22 Sep 2003 Posts: 145 Location: -| centar paznje |-
|
Posted: 17.12.2004 13:53 Post subject: css menu problemi |
|
|
Pogledao sam CSS tutorial za izradu horizontalnog menija od retro-a.
I kod njega u tutorial postoji jedna stvar koju nikako ne mogu rjesiti.
Ako pogledate ima razmak izmedju svakog linka. Kako se rijesiti toga razmaka?
I josh pitanje vezano bas za kod jedan.
Linkovi mi trebaju imat s gornje i donje strane solid border, prvi bi trebao imat s lijeve
strane solid border a zadnji s desne. Time dobijam pravokutnik, eh, svaki border izmedju
jednog linka do drugog bi trebao bit dotted. Mislio sam taj efekt dobit deklarirajuci klase :
li.first
li.last
li.middle
eh sad kad ih uredim u html kod za link sam dodao class opciju pa to izgleda ovako
sveukupno!
CSS:
Code: |
#button li a{
background-color: #000033;
color: #fff;
margin: 0px;
padding: 5px 5px 5px 5px;
border-left: 1px #3399CC dotted;
border-top: 1px #3388CC solid;
border-bottom: 1px #3388CC solid;
font-weight: bold
}
|
ovo je opcenito za sve li elemente
ima gornji i donji border i stavio sam da svaki ima lijevi dotted jer ako su jedan do drugog
nezelim imat dupli border.
Code: |
#button li.first a {
background-color: #000033;
color: #fff;
margin: 0px;
padding: 5px 5px 5px 5px;
border-left: 1px #3399CC solid;
border-top: 1px #3388CC solid;
border-bottom: 1px #3388CC solid;
}
|
ovo je za prvi link
Code: |
#button li.last a {
background-color: #000033;
color: #fff;
margin: 0px;
padding: 5px 5px 5px 5px;
border-right: 1px #3399CC solid;
border-top: 1px #3388CC solid;
border-bottom: 1px #3388CC solid;
border-left: 1px #3388CC dotted;
}
|
ovo je za zadnji link!
Najvjerojatnije sam pogrijesio negdje di je jednostavo ali posto mi je ovo prvi kod koji sam
radio u css-u onda nisam bas snalazljiv u njemu.
Ako postoji neki hack da se makne onaj razmak izmedju linkova bar to bi mi pomoglo jako
puno! |
_________________ I sit here locked inside my head, remembering everything you've said, the silence get's us nowhere, get's us nowhere way too fast!
N.e.0. -=- Nomen est Omen |
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
Posted: 17.12.2004 14:29 Post subject: |
|
|
Za prvu ruku umjesto:
Code: | <ul>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul> |
probaj
Code: | <ul><li><a href="#">link</a></li><li><a href="#">link</a></li></ul> |
|
_________________ STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS |
|
Back to top |
|
|
[ch3wie]
Joined: 22 Sep 2003 Posts: 145 Location: -| centar paznje |-
|
Posted: 17.12.2004 17:32 Post subject: |
|
|
Nije to. Probah vec 2. put ono da budem ziher da nisam tolki moron
E razmak je like 1 prokleti pixel koji mi sjebe cjelu shemu.
A i ne radi ovo s borderima kak spada:)
Fala na odgovoru, ali josh uvjek trebam rijesenje!
Eh da ... samo da ne bude da to IE radi sranja, probao sam u FF-u i isto je 1px razmaka izmedju linkova! |
_________________ I sit here locked inside my head, remembering everything you've said, the silence get's us nowhere, get's us nowhere way too fast!
N.e.0. -=- Nomen est Omen |
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
|
Back to top |
|
|
[ch3wie]
Joined: 22 Sep 2003 Posts: 145 Location: -| centar paznje |-
|
Posted: 17.12.2004 18:12 Post subject: |
|
|
Hmmz da , moram nac neki prostor ... mozda uskoro , btw sredio sam al me zezaju ovi borderi ... izgleda da sam deklarirao style za listu zasebno, u kojoj je bila margina na 1 px (noob sam totalni) al sad su mi borderi poduplani!
cim nadjem prostor pucam to gore
fala na pomoci svejedno! |
_________________ I sit here locked inside my head, remembering everything you've said, the silence get's us nowhere, get's us nowhere way too fast!
N.e.0. -=- Nomen est Omen |
|
Back to top |
|
|
|