CSS menu

Pages (2): « First [1] 2 Next > Last »

Threaded Mode | Linear Mode

CSS menu

Author Message

zero
Redoviti posjetitelj

Posts: 244
Group: Registered
Joined: Jan 2008
Status: Offline
Reputation: 1

Post: #1

CSS menu

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

Attached File(s)
.css File

linkovi.css (Size: 395 bytes / Downloads: 5)

http://123zero321.myminicity.com/tra

01-03-2008 11:29 AM

Morrison
Forumaš

Posts: 564
Group: Registered
Joined: Mar 2007
Status: Offline
Reputation: 10

Post: #2

RE: CSS menu

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

This post was last modified: 01-03-2008 11:47 AM by Morrison.

01-03-2008 11:43 AM

zero
Redoviti posjetitelj

Posts: 244
Group: Registered
Joined: Jan 2008
Status: Offline
Reputation: 1

Post: #3

RE: CSS menu

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

http://123zero321.myminicity.com/tra

01-03-2008 11:47 AM

Morrison
Forumaš

Posts: 564
Group: Registered
Joined: Mar 2007
Status: Offline
Reputation: 10

Post: #4

RE: CSS menu

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

01-03-2008 11:49 AM

zero
Redoviti posjetitelj

Posts: 244
Group: Registered
Joined: Jan 2008
Status: Offline
Reputation: 1

Post: #5

RE: CSS menu

http://123zero321.myminicity.com/tra

01-03-2008 12:12 PM

Morrison
Forumaš

Posts: 564
Group: Registered
Joined: Mar 2007
Status: Offline
Reputation: 10

Post: #6

RE: CSS menu

Jesi ti normalan? He he

Pa upakiraj sve u jedan rar i uploadaj.

01-03-2008 12:24 PM

zero
Redoviti posjetitelj

Posts: 244
Group: Registered
Joined: Jan 2008
Status: Offline
Reputation: 1

Post: #7

RE: CSS menu

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

http://123zero321.myminicity.com/tra

01-03-2008 12:39 PM

Morrison
Forumaš

Posts: 564
Group: Registered
Joined: Mar 2007
Status: Offline
Reputation: 10

Post: #8

RE: CSS menu

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

01-03-2008 01:18 PM

zero
Redoviti posjetitelj

Posts: 244
Group: Registered
Joined: Jan 2008
Status: Offline
Reputation: 1

Post: #9

RE: CSS menu

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?

http://123zero321.myminicity.com/tra

01-03-2008 01:54 PM

Len0
Redoviti posjetitelj

Posts: 249
Group: Registered
Joined: Mar 2007
Status: Offline
Reputation: 2

Post: #10

RE: CSS menu

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>

RTFM - Rich Text Format Manual

This post was last modified: 01-03-2008 08:12 PM by Len0.

01-03-2008 08:11 PM

Pages (2): « First [1] 2 Next > Last »

« Next Oldest | Next Newest »

View a Printable Version
Send this Thread to a Friend
Subscribe to this Thread | Add Thread to Favorites