Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
css - background popunjavanje

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
Pekx



Joined: 09 Sep 2004
Posts: 559

PostPosted: 29.06.2005 18:13    Post subject: css - background popunjavanje Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Send e-mail
red



Joined: 03 May 2004
Posts: 919
Location: Zabok

PostPosted: 29.06.2005 18:18    Post subject: Add user to your forum ignore list Reply with quote

Code:
#blok_opcenito a { display: block; }
#blok_opcenito a:hover { background: red; }

_________________
Get busy living, or get busy dying.
Back to top
View user's profile Send private message Visit poster's website Twitter profile
Pekx



Joined: 09 Sep 2004
Posts: 559

PostPosted: 30.06.2005 11:14    Post subject: Add user to your forum ignore list Reply with quote

red wrote:
Code:
#blok_opcenito a { display: block; }
#blok_opcenito a:hover { background: red; }


tnx Cool

_________________
mp3hr.com
Back to top
View user's profile Send private message Send e-mail
che.UP
mi3.crew


Joined: 07 Sep 2003
Posts: 2320
Location: zagreb

PostPosted: 30.06.2005 13:33    Post subject: Add user to your forum ignore list Reply with quote

liste za linkove, h* za naslove? sematika....haloooo??!?¨?¨?¨?¨?¨?

_________________
UP | TypeTester | Accommodations App
Meni u Firefox-u ne radi AJAX
Back to top
View user's profile Send private message Visit poster's website
Pekx



Joined: 09 Sep 2004
Posts: 559

PostPosted: 02.07.2005 10:38    Post subject: Add user to your forum ignore list Reply with quote

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 Smile

_________________
mp3hr.com
Back to top
View user's profile Send private message Send e-mail
Pekx



Joined: 09 Sep 2004
Posts: 559

PostPosted: 02.07.2005 11:09    Post subject: Add user to your forum ignore list Reply with 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



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 Very Happy

_________________
mp3hr.com
Back to top
View user's profile Send private message Send e-mail
Moebius



Joined: 26 Jan 2004
Posts: 245
Location: zagreb

PostPosted: 02.07.2005 11:47    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website
Pekx



Joined: 09 Sep 2004
Posts: 559

PostPosted: 02.07.2005 14:19    Post subject: Add user to your forum ignore list Reply with quote

ajme koji sam ja kreten d`oh Smile
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 Razz

_________________
mp3hr.com
Back to top
View user's profile Send private message Send e-mail
F@NTOM



Joined: 11 Sep 2003
Posts: 592
Location: Dubrovnik

PostPosted: 02.07.2005 14:38    Post subject: Add user to your forum ignore list Reply with quote

Promijeni ovaj prvi dio css-a i trebalo bi radit (meni je Smile)

#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
View user's profile Send private message
Pekx



Joined: 09 Sep 2004
Posts: 559

PostPosted: 02.07.2005 14:46    Post subject: Add user to your forum ignore list Reply with quote

hvala, rijesio sam problem, lol sad imam 2 riješenja Smile

_________________
mp3hr.com
Back to top
View user's profile Send private message Send e-mail
carr



Joined: 13 Nov 2003
Posts: 1397
Location: Karlovac

PostPosted: 02.07.2005 21:20    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group