CSS Menu Viac riadkove

Borči · Napísal **Borči**: 16.04.2007 17:42

Cawte mam taketo menu CSS Menu Viac riadkove

ale neviem ako mam v CSS urobit menu s riadkami ptrebujem 18 riadkov.....

Toto je moj CSS styl.css:

Kód:

body {
background-color:#FBA847;}
#hlavne {
width: 1000px;
margin: 0 auto 0 auto;
border: 1px solid black;}
#head {
height: 257px;
border-bottom: 1px solid black;background-image: url(../butik/obrazy/www_01.gif);}
#horna_lista {
height: 36px;
border-bottom: 1px solid black;
background-image:url(../butik/obrazy/www_02.gif);}
#menu {
width: 20%;
float: left;}
#obsah {
width: 69.25%;
float: right;
border-left: 0px solid black;
height: 696px;
background-image:url(../butik/obrazy/www_05.gif);}
#end {
height: 114px;
border-top: 0px solid black;
clear: both;
background-image:url(../butik/obrazy/www_22.gif);} 

A toto je moj HTML index.html:

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>
<link rel="stylesheet" type="text/css" href="styl.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Butik Lorien</title>
</head>
<div id="hlavne">

<div id="head">Hlavička stránky , v css stylováno pod id=head</div>
<div id="horna_lista">Místo pro banner stránky, v css stylováno pod id=banner</div>

<div id="menu">menu id=menu</div>
<div id="obsah">obsah id=obsah<br>
<h4>příklady tabulkových klasických stránek</h4>
</div>


<div id="end">Tak a tady je konec, tzv. patička id=end</div>
</div>
<body>
</body>
</html>

Dik za odpovede

Borči · Napísal autor témy **Borči**: 16.04.2007 20:59

skusam to hocijako ale stale mi to nevychadza

(
je to krive

Kód:

body {
background-color:#FBA847;}
#hlavne {
width: 1000px;
margin: 0 auto 0 auto;
border: 1px solid black;}
#head {
height: 257px;
background-image: url(../butik/obrazy/www_01.gif);
border-bottom: 1px solid black;}
#horna_lista {
height: 36px;
background-image:url(../butik/obrazy/www_02.gif);}
#menu {
width: 20%;
float: left;}
#menu ul {
margin: 0;
list-style-type: none;}
#menu a {
display: block;
color: #FC8C09;
background-image:url(../butik/obrazy/h_06.gif);
width: 309px;
height: 37px;
text-decoration: none;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;}
#obsah {
width: 69.25%;
float: right;
height: 696px;
border-left: 1px solid black;
background-image:url(../butik/obrazy/www_05.gif);}
h1 {margin-left: 10px; font-size:16px;}
h2 {margin-left: 10px; font-size:15px;}
#end {
height: 114px;
border-top: 1px solid black;
clear: both;
background-image:url(../butik/obrazy/www_22.gif);} 

http://img46.imageshack.us/img46/7721/krivepq2.jpg

p360t · Napísal **p360t**: 16.04.2007 21:23

nerozumiem, čo je "krivé"?

Borči · Napísal autor témy **Borči**: 16.04.2007 21:38

TAKTO TO MA BYT

CSS Menu Viac riadkove

TAKTO TO JE

CSS Menu Viac riadkove

ambrel · Napísal **ambrel**: 17.04.2007 13:30

Skus to spravit takto, ze v jednom velkom dive (ktoreho sirka = sirka menu + sirka obsahu) bude spolocne aj div obsah, aj div menu, akurat menu bude mat float left... Mne to tak stale funguje... A hlavne si skontroluj, aby ti vsade sedela sirka, lebo inak to budes mat posunute, ani nebudes vediet preco...

Myslim si, ze hladas tento http://www.ssi-developer.net/main/templ ... -fixed.htm

Borči · Napísal autor témy **Borči**: 17.04.2007 21:41

nejako som to poskusal a mam to takto :-/ neviem posunut ten text..

p360t · Napísal **p360t**: 18.04.2007 8:06

tam daj buď ľavý padding, alebo text-indent (ale text-indent len ak máš zaručené, že tie názvy položiek budú v 1 riadku)

CSS Menu Viac riadkove

Podobné témy