CSS pitanje...

Naslov: CSS pitanje... sub vel 16, 2008 4:58 pm

Ovo mi treba za stranicu koju radim, a ne ide mi nikako...
Treba mi ovakva horizontalna navigacija:

Dakle, traka u podlozi mora biti široka 100% veličine browsera.
Svaki link širok je 120px, visok 40px i ima border 1px boje #165C7D

Bilo bi poželjno da se meni u HTML fileu ukomponira kao horizontalna lista, da radi u Firefoxu te da se sve u html može staviti po XHTML 1.0 standardu...

POTREBNO ZA RAD:

Podloga menija

CSS pitanje... MenuLinkHover

Obični link

CSS pitanje... MenuLinkHover

Kad je miš na linku

CSS pitanje... MenuLinkActive

Link koji prikazuje na kojo se stranici trenutno nalazi (aktivni link)... npr. ako sam na naslovnici onda je link naslovnica najtamniji, ako sam na 'Bla bla' onda je link na 'Bla bla' najtamniji...

eto, ja sam sve rekao, pa ako netko zna neka pomogne...

Naslov: Re: CSS pitanje... sub vel 16, 2008 5:02 pm

Ne mogu ti nikako pomoći oko toga, jedino što znam o CSS-u je da se koristi na bloger.hr-u

Ali imam primjedbu - trenutno ne vidim nijednu od tvojih slika.

Naslov: Re: CSS pitanje... sub vel 16, 2008 5:08 pm

sad ih ni ja ne vidim, a kad unesem linkove na slike u mjesto za adresu u firefoxu onda se vide: misterija confused

Naslov: Re: CSS pitanje... sub vel 16, 2008 5:13 pm

pošto neznam uzrok zašto se slike ne vide, evo direktni linkovi za moje spasitelje

http://windows-seven.hostsnake.com/za-ce4/menu-podloga.jpg - Podloga menija

http://windows-seven.hostsnake.com/za-ce4/menuLink.jpg - obični link

http://windows-seven.hostsnake.com/za-ce4/menuLinkHover.jpg - link kad je miš na njemu

http://windows-seven.hostsnake.com/za-ce4/menuLinkActive.jpg - aktivni link

Naslov: Re: CSS pitanje... sub vel 16, 2008 6:05 pm

Opet se ne vide slike preko direktnog klika na link, treba ga prvo kopirat i onda zalijepit u adress bar conf1

Naslov: Re: CSS pitanje... sub vel 16, 2008 6:07 pm

Sorry što sam dosadna i znatiželjna, ali meni na sva četiri linka izbacuje error 403 s objašnjenjem: NOTE: YOU HAVE BEEN REDIRECTED
AFTER CREATING AN INDEX.HTML FILE, REFRESHING THIS PAGE WONT WORK, YOU WILL STILL SEE THIS ERROR, YOU NEED TO HIT THE BACK BUTTON THEN REFRESH

Pardon zbog velikih slova, ovo je kopipejst

Naslov: Re: CSS pitanje... sub vel 16, 2008 6:16 pm

Naslov: Re: CSS pitanje... sub vel 16, 2008 6:19 pm

svjetloisjena je napisao/la:: Sorry što sam dosadna i znatiželjna, ali meni na sva četiri linka izbacuje error 403 s objašnjenjem: NOTE: YOU HAVE BEEN REDIRECTED
AFTER CREATING AN INDEX.HTML FILE, REFRESHING THIS PAGE WONT WORK, YOU WILL STILL SEE THIS ERROR, YOU NEED TO HIT THE BACK BUTTON THEN REFRESH

Pardon zbog velikih slova, ovo je kopipejst

ma nije to ništa posebno, sličice za podloge menija...
a neznam zašto ih ne vidiš... ja ih ne vidim samo na forumu, ali direktno da

Naslov: Re: CSS pitanje... sub vel 16, 2008 6:33 pm

http://windows-seven.hostsnake.com/za-ce4/

Napravio sam naslovnu stranicu i na njoj linkove

Naslov: Re: CSS pitanje... sub vel 16, 2008 6:37 pm

Finta stranica. ides

Naslov: Re: CSS pitanje... sub vel 16, 2008 6:38 pm

userNejm je napisao/la:: http://windows-seven.hostsnake.com/za-ce4/

Napravio sam naslovnu stranicu i na njoj linkove

Naslov: Re: CSS pitanje... sub vel 16, 2008 6:41 pm

Aleks, hvala...

sad kad sam pogledao tu stranicu sa linkovima na sličice, vidim ih i ovdje gore na forumu... sad samo treba meni napravit.

Ako nekog zanima, ova podloga je neki unnofficial Windows 7 wallpaper, a ovaj dizajn je samo za najavu. U pripremi je profesionalniji i ozbiljniji dizajn za stranicu kad bude gotova, ali eto zapeo sam na navigaciji. Wallpaper će se moći downloadati sa stranice u download zoni

Naslov: Re: CSS pitanje... sub vel 16, 2008 7:24 pm

<div style="clear: both;"></div>
pokušaj ovo ubaciti na kraj html-a..

ja ponešto znam o css ne previše i valjda sam te dobro shvatila face

Naslov: Re: CSS pitanje... sub vel 16, 2008 9:07 pm

kad bi barem bilo tako lako...

meni treba css kod za cijelu navigaciju, znači sva stanja linkova u navigaciji + da se može u html-u napraviti kao horizontalna unnordered lista...
<ul>
<li id="active"><a href="blabla">Blabla</a></li>
<li><a href="blabla">Blabla</a></li>
<li><a href="blabla">Blabla</a></li>
</ul>

sad meni samo treba taj css pravilno iskodiran da bih od ovoga napravio horizontalnu listu, linkove s odgovarajućim podlogama, širinom, visinom, rubom, itd.

Naslov: Re: CSS pitanje... sub vel 16, 2008 9:08 pm

ako niste shvatili, css koji se primjenjuje na gore navedeni sličan kod

sorry za double post

Naslov: Re: CSS pitanje... sub vel 16, 2008 9:45 pm

aaaaaahhhaaaa

skužila
evo sve ću napisati
pa ću ti pastati

Naslov: Re: CSS pitanje... sub vel 16, 2008 10:03 pm

hvala

evo bio sam skoro nadomak rješenju, ali nikako ne mogu napraviti stanje za aktivni dio(css za <li id="active"><a href="#">Nešto</a></li>) i kad je u sredini sve se raspada, tj. da se ne raspadne mora biti float:left; a onda je raspadnuto...

Naslov: Re: CSS pitanje... sub vel 16, 2008 10:05 pm

ispravka: kada je float:left; onda je ulijevo a meni treba u sredini...

Naslov: Re: CSS pitanje... sub vel 16, 2008 10:06 pm

margin mu stavi ...

Naslov: Re: CSS pitanje... sub vel 16, 2008 10:26 pm

probao, ali se sve raspalo u firefoxu (najdražem mi browseru

)
ostavio sam na lijevo, čak mi je tako sad i ljepše...

ako nekog zanimaju kodovi, evo:
CSS:

Kod:: /* Navigacija */
.menu{
width: 100%;
background-image: url(menuNormal.jpg);
height: 40px;
text-align: center;
display: table;
}
ul{
margin-top: 0px;
list-style-type:none;
margin-left: -39px;
}
li{
display:inline;
}
.menu ul li a:link, .menu ul li a:visited{
float: left;
width:120px;
text-decoration:none;
color:white;
font-weight:bold;
padding: 14px;
background-image: url(menuLink.jpg);
padding-left: 0px;
padding-right: 0px;
border-right: #054B78 1px solid;
}
.menu ul li a:hover, .menu ul li a:active{
background-image: url(menuLinkHover.jpg);
}
#active a:link, #active a:hover, #active a:active, #active a:visited{
float: left;
width:120px;
text-decoration:none;
color:white;
font-weight:bold;
padding: 13.5px;
background-image: url(menuLinkActive.jpg);
padding-left: 0px;
padding-right: 0px;
border-right: #054B78 1px solid;
}

HTML:

Kod:: <div class="menu">
<ul>
<li id="active"><a href="#">Naslovnica</a></li>
<li><a href="#">Razvoj</a></li>
<li><a href="#">Screenshoti</a></li>
<li><a href="#">Download zona</a></li>
<li><a href="#">Forum</a></li>
</ul>
</div>

Hvala svima koji su pokušali pomoći

» Pitanje
» Pitanje
» WICCA
» Indigo djeca
» Pitanje za djevojke