Threaded Mode | Linear Mode

oujea · 30-07-2009 01:04 AM

napravio sam template za sajt u photoshopu, i sve to fino izgleda kad je par redova teksta u mjestu za content, a kad ima vise vijesi sve se nesto ispomjera po malo :) evo screenshot pa vidite kako izgleda, i ako imate ideju kako ovo da popravim, molim vas recite

**schmrz** · 30-07-2009 11:23 AM

Kao i u drugoj temi koju si otvorio, nisi nam dao dovoljno informacija. Pošalji nam fajlove s kojim radiš.

oujea · 30-07-2009 01:58 PM

Evo ovo je index stranice ove koju radim, znaci u prostor za content, cim je vise redova teksta nekako se ispomjera sve i pojave se "rupe" bijelog prostora...

http://www.sendspace.com/file/fblklc

**schmrz** · 30-07-2009 03:19 PM

Tvoj najveći problem je što koristiš tablice za dizajn. Ne samo da je to zastarjel način dizajniranja stranica, također je neefikasan. Predlažem ti da prođeš kroz css tutorijale: http://www.tutorijali.net/css

Nakon toga, pokušaj ovaj isti dizajn napraviti sa css-om. Ako budeš imao problema, navrati ovdje opet.

oujea · 01-08-2009 10:38 AM

kako da napravim dva div-a u jednom redu? npr da zauzimaju po pola stranice?

**schmrz** · 01-08-2009 10:42 AM

Code:

<div id="glavni_div">

  <div id="gornji_div">

  <p>Ovo je gornji</p>

  </div>

  <div id="donji_div">

  <p>Ovo je donji</p>

  </div>

</div>

Naravno css-om odrediš dimenzije.

oujea · 01-08-2009 11:19 AM

Hmmm, u CSS-u sam podesio za box height: 100, width: 200, i evo sta dobijem:

a trebam nesto otprilike ovako:

**schmrz** · 01-08-2009 11:34 AM

Pa eto, to je to, samo još u donji div dodaš još dva.

oujea · 01-08-2009 11:46 AM

izvinjavam se ako sam dosadan, ali ne razumijem stvarno Hmmm

koliko god da ih dodam, uvijek tekst pocinje od pocetka i svaki je u novom redu... ne mogu da napravim jedan koji bi bio lijevo, a drugo pored njega desno Ccc

**schmrz** · 01-08-2009 12:02 PM

Evo na ovo sam mislio:

index.html

Code:

<html>

<head>

<link rel="stylesheet" type="text/css" href="style.css" />

</head>

<body>

<div id="wrapper">

    <div id="header">

    <h1>Header</h1>

    </div>

    <div id="rmenu">

    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.</p>

    </div>

    <div id="content">

    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>

    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>

    </div>

</div>

</body>

</html>

style.css

Code:

#wrapper

{

    width: 500px;

    min-height: 300px;

    margin: 0 auto 0 auto;

    border: dashed 1px;

}

#header

{

    height: 100px;

    border-bottom: dashed 1px;

}

#header h1 

{

    margin: 10px 0 0 50px;

}

#rmenu

{

    float: left;

    width: 160px;

    margin: 0;

    padding: 1em;

}

#content

{

    margin-left: 170px;

    border-left: 1px dashed;

    padding: 1em;

}

Threaded Mode \| Linear Mode PS layout problem
Author	Message