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 problem #2 iliti box unutra boxa

 
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: 27.03.2005 16:12    Post subject: css problem #2 iliti box unutra boxa Add user to your forum ignore list Reply with quote

as you know, css is somethin˙ new 4 me. Smile
jelda pitanje, dali se može u css-u ovo napraviti i možete li mi reci kako smjestiti box unutra boxa.
evo slike, biti ce vam jasnije:


e, sad, do sad sam uspio Very Happy nije puno:
u body{} sam stavio pozadinu_1
u poz2{} sam stavio sliku pozadine_2
i dalje neznam!
kako npr staviti ovaj lijevo_1 da mi bude unutar ovoda poz2{}, jer kada ga stavim on mi poravna tak blok ispod ovoga u kojeg ga hoću smjestiti. ludim zadnjih 12 sati zbog toga, a silom hoću napraviti cijeli, ili barem većinu sitea u css-u!
ako znate, možete i želite MOLIM VAS POMOZITE!!! (nemojte mi molim vas, davati tutorijale od 10,15 stranica jer nemam toliko vremena).

HVALA!!

_________________
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: 27.03.2005 16:35    Post subject: Re: css problem #2 iliti box unutra boxa Add user to your forum ignore list Reply with quote

Pekx wrote:
nemojte mi molim vas, davati tutorijale od 10,15 stranica jer nemam toliko vremena


You're askin' too damn much.

_________________
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: 27.03.2005 17:04    Post subject: Re: css problem #2 iliti box unutra boxa Add user to your forum ignore list Reply with quote

red wrote:
Pekx wrote:
nemojte mi molim vas, davati tutorijale od 10,15 stranica jer nemam toliko vremena


You're askin' too damn much.


ma možeš mi dati ilnk, bilo što, hvalaaa

_________________
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: 27.03.2005 17:08    Post subject: Add user to your forum ignore list Reply with quote

http://www.mi3dot.org/forum/viewtopic.php?t=3888

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



Joined: 24 Nov 2003
Posts: 2465
Location: Paris - France

PostPosted: 27.03.2005 17:12    Post subject: Add user to your forum ignore list Reply with quote

evo bas sad radim na tome (samo je meni header sa tri kolone u pitanju ali princip je isti)

Quote:

<div id="pageHeader">
<div id="desni">lijevii</div>
<div id="srednji">srednji </div>
<div id="desni">desni </div>
</div>


evo css
Quote:
#lijevi {
width: 110px;
height:130px;
margin-left: 10px;
float: left;}

#srednji{
height:130px;
margin-left: 10px;
float: left;
}

#desni {float: right;
width: 150px;
height: 120px;
margin-left:10px;
margin-right: 10px;
border: 1px #dadada solid;}


don't care oko ovih margina i visine, to promijeni jer je totalni kopi pejst.
moglo se i elegantnije ali me boli glava od vremena pa eto...

imeni radi u IE i FF, probaj pa javi.

_________________
Google is a blind person
Back to top
View user's profile Send private message Visit poster's website
keye



Joined: 24 Nov 2003
Posts: 2465
Location: Paris - France

PostPosted: 27.03.2005 17:15    Post subject: Add user to your forum ignore list Reply with quote

ps. sve to strpaj u pozadinu2 (sto bi meni bio onaj content_header)

_________________
Google is a blind person
Back to top
View user's profile Send private message Visit poster's website
F@NTOM



Joined: 11 Sep 2003
Posts: 592
Location: Dubrovnik

PostPosted: 27.03.2005 20:24    Post subject: Add user to your forum ignore list Reply with quote

Mozes to napravit npr. ovako: Primjer
Sklepano je nabrzaka pa mozda bude gresaka u kodu. Smile
evo ti kod
Za sad je samo gledljivo u ff-u i mozda operi (nisam provjerio) u ie-u ce se 100% raspast. Smile
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>TEST</title>
<style type="text/css">
body {
background-color:#999999;
}
#wrapper {
float:left;
margin-left:auto;
margin-right:auto;
width:710px;
background-color:#FFFFFF;
border:1px;
border-style:solid;
border-color:#000000;
}
#container {
float:left;
margin-left:2px;
margin-top:2px;
margin-bottom:2px;
margin-right:2px;
width:706px;
background-color:#cccccc;
}
#lijevo_1 {
float:left;
margin-left:5px;
margin-top:5px;
margin-bottom:5px;
background-color:#e4e5e7;
border:1px;
border-style:solid;
border-color:#afafb1;
width:150px;
height:300px;
}
#lijevo_2 {
float:left;
margin-left:0px;
margin-top:0px;
height:18px;
width:150px;
background-color:#3a3a3b;
}
#sredina_2 { /*Ako zelis da ti se ovaj dio rasteze kako dodajes sadrzaja samo makni height*/
float:left;
margin-left:10px;
margin-top:5px;
margin-bottom:5px;
background-color:#e4e5e7;
border:1px;
border-style:solid;
border-color:#afafb1;
width:370px;
height:300px;
}
#sredina_1 {
float:left;
margin-left:0px;
margin-top:0px;
height:18px;
width:370px;
background-color:#3a3a3b;
}
#desni_2 {
float:right;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;

margin-left:10px;
background-color:#e4e5e7;
border:1px;
border-style:solid;
border-color:#afafb1;
width:150px;
height:80px;
}
#desni_1 {
float:right;
margin-right:0px;
margin-top:0px;
height:18px;
width:150px;
background-color:#3a3a3b;
}
ul#izbornik {
float:left;
margin-left:-30px;
margin-top:5px;
font-family:Tahoma, sans-serif;
font-size:0.7em;
list-style-type:none;
}
p {
margin-top:1px;
margin-left:3px;
font-family:Tahoma, sans-serif;
font-size:0.7em;
color:#FFFFFF;
}
a.navigacija:link {
   font-family:Tahoma "sans-serif";
   font-size:11px;
   color:#000000;
   text-decoration:none;
}
a.navigacija:visited {
   font-family:Tahoma;
   font-size:11px;
   color:#000000;
   text-decoration:none;
}
a.navigacija:hover {
   font-family:Tahoma;
   font-size:11px;
   color:#A90101;
   text-decoration:none;
}
a.navigacija:active {
   font-family:Tahoma;
   font-size:11px;
   color:#E86060;
   text-decoration:none;
}

</style>
</head>

<body>
<div id="wrapper">
<div id="container">
<div id="lijevo_1">
<div id="lijevo_2"><p>.pekx homepage</p></div>
<img alt="LOGO" src="img/logo.gif" id="logo" />
</div>

<div id="sredina_2">
<div id="sredina_1"><p>.pekx news</p></div>
</div>
<div id="desni_2">
<div id="desni_1"><p>.pekx links</p></div>
<ul id="izbornik">
<li><a class="navigacija" href="#">Home</a></li>
<li><a class="navigacija" href="#">About me</a></li>
<li><a class="navigacija" href="#">Forum</a></li>
<li><a class="navigacija" href="#">Kontakt</a></li>
</ul>

</div>
</div>
</div>
Very Happy Smile Smile Very Happy Very Happy Very Happy Cool

Last edited by F@NTOM on 27.03.2005 21:11; edited 1 time in total

_________________
These pretzels are making me thirsty!
Back to top
View user's profile Send private message
mile



Joined: 10 Sep 2003
Posts: 1327
Location: Jeruzalem

PostPosted: 27.03.2005 20:51    Post subject: Add user to your forum ignore list Reply with quote

@ Pekx: mislim da ti je samo nedostajalo znanje o float: left i float: right Wink
Back to top
View user's profile Send private message Visit poster's website
Pekx



Joined: 09 Sep 2004
Posts: 559

PostPosted: 27.03.2005 22:29    Post subject: Add user to your forum ignore list Reply with quote

Hvala care!!!

_________________
mp3hr.com
Back to top
View user's profile Send private message Send e-mail
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