View previous topic :: View next topic |
Author |
Message |
Jabba
Joined: 10 Dec 2007 Posts: 326 Location: Rijeka
|
Posted: 10.12.2007 12:08 Post subject: Simple layout skontat u tableless css i to |
|
|
Ovako,
prvo hello svima, ja sam ovdje prvi put =)
Htio bi pitat ako mi neko moze dati neke upute šta tj kako da napravim ovaj layout bez tablica....
evo slike pa pogledajte i ako znate recite kako bi bilo najbolje podijeliti taj layout jer tamo na tutorijalima svim imaju neke svoje shit layoute koje mi se baš ne svidjaju a onda i ne kontam onda kako da napravim sa svojim layoutom to .....e da i ovaj logo (zedd) koji sam ja pokušavao stavit u dreamweaveru u taj neki layout koji sam stavio sa backgroundom sa ove velike slike izrezan sa strane 1 px i onda u css repeat -x , e i onda nisam mogao nikako skontat da stavim logo tamo di treba da bi se poklopio ton boje iza logoa i na logoa, a pokušavao sam i sa transparent gif al onda ne dodje lepo glatko nego grubo okolo i čudno.....kako vi to riješavate? jednostavniji background ili?
|
|
|
Back to top |
|
|
jojo
Joined: 27 Jan 2005 Posts: 1591 Location: insula aurea
|
Posted: 10.12.2007 12:36 Post subject: |
|
|
logo nek ti bude transparentni png i nek bude bez ovog gradijenta u pozadini - samo slova koja u foregroundu imaju ovaj svijetli gradijent i okolo ovaj plavi rub... taj png nek ide u jedan div a tamniji gradijent stavi u background diva sa sadržajem. ne znam dal sam bila jasna
layout je prilično jednostavan za napravit u css-u.
klikni tu za puno dobrih uputa i linkova vezanih uz css
gl |
_________________ deviant / malomorgen / videoholik / cimer fraj |
|
Back to top |
|
|
Jabba
Joined: 10 Dec 2007 Posts: 326 Location: Rijeka
|
Posted: 10.12.2007 12:54 Post subject: |
|
|
Code: | <!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>
<style type="text/css">
/* MAIN */
body { background-image:url(images/background_gradient.gif); background-repeat:repeat-x; }
/* LOGO [DIV] */
IMG.logo { display: block; margin-left: auto; margin-right: auto; }
/* NAV [DIV]*/
.nav { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:right; padding: 10px; }
.nav_on { color:#FFFFFF; }
.nav_off { color:#abd1e3; }
.nav_sep { color:#446c79; }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Zedd | Blog</title>
</head>
<body>
<div class="logo">
<div align="center"><img src="images/logo.gif" width="496" height="208" />
</div>
</div>
<div class="nav">
<a class="nav_on">HOME</a> <a class="nav_sep">//</a> <a class="nav_off">ARCHIVE</a> <a class="nav_sep">//</a> <a class="nav_off">CONTACT</a>
</div>
<div class="content">
</div>
</body>
</html>
|
samo ne kuzim kako cu ove kucice di piše ovo last post i to kako da to odvojim
btw ovo u vezi png baš nisam skuzio, nego ne kuzim zašto mi nece centrirat logo kad stavim margin-left=auto; i margin right=auto; , radi samo kad stavim na div align="center" al to nije onda to , sve treba u css bit kaj ne? |
|
|
Back to top |
|
|
jojo
Joined: 27 Jan 2005 Posts: 1591 Location: insula aurea
|
|
Back to top |
|
|
|