Layout...

libra4po · Napísal **libra4po**: 05.11.2009 11:41

Ahoj, potreboval by som menšiu pomoc s tymto layout-tom. To, co by som potreboval zrobit vidite na tomto obrazku:[/size]
http://img199.imageshack.us/img199/804/zadaniek.jpg

To, co som dal do html vidite sem:[/size]

Kód:

<!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>ZADANIE1</title>
<link href="/css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="wrapper">

     <div id="Header-pasik">
        &nbsp; 

           <div id="Header">
           &nbsp;
           </div>
     </div>
     <div id="Menu-pasik">
        &nbsp; 
     </div>
     <div id="Plocha-pasik">
        &nbsp; 
          <div id="Plocha">
          &nbsp;
          </div>
    </div>
    <div id="Footer-pasik">
         &nbsp;         
         <div id="Footer">
              <div id="copy">
              &nbsp;
              </div>
              <div id="desinged-by">
              &nbsp;
              </div>
          </div> 
    </div>

</div>

</body>

</html>

A to, co som dal do css vidite sem:[/size]

Kód:

@charset "utf-8";
/* CSS Document */

body {
   background-image: url('/images/bg.jpg');
   margin: 0 0 0 0;
}

#wrapper {
   width: 900px;
   margin-right: auto;
   margin-left: auto;
}

#Header-pasik {
   width: 100%;
   background-image: url('/images/header-pasik.jpg');
   background-repeat: repeat-x;
   background-position: center, top;
}

#Header {
   height: 100px;
}

#Menu-pasik {
   width: 100%;
   background-image: url('/images/menu-bg.jpg');
   background-repeat: repeat-x;
   background-position: center, top;
}

#Plocha {
   font-size: 13px;
   line-height: 17px;
}

h1 {
   font-size: 18px;
}   

h2 {
   font-size: 16px;
}

h3 {
   font-size: 14px;
}   

p {
   font-size: 13px;
}

#Plocha-pasik {
   background-image: url('/images/plocha-bg.jpg');
   background-repeat: repeat-x;
   background-position: center, top;
}

#Footer-pasik {
   background-repeat: repeat-x;
   background-position: center, top;
   height: 100%;
}

#Footer {
   position: relative;
}

#copy {
   position: absolute;
   margin-top: 30px;
   margin-left: 30px;
}

#desinged-by {
   position: absolute;
   margin-top: 30px;
   margin-right: 30px;
   text-align: right;
}

Potrebujem aby mi to zobrazovalo ako na obrazku... Menu zatial nemusim mat len potrebujem tto zobrazovanie...

VOPRED DAKUJEM ZA POMOC... VELMI MI NA TOM ZALEZI...

//editovane, pozri si zopar inych topicov, nikto nepise boldom, pismom o velkosti 18 a nedava obrazky sirsie ako 800pix, Daron

Ďuri · Napísal **Ďuri**: 05.11.2009 15:05

NEVRIESKAJ
Dal som si tu namahu a skopiroval to do html suboru - co vidim? Nic nevidim. Daj odkaz na zivu ukazku, aj s tymi obrazkami, a presne popis, kde je problem. Nechapem - HTML mas dobre, CSS si zacal dobre, neverim, ze nevies pridat zopar pozadovanych vlastnosti. Tak co ti konkretne treba?
Pri background-position sa nepise center, top, ale center top, bez ciarky. A to, ze nechces <li>, to co je za blbost? <menu> + <li> je najsemantickejsia a najlogickejsia kombinacia. <li> vedla seba umiestnis tak, ze im das float: left.

shaggy · Napísal **shaggy**: 05.11.2009 17:22

Jednoduchá otázka - prečo sa súbor volá zadanie a všetko je to písané ako pokyny pre teba? Ten čo si dal starosť s tým zadaním to určite bude vedieť nakódovať, prečo sa neopýtaš jeho?

libra4po · Napísal autor témy **libra4po**: 05.11.2009 19:56

Ďuri: Vies ono to je zatial cisto len layout nemam k tomu nic ani grafiku ani nic ale ak sa do toho vyznas tak si to vies predstavit aj bez grafiky (niezeby si sa do toho nevyznal..

) A to menu a toto si nevsimaj to zatial netreba

shaggy: No ano je to tak az na to, ze on uprednostnuje samoucbu takze mi vela neporadi len pociem aby som to zrobil sam.... ale kedze si uz sam neviem poradit tak som to napisal sem aby mi snad niekto poradil

libra4po · Napísal autor témy **libra4po**: 06.11.2009 20:03

Díky chalani ale už to mám... A ani neviem ako

camo · Napísal **camo**: 07.11.2009 12:35

Len tebe by sa asi hodilo vedieť ako, nie?

Layout...

Podobné témy