CSS menu

[zero]

Znam da puno pitam ali ja sam jos samo pocetnik. Zanima me kako da maknem razmak izmedju slika navigacije;

Code:

#linkovi
{
margin-left: 0;
padding-left: 0;
}


#linkovi li
{
display: inline;
list-style-type: none;
}


#linkovi a
{
color: yallow;
background: url(navigacija1.jpg);
text-decoration: none;
font-family: arialblack;
font-size: 15px;
font-weight: bold;
padding: 4px 14px;
}


#linkovi a:hover
{
color: red;
background: url(navigacija2.jpg);
text-decoration: none;
}

Za one koji se lijeni u attachmentu je file

[Morrissey]

Quote:#linkovi a {
color: yallow;
background: url(navigacija1.jpg);
text-decoration: none;
font-family: arialblack;
font-size: 15px;
font-weight: bold;
padding: 4px 14px;
}

Nisam se igrao kodom ali ovo mi je logični dio za mjenjati jer definira razmak.
Objasnit ću ti što znači.

Padding možeš deklarirat na više načina.

Code:

1. padding: 5px 5px 5px 5px;

Gore -> Desno -> Dolje -> Lijevo

Zapamti to u smjeru kazaljke na satu,iako ja imam rukovne geste da si pomognem

Code:

2. padding: 5px 5px;

Ovo znači da pravilo utječe na Gore -> Dolje , Lijevo -> Desno zasebno za parametar.

Code:

3. padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    paddding-left: 5px;

Što je ekvivalent prvom primjeru.

Inače prvi primjer se zove shorthand,a i sam vidiš koji se isplati više.

Dakle poigraj se s time i mislim da češ polučit željene rezultate

[zero]

vec sam to probao ali ne ide, zato sam i napisao thread

[Morrissey]

Ajde ti meni pošalji sve što imaš,dakle sa slikama i HTML taj pa ću ti pogledat.

[zero]

ok.
http://rapidshare.com/files/96119865/site.html
http://rapidshare.com/files/96119786/navigacija6.jpg
http://rapidshare.com/files/96119762/navigacija5.jpg
http://rapidshare.com/files/96119738/navigacija4.jpg
http://rapidshare.com/files/96119703/navigacija3.jpg
http://rapidshare.com/files/96119649/navigacija2.jpg
http://rapidshare.com/files/96119620/navigacija1.jpg
http://rapidshare.com/files/96119602/linkovi.css
http://rapidshare.com/files/96119584/linkovi3.css
http://rapidshare.com/files/96119343/linkovi2.css

[Morrissey]

Jesi ti normalan?

Pa upakiraj sve u jedan rar i uploadaj.

[zero]

Ne mogu ponovno. Zaboravio sam na rar ili zip. Imam mali paket kod t-sranja tako da ne mogu puno uplodat

[Morrissey]

Kako nemožeš?
Ovdje čak ni nije riječ o megabajtima...

[zero]

samo nisam htio trositi dragocjene kilobajte. Evo:
http://rapidshare.com/files/96146399/New...p_File.zip

Odmah i jedno pitanje. Zasto mi ne prikazuje sliku?

[Len0]

Sliku ti ne prikazuje zato sto si pogresno napisao k0d!
Treba:

Code:

<img src="" />

a ne:

Code:

<img scr=""/>

Sto se tice razmaka, ja mislim da ti je to zbog nacina na koji koristis ovaj numbering
Nisam gledao CSS pa probaj ovako napisati:

Code:

<ul id="linkovi">
<li>link1</li><br/>
<li>link2</li><br/>
<li>link3</li><br/>
<li>link4</li><br/>
</ul>