Tutorijali.Net forum

Full Version: CSS menu
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
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
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 He he

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 Namigivanje
vec sam to probao ali ne ide, zato sam i napisao thread
Ajde ti meni pošalji sve što imaš,dakle sa slikama i HTML taj pa ću ti pogledat.
Jesi ti normalan? He he

Pa upakiraj sve u jedan rar i uploadaj.
Ne mogu ponovno. Zaboravio sam na rar ili zip. Imam mali paket kod t-sranja tako da ne mogu puno uplodat
Kako nemožeš?
Ovdje čak ni nije riječ o megabajtima...
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?
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>
Pages: 1 2
Reference URL's