MyCity » Web dizajn / HTML » Pomoć oko definisanja css

Pomoć oko definisanja css

Napisano na dan: 3.12.2008

Pomoć oko definisanja css
Sledeća strana Pagination

Idi na vrh

Poslao: 03 Dec 2008 10:47
Idi na vrh
offline
  • Pridružio: 04 Nov 2008
  • Poruke: 7

''Uradio'' sam stranicu u DW i sve izgleda dobro međutim kada je pokrenem na lokalnom serveru doživim razočarenje jer su mi svi ojekti razasuti i nimalo ne liči na ono što sam zamislio,pa bih zamolio oko pomoći da mi se ukažu smernice da li ti objekti mogu da se pozicionitaju onako kako želim uz pomoć css sa kojim apsolutno nikakve veze nemam.
Evo koda pa ko želi..

<!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=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- body,td,th {    font-family: Georgia, Times New Roman, Times, serif;    color: #333; } #apDiv1 {    position:absolute;    width:223px;    height:43px;    z-index:1;    top: 227px;    left: 750px; } #apDiv2 {    position:absolute;    width:200px;    height:115px;    z-index:2;    left: 759px;    top: 286px; } --> </style> </head> <body text="#333333" link="#993300" vlink="#993300" alink="#993300"> <div align=center> <table width="800"  border="0" align="center"> <tr> <td><img src="images/layout_01.gif" width="303" height="152" /><img src="images/layout_02.gif" width="211" height="152" /><img src="images/layout_03.gif" width="269" height="152" /></td> </tr> </table> </div> <div align=center> <table width="806" border="0" align="center"> <tr> <td><img src="images/glavnimenu.gif" width="798" height="36" /></td> </tr> </table> <div align=center><table width="800" border="1" align="center" cellpadding="20"> <tr> <td width="551" height="800" align="center">&nbsp;</td> <td width="233" height="800"> <div id="apDiv1"><form action="http://www.zanat.rs/Pages/Google.html" id="cse-search-box">   <div> <input type="hidden" name="cx" value="014174298231988165728:4ncz52dfq38" /> <input type="hidden" name="cof" value="FORID:10" /> <input type="hidden" name="ie" value="UTF-8" /> <input type="text" name="q" size="15" /> <input type="submit" name="sa" value="Traži" /> </div> </form> <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script> </div></td> </tr> </table> <div align=center><table width="800" border="1"> <tr> <td width="552" height="100"><img src="images/footer552.gif" width="552" height="100" /></td> <td width="232"><img src="images/footer232.gif" width="232" height="100" /></td> </tr> </table> </div> </div> </div> </body> </html>



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 03 Dec 2008 14:22
Idi na vrh
offline
  • rss 
  • Ugledni građanin
  • Pridružio: 10 Jul 2007
  • Poruke: 417

da li si ti ovo graficki radio ili si kodirao?



Poslao: 03 Dec 2008 14:33
Idi na vrh
offline
  • Pridružio: 04 Nov 2008
  • Poruke: 7

Radio sam grafički,i kao što se da videti neynam kako da konkretno search box postavim na sredinu ćelije a i kada se to i desi u konačnom izgledu search pobegne i tako u krug.

Poslao: 03 Dec 2008 16:13
Idi na vrh
offline
  • Pridružio: 13 Jan 2008
  • Poruke: 3657
  • Gde živiš: Stara Pazova

@rss
Pa vidiš koliko se img pominje. Wink

@kocicyu
Uf, uf uffff... GUZ - Glavom U Zid Veliki krš!
Bez ljutnje molim... smešak
Može se dosta pomoću css-a odraditi, ali tebi ovde godovo ništa nije njime definisano. Po meni ti ne treba tolika tabela, koristi div tagove i definiši ih css-om. Hajde da probamo polako redom, jer ne znam šta tačno želiš....

Za početak koristi code tagove kad pišeš poruku radi bolje preglednosti.

Da počnemo. Evo ti primer kako bi to moglo da izgleda, ali verovatno neće biti onako kako želiš jer sam ja ovo radio po tvom kodu, a pritom ne znam šta si ti zamislio. Da odmah razjasnimo neke stvari padding se oduzima od unutrašnjeg prostora svakog div taga, pa može doći do "raspada sistema". Pošalji mi slike preko privatne poruke, ako nećeš ovde, da to lepo skockamo i reci da li želiš te slike kao pozadinu ili kao običnu sliku na sajtu. Jedna jako bitna stvar su dimenzije. Vidim da si strogo ograničavao širinu i visinu, ali nisi vodio računa o paddingu (verovatno jer mu ne znaš zadatak i suštinu) kao ni o proporcijama. Evo koda koji je mnogo korisniji od onog tvog, ali ga treba "utegnuti"
<!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=utf-8" /> <title>Moj sajt</title> <style type="text/css"> <!-- body {    font-family: 12px Georgia, Times New Roman, Times, serif;    margin: 0;    padding: 0;    text-align: left;    color: #333; } #container {    width:800px;    background-color: #fff;    margin: 0px auto;    padding:0px;    min-height:100%; } #glavnimeni {    width:800px;    height:36px;    border-width:0px;    background-color: #fff;    margin: 0px;    padding:0px; } #zaglavlje {    width:783px;    background-color: #fff;    height: 152px;    border-width: 0px; } #levastrana {    width:511px;    height:800px;    text-align:center;    padding:20px;    float:left; } #desnastrana {    width:209px;    height:800px;    text-align:center;    padding:20px;    float:left; } a:link { color: #993300; text-decoration: none; } a:hover { color: #993300; text-decoration: underline; } a:visited a:hover { color: #993300; text-decoration: none; } #footer {    font:12px Verdana, Arial, Helvetica, sans-serif;    color: #fff;    text-align: center;    height: 100px;    width: 800px;    clear:both;    display: block; } --> </style> </head> <body> <div id="container"> <div id="zaglavlje"><img src="images/layout_01.gif" width="303" height="152" /><img src="images/layout_02.gif" width="211" height="152" /><img src="images/layout_03.gif" width="269" height="152" /></div> <div id="glavnimeni"><img src="images/glavnimenu.gif" width="798" height="36" /></div> <div id="levastrana"><a href="#">Probni tekst...</a></div> <div id="desnastrana">          <form action="http://www.zanat.rs/Pages/Google.html" id="cse-search-box">          <input type="hidden" name="cx" value="014174298231988165728:4ncz52dfq38" />          <input type="hidden" name="cof" value="FORID:10" />          <input type="hidden" name="ie" value="UTF-8" />          <input type="text" name="q" size="15" />          <input type="submit" name="sa" value="Traži" />          </form>          <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script></div>  <div id="footer"><img src="images/footer552.gif" width="552" height="100" /> <img src="images/footer232.gif" width="232" height="100" /> </div> </div> </body> </html>

MyCity » Web dizajn / HTML » Pomoć oko definisanja css

Ko je trenutno na forumu
 

Ukupno su 1684 korisnika na forumu :: 77 registrovanih, 6 sakrivenih i 1601 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 4695 - dana 26 Nov 2025 23:09

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: 4thFlavian, A.R.Chafee.Jr., AleksSE, Andrija357, Apok, Bo96, bojanstros9, bokisha253, BOXRR, BZ, CCCP, cojapop, crnitrn, Cvijo_ue, darionis, Dioniss, Djole3621, DonRumataEstorski, DrNeoCortex, ds69, dule10savic, eulereix, galerija, Georgius, gobrad, Gogi_avio, halkin gol, Hardenberg, Inženjer Agašin, Jeremiah, Kazablankasrb, kikisp, king111, koom0001, Kosmos Banja Luka, kybonacci, lafa008, Lance Guest, Lazarus, lord sir giga, Makarid, MB120mm, mercedesamg, Mercury, Metanoja, MILO-VAN, miso2709, morava_01, Motocar, mrkanidja, nekdo, neutrino, nextyamb, nikonema, Nomica, Pavel Medved, Pekman, Pilence, Posmatrac77OKB, Prečanin30, S-lash, sabros, Samo gledam, Shajlok, sony771, sosko, stagezin, starlights, Stoilkovic, tomo2, vaci, vjetar, vladetije, zmajognjeniivan, Zoran1959, zubri, zvomar