View previous topic :: View next topic |
Author |
Message |
Pekx
Joined: 09 Sep 2004 Posts: 559
|
Posted: 29.06.2005 19:13 Post subject: css - background popunjavanje |
|
|
Slika govori puno rijeci. Znaci u bloku sa navigacijom imam linkove. E sad, kako napraviti (cssom ofkors) da se popuni ostatak diva, evo exmpl koda
Code: |
<div id="blok_opcenito">
<div id="naslov"><a href="#">Naslov</a></div>
<div><a href="#" class="link">Link1</a></div>
<div><a href="#" class="link">Link2</a></div>
<div><a href="#" class="link">Link3</a></div>
<div><a href="#" class="link">Link7</a></div>
</div> |
i evo slike kako bi zelio da to izgleda. dali se može to riješti bez paddinga u a:hoveru?
hvala puno |
_________________ mp3hr.com |
|
Back to top |
|
|
red
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
Posted: 29.06.2005 19:18 Post subject: |
|
|
Code: | #blok_opcenito a { display: block; }
#blok_opcenito a:hover { background: red; } |
|
_________________ Get busy living, or get busy dying. |
|
Back to top |
|
|
Pekx
Joined: 09 Sep 2004 Posts: 559
|
Posted: 30.06.2005 12:14 Post subject: |
|
|
red wrote: | Code: | #blok_opcenito a { display: block; }
#blok_opcenito a:hover { background: red; } |
|
tnx |
_________________ mp3hr.com |
|
Back to top |
|
|
che.UP mi3.crew
Joined: 07 Sep 2003 Posts: 2320 Location: zagreb
|
Posted: 30.06.2005 14:33 Post subject: |
|
|
liste za linkove, h* za naslove? sematika....haloooo??!?¨?¨?¨?¨?¨? |
_________________ UP | TypeTester | Accommodations App
Meni u Firefox-u ne radi AJAX |
|
Back to top |
|
|
Pekx
Joined: 09 Sep 2004 Posts: 559
|
Posted: 02.07.2005 11:38 Post subject: |
|
|
che.UP wrote: | liste za linkove, h* za naslove? sematika....haloooo??!?¨?¨?¨?¨?¨? |
ovo gore sam bezveze napisao, mislio sam da ako imam div pa ono cijeli se popunjava, ma never mind |
_________________ mp3hr.com |
|
Back to top |
|
|
Pekx
Joined: 09 Sep 2004 Posts: 559
|
Posted: 02.07.2005 12:09 Post subject: |
|
|
evo, opet ja. postoji li kakav hack koji bi ovo popravio?
probao sam sa onim *{} ali tako ne zeli ici.
u ff-u ispada tocno kako i htio, dok ie radi probleme.
pomoc!
kod:
Code: | #izbornik {
background-color: #EDEDED;
margin-top: 3px;
border-color: #AFAFB1;
border-style: solid;
border-width: 1px;
list-style-type:none;
white-space: normal;
padding-left: 5px;
display: block;
width: 175px;
float: left;
}
a.izbornik:link, a.izbornik:visited {
font-family: Verdana;
font-size:10px;
color:#000000;
text-decoration:none;
display: block;
}
a.izbornik:hover {
font-family:Verdana;
font-size:10px;
color:#EFEFEF;
text-decoration:none;
background-color: #AB2020;
}
a.izbornik:active {
font-family:Verdana;
font-size:10px;
color:#454545;
text-decoration:none;
background-color: #F68B8B;
} |
jeli moguce to popraviti i kako?
hvala css-olubci! css roka, ie je shit |
_________________ mp3hr.com |
|
Back to top |
|
|
Moebius
Joined: 26 Jan 2004 Posts: 245 Location: zagreb
|
Posted: 02.07.2005 12:47 Post subject: |
|
|
Quote: | evo, opet ja. postoji li kakav hack koji bi ovo popravio?
probao sam sa onim *{} ali tako ne zeli ici.
u ff-u ispada tocno kako i htio, dok ie radi probleme.
pomoc! Sad |
Probaj ovako:
css
Code: |
#izbornik {
background-color: #EDEDED;
margin-top: 3px;
border-color: #AFAFB1;
border-style: solid;
border-width: 1px;
list-style-type:none;
white-space: normal;
padding-left: 5px;
display: block;
width: 175px;
float: left;
}
#izbornik a:link, #izbornik a:visited {
font-family: Verdana;
font-size:10px;
color:#000000;
text-decoration:none;
}
#izbornik a:hover {
font-family:Verdana;
font-size:10px;
color:#EFEFEF;
text-decoration:none;
background-color: #AB2020;
}
#izbornik a:active {
font-family:Verdana;
font-size:10px;
color:#454545;
text-decoration:none;
background-color: #F68B8B;
}
.link
{
display:block;
}[/b] |
html
Code: |
<div id="izbornik">
<a href="#" class="link">Link1</a>
<a href="#" class="link">Link2</a>
<a href="#" class="link">Link3</a>
<a href="#" class="link">Link4</a>
<a href="#" class="link">Link5</a>
</div> |
Usput br.1 - cemu visestruke definicije font familije i velicine, nema potrebe za time (gubi se smisao css-a).
Usput br.2 - nema potrebe uvijek zapomagati kako je IE u banani kad to ne stoji bas uvijek, osobito ako imas krivo napisan CSS.[/b] |
|
|
Back to top |
|
|
Pekx
Joined: 09 Sep 2004 Posts: 559
|
Posted: 02.07.2005 15:19 Post subject: |
|
|
ajme koji sam ja kreten d`oh
zaboravio sam html kod staviti
html:
Code: | <div id="izbornik">
<li><a class="izbornik" href="#">Home</a></li>
<li><a class="izbornik" href="mijauu ">About me</a></li>
<li><a class="izbornik" href="#">tralala</a></li>
<li><a class="izbornik" href="#">ovoono</a></li>
</div> |
vise ne radim sa divovima nego sa listama |
_________________ mp3hr.com |
|
Back to top |
|
|
F@NTOM
Joined: 11 Sep 2003 Posts: 592 Location: Dubrovnik
|
Posted: 02.07.2005 15:38 Post subject: |
|
|
Promijeni ovaj prvi dio css-a i trebalo bi radit (meni je )
#lista {
background-color: #EDEDED;
margin-top: 3px;
border-color: #AFAFB1;
border-style: solid;
border-width: 1px;
list-style-type:none;
padding:0 0 0 5px;
width: 175px;
float: left;
}
#lista li {
display:inline;
}
HTML:
<div id="lista">
<li><a class="izbornik" href="#">Home</a></li>
<li><a class="izbornik" href="mijauu ">About me</a></li>
<li><a class="izbornik" href="#">tralala</a></li>
<li><a class="izbornik" href="#">ovoono</a></li>
</div> |
_________________ These pretzels are making me thirsty! |
|
Back to top |
|
|
Pekx
Joined: 09 Sep 2004 Posts: 559
|
Posted: 02.07.2005 15:46 Post subject: |
|
|
hvala, rijesio sam problem, lol sad imam 2 riješenja |
_________________ mp3hr.com |
|
Back to top |
|
|
carr
Joined: 13 Nov 2003 Posts: 1397 Location: Karlovac
|
Posted: 02.07.2005 22:20 Post subject: |
|
|
html ti nevalja.
moras otvoriti listu sa <ul> tagom znaci tipa
Code: | <ul>
<li>....</li>
</ul> |
|
_________________ Bolje biti malo lud, nego malo pametan. |
|
Back to top |
|
|
|