banjalukaforum.com
https://banjalukaforum.com/

CSS-P pomoc
https://banjalukaforum.com/viewtopic.php?f=18&t=16417		 Stranica 1 od 1
Autoru:  SmileY [ 30 Okt 2005, 10:50 ]
Tema posta:  CSS-P pomoc
e pocinje mi uzasno ici na zivce, nikako da skontam kako napraviti sajt pomocu div tagova..
evo...ko uspije....ima cokoladu od mene
http://www.cs-bl.com/smiley/xhp2.jpg
to je laylour sajta, i ja ga pokusavam napraviti pomocu div tagova, ali nikako m ine ide od ruke [za'rdjao sam], uglavnom, neke stvari uopste ne mogu uspjeti a druge se razlicito prikazuju u firefoxu i ie.
da zaboravio sam, ispod slike lijevo ide navigation bar, a "desno" je main dio gdje idu vijesti.
Autoru:  che.guevara [ 30 Okt 2005, 19:19 ]
Tema posta: 
Pih ... ništa nisam skontao ... tamo je neka ženska i ne vidim nikakvu "sliku lijevo" ili šta već ...
Autoru:  SmileY [ 30 Okt 2005, 22:41 ]
Tema posta: 
uglavnom ono je pozadina...ona zenska je header...i tako to...
dodaj ispod div koji ce biti nav bar i desno od njega...dodaj...main bar...
Autoru:  IgAc [ 30 Okt 2005, 23:01 ]
Tema posta: 
stavis div float center, u njemu div float left za meni a div float left (samo da se "nastavi" na taj div) za main...
Autoru:  SmileY [ 31 Okt 2005, 00:36 ]
Tema posta: 
treba mnogo vise divova da bi to radilo :P
Autoru:  IgAc [ 31 Okt 2005, 20:48 ]
Tema posta: 
spora mi veza da ne gledam sada opet sliku ali iz glave...
1. div center
2. div u njemu pa <br />
3. div left
4. div left
zatvoris prvi div :)
ma ne znam ustvari :) ostavi to ako nece da radi ;) nije do tebe! vec do browsera :]
Autoru:  Lemonxxl [ 31 Okt 2005, 21:45 ]
Tema posta: 
Ma dobro je i ovako. Bitno je da ima farbe i sve super. :)
Autoru:  SmileY [ 01 Nov 2005, 07:05 ]
Tema posta: 
div DiV je napisao:
Ma dobro je i ovako. Bitno je da ima farbe i sve super. :)

ovo je slika ?
Autoru:  SmileY [ 05 Nov 2005, 17:54 ]
Tema posta: 
ma ajd kad mi prodju kolokvijumi onda cu postaviti html fajl i vidjecete gdje je onda prob..
Autoru:  SmileY [ 20 Nov 2005, 16:56 ]
Tema posta: 
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#plava {
   background-color: #00CCFF;
   height: 190px;
   width: 190px;
   padding: 5px;
}
#zuta {
   background-color: #FFFF99;
   height: 190px;
   width: 190px;
   float: none;
   padding: 5px;
}
#crvena {
   background-color: #990000;
   height: 190px;
   width: 190px;
   float: none;
   padding: 5px;
}
#oneplava {
   margin: 0px 0px 5px;
   padding: 5px;
   height: 45px;
   width: 45px;
   float: left;
   background-color: #FFFFFF;
   border: 1px dotted #99CC33;
}
#twoplava {
   margin: 0px 0px 5px 5px;
   padding: 5px;
   height: 45px;
   width: 45px;
   float: left;
   background-color: ;
   border: 1px dotted #99CC33;
   background-color: #00CCCC;
}
#triplava {
   margin: 0px 0px 5px 5px;
   padding: 5px;
   height: 45px;
   width: 45px;
   float: left;
   background-color: ;
   border: 1px dotted #99CC33;
   background-color: #009900;
}
-->
</style>
</head>

<body>
<center>
<div align="center">
<div id="plava">

<div align="center">
<div id="oneplava">1-1</div>
<div id="twoplava">1-2</div>
<div id="triplava">1-3</div>
</div>

<div>
<div id="oneplava">2-1</div>
<div id="twoplava">2-2</div>
<div id="triplava">2-3</div>
</div>

<div>
<div id="oneplava">3-1</div>
<div id="twoplava">3-2</div>
<div id="triplava">3-3</div>
</div>

</div>
<div id="zuta">2</div>
<div id="crvena">3</div>
</div>
</center>
</body>
</html>


ovo je kod ..e sad kako one male kvadrate da centriram ? ;)
ajde iskusni "programeri" ..pishite..
Autoru:  langolijer [ 20 Nov 2005, 22:40 ]
Tema posta: 
Nisam shvatio kako zelis, pa sam ih poredao po brojevima - 1, 2 i 3.

Kod:
#plava {
   background-color: #00CCFF;
   height: 190px;
   width: 190px;
   padding: 5px;
  [b] float: left;[/b]
}
#zuta {
   background-color: #FFFF99;
   height: 190px;
   width: 190px;
   padding: 5px;
  [b] float:left;[/b]
}
#crvena {
   background-color: #990000;
   height: 190px;
   width: 190px;
[b]   float:left;[/b]
   padding: 5px;
}


Ostatak koda je isti.
Autoru:  SmileY [ 21 Nov 2005, 22:17 ]
Tema posta: 
ma htio sam da ...
ovi mali kvadrati 1-1 1-2 bla bla bla
budu centrirani u odnosu na veliki kvadrat u kome se nalaze...

btw. zaboravi na ova druga dva velika kvadrata...oni su suvisni
Stranica 1 od 1 Sva vremena su u UTC [ DST ]
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/