Web: poradte koncepci, menu

**Poofy** · 15.10.2007, 15:27

Mam za ukol udelat webove stranky.
Web delam v PHP - struktura html a css - databaze MySQL.
Ma to byt v podstate takova jednoducha stranka-prezentace 10-15 kategorii nejake forum a mala administracni cast - jinak v podstate staticky web.

no a ted ten problem: jeden z hlavnich pozadavku je ze chce staticky vertikalni menu - proste jak neco z doby frames.

Ale ja stranky pomoci frames proste uz delat nechci - tak co s tim ? Zaroven se mi nelibi nejake reseni poskakujicich js oken.

Zatim jsem se mu to snazil vymluvit a kompenzovat kratkymi strankami na casti protoze tohle se prece uz vubec nedela ne? frames..

diky za rady

**jedik** · 15.10.2007, 15:56

Jestli te dobre chapu, co brani pouziti dvou divu/bunek tabulky s tim, ze ta prava strana bude scrollovatelna pomoci overflow?

**Poofy** · 15.10.2007, 16:00

Původně odeslal jedik

Jestli te dobre chapu, co brani pouziti dvou divu/bunek tabulky s tim, ze ta prava strana bude scrollovatelna pomoci overflow?

hm nejaky konkretni priklad toho? nevim presne co mas na mysli.

moje predstava by byla stranka umistena na stredu obrazovky kde menu musi byt staticke a prava strana rollovatelna
mozna mi tomu nic nebrani ale nevim jak na to ...nejsem v tom zadnej profik.
edit: a css ne frames

**jedik** · 15.10.2007, 16:14

Na rychlo spachtene, nicmene hlavni je myslenka:

HTML kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  	
  
<html style="height: 100%; overflow: hidden;">
<head>

    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
    <title>Pokus</title>

</head>

<body style="height: 100%; margin: 0; "> 

  <div style="float: left; width: 20%; background-color: green">
    Menu 1<br />
    Menu 2<br />
    Menu 3<br />
    Menu 4<br />
    Menu 5<br />
  </div>
  <div style="float: left; font-size: 10em; background-color: blue; overflow: auto; height: 100%; width: 80%;">
    blahblah<br />
    blahblah<br />
    blahblah<br />
    blahblah<br />
    blahblah<br />
    blahblah<br />
    blahblah<br />
    blahblah<br />
    blahblah<br />
    blahblah<br />
    blahblah<br />
    blahblah<br />
    blahblah<br />
  </div>

</body>
</html>

Viz. vice na http://www.jakpsatweb.cz/css/overflow.html i s priklady.

**l_iNu$** · 15.10.2007, 20:15

Nebo tomu menu můžeš dát position: fixed

příklad

HTML kód:

<html>
  <head>
    <style>
      #menu {position: fixed; border: 2px solid #000; background: #fff; width: 10em; top: 5em;}
      #content {margin-left: 11em;}
    </style>    
  </head>
  <body>
    <h1>Position: fixed</h1>
  
    <div id="menu">
      <ul>
        <li>First</li>
        <li>Second</li>
      </ul>
    </div>
        
    <div id="content">
       Lorem ipsum dolor... ...urna quis.
    </div>
    
  </body>
</html>

Ovšem toto nefunguje v Internet Explorer 6.

**Poofy** · 16.10.2007, 01:26

diky moc ! oba k+

jedik: -to je presne to co jsem potreboval jen jsem nevedel kde to hledat

ted uz jen to dat na prostredek stranky -to by nemel byt problem (ted nemam cas na to kouknout musim jit uz taky spat)

Téma: Web: poradte koncepci, menu

Nástroje témat

Zobrazení

Hybrid View

Web: poradte koncepci, menu

Re: Web: poradte koncepci, menu

Re: Web: poradte koncepci, menu

Re: Web: poradte koncepci, menu

Re: Web: poradte koncepci, menu

Re: Web: poradte koncepci, menu

Informace o tématu

Users Browsing this Thread

Podobná témata

Vykonny web server, poradte s konfiguraci

problem s otvaranim stranok(vyriesene)

Poradte dobry web kde koupit LCD

Stare karty - poradte, ktora je lepsia

copy web to web ?

Pravidla přispívání