[ Príspevkov: 6 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 29.12.08
Prihlásený: 26.07.14
Príspevky: 16
Témy: 7 | 7
NapísalOffline : 05.11.2009 11:41 | Layout...

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


Offline

Čestný člen
Čestný člen
Layout...

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno
NapísalOffline : 05.11.2009 15:05 | Layout...

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.


Offline

Čestný člen
Čestný člen
Layout...

Registrovaný: 21.02.06
Prihlásený: 08.12.14
Príspevky: 5403
Témy: 30 | 30
Bydlisko: Bratislava
NapísalOffline : 05.11.2009 17:22 | Layout...

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?


_________________
Neradím a nekomunikujem cez SS, ak niečo potrebujete, máte iné možnosti: Ak vám zmizla téma, alebo sa vám niečo nepáči. Ak potrebujete nahlásiť príspevok/človeka, reportujte ho. Ak máte s niečim problém, riešte to v danej téme.
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 29.12.08
Prihlásený: 26.07.14
Príspevky: 16
Témy: 7 | 7
Napísal autor témyOffline : 05.11.2009 19:56 | Layout...

Ď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


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 29.12.08
Prihlásený: 26.07.14
Príspevky: 16
Témy: 7 | 7
Napísal autor témyOffline : 06.11.2009 20:03 | Layout...

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


Offline

Užívateľ
Užívateľ
Layout...

Registrovaný: 05.09.09
Príspevky: 1141
Témy: 127 | 127
Bydlisko: Lehota pod ...
NapísalOffline : 07.11.2009 12:35 | Layout...

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


 [ Príspevkov: 6 ] 


Layout...



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Brainhacking layout

v Frontend

12

869

08.04.2008 19:13

pepek92

V tomto fóre nie sú ďalšie neprečítané témy.

Layout stranky

v Frontend

11

2021

30.12.2007 23:23

erkakbe

V tomto fóre nie sú ďalšie neprečítané témy.

myspace layout

v Frontend

4

737

01.12.2009 10:12

HUBO

V tomto fóre nie sú ďalšie neprečítané témy.

overflow layout

v Frontend

2

691

11.03.2009 11:34

mienkofax

V tomto fóre nie sú ďalšie neprečítané témy.

css layout

v Frontend

6

1017

15.11.2008 23:10

Gyrxiur

V tomto fóre nie sú ďalšie neprečítané témy.

Toshiba layout

v Notebooky a netbooky

4

748

13.09.2008 0:25

fuco

V tomto fóre nie sú ďalšie neprečítané témy.

Jednoduchý layout

v Frontend

5

715

17.09.2012 9:32

iNviNho

V tomto fóre nie sú ďalšie neprečítané témy.

rozhádzaný layout

v Frontend

3

590

26.02.2010 17:17

camo

V tomto fóre nie sú ďalšie neprečítané témy.

aky Layout?

v Frontend

13

1261

02.12.2006 17:37

javo

V tomto fóre nie sú ďalšie neprečítané témy.

e-shop layout

v Frontend

22

1226

16.03.2008 21:48

jablko05

V tomto fóre nie sú ďalšie neprečítané témy.

Pixiho trojstĺpcový layout

v Frontend

16

1135

21.11.2009 20:35

camo

V tomto fóre nie sú ďalšie neprečítané témy.

css layout pomoc

v Frontend

5

696

27.08.2008 12:55

wotan

V tomto fóre nie sú ďalšie neprečítané témy.

Google Layout kóty

v Grafické programy

0

746

09.06.2008 15:10

Blackshadow

V tomto fóre nie sú ďalšie neprečítané témy.

Razer Arctosa SK Layout

v Ostatné

0

424

02.09.2011 16:06

tomas019

V tomto fóre nie sú ďalšie neprečítané témy.

chybny layout vo firefoxe

v Frontend

6

739

26.06.2008 8:28

itsgoingd

V tomto fóre nie sú ďalšie neprečítané témy.

table layout vs. css

v Frontend

14

1218

14.01.2007 16:38

audiotrack



© 2005 - 2026 PCforum, edited by JanoF