View previous topic :: View next topic |
Author |
Message |
Pekx
Joined: 09 Sep 2004 Posts: 559
|
Posted: 27.03.2005 17:12 Post subject: css problem #2 iliti box unutra boxa |
|
|
as you know, css is somethin˙ new 4 me.
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 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 |
|
|
red
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
Posted: 27.03.2005 17:35 Post subject: Re: css problem #2 iliti box unutra boxa |
|
|
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 |
|
|
Pekx
Joined: 09 Sep 2004 Posts: 559
|
Posted: 27.03.2005 18:04 Post subject: Re: css problem #2 iliti box unutra boxa |
|
|
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 |
|
|
red
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
|
Back to top |
|
|
keye
Joined: 24 Nov 2003 Posts: 2465 Location: Paris - France
|
Posted: 27.03.2005 18:12 Post subject: |
|
|
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 |
|
|
keye
Joined: 24 Nov 2003 Posts: 2465 Location: Paris - France
|
Posted: 27.03.2005 18:15 Post subject: |
|
|
ps. sve to strpaj u pozadinu2 (sto bi meni bio onaj content_header) |
_________________ Google is a blind person |
|
Back to top |
|
|
F@NTOM
Joined: 11 Sep 2003 Posts: 592 Location: Dubrovnik
|
Posted: 27.03.2005 21:24 Post subject: |
|
|
Mozes to napravit npr. ovako: Primjer
Sklepano je nabrzaka pa mozda bude gresaka u kodu.
evo ti kod
Za sad je samo gledljivo u ff-u i mozda operi (nisam provjerio) u ie-u ce se 100% raspast.
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> |
Last edited by F@NTOM on 27.03.2005 22:11; edited 1 time in total |
_________________ These pretzels are making me thirsty! |
|
Back to top |
|
|
mile
Joined: 10 Sep 2003 Posts: 1327 Location: Jeruzalem
|
Posted: 27.03.2005 21:51 Post subject: |
|
|
@ Pekx: mislim da ti je samo nedostajalo znanje o float: left i float: right |
|
|
Back to top |
|
|
Pekx
Joined: 09 Sep 2004 Posts: 559
|
Posted: 27.03.2005 23:29 Post subject: |
|
|
Hvala care!!!
|
_________________ mp3hr.com |
|
Back to top |
|
|
|