Autor Zpráva
Clair
Profil *
#1 · Zasláno: 10. 12. 2007, 20:39:49
Odpovědět Citovat
Ahoj, potřeboval bych vycentrovat můj layout doprostřed, ale nejsem si jistý :
vertical-align:middle ??

Asi ne, když mi to nefunguje, že? Prosím poraďte. Děkuju.
Str4wberry
Profil
#2 · Zasláno: 10. 12. 2007, 20:43:09
Odpovědět Citovat
Použij to políčko vpravo nahoře.
Clair
Profil *
#3 · Zasláno: 10. 12. 2007, 20:55:13
Odpovědět Citovat
Jojo,díky. A ještě jeden dotaz. V layoutu mám hlavičku, levý panel, obsahový panel, pravý panel a patičku. V levém + prásbém panelu jsou menu a potřeboval bych poradit, že když na nějakou sekci kliknu, tak se mi objeví v obsahovém panelu, ale tak, že nemusím do každé té html sekce kopírovat celý layout..... Jde to pomocí CSS? MOc díky
Str4wberry
Profil
#4 · Zasláno: 10. 12. 2007, 20:58:50
Odpovědět Citovat
http://jakpsatweb.cz/include.html
Manq
Profil
#5 · Zasláno: 10. 12. 2007, 20:59:09
Odpovědět Citovat
Pomocí CSS ne.
Clair
Profil *
#6 · Zasláno: 10. 12. 2007, 21:03:24
Odpovědět Citovat
Str4wberry

Děkuji za nasměrování. A jakou verzi byste vy zkušení profíci doporučili laikovi, který zvládá html, css?
Str4wberry
Profil
#7 · Zasláno: 10. 12. 2007, 21:07:13
Odpovědět Citovat
Asi pomocí PHP — zdá se mi to nejsnadnější.
Clair
Profil *
#8 · Zasláno: 10. 12. 2007, 21:48:57
Odpovědět Citovat
Mám problém s menu v layoutu. Mám tento layout a do levého panelu chci vložit toto menu. Při vložení to menu nejede, i když jinak v jiném layoutu jo. Chci se zeptat, jestli je chyb pravděpodobně u mě, nebo je možné, že do toho layoutu prostě klasické hover menu nejde vložit....?Kód je na přiložených stránkách.
Manq
Profil
#9 · Zasláno: 10. 12. 2007, 21:50:17
Odpovědět Citovat
Chci se zeptat, jestli je chyb pravděpodobně u mě
Ano, je nejspíš u tebe.
Clair
Profil *
#10 · Zasláno: 10. 12. 2007, 21:52:38
Odpovědět Citovat
XHTML

<html>
<body>
<div id="strankaobal">
<div id="strankaobal1">
<div id="strankaobal2">

<div id="strankahlavicka">
<h1>Hlavička</h1>
</div>

<div id="strankavnitrek">
<div id="strankavnitrek2">

<div id="levypanelobal">
<div id="levypanelvnitrek">

<h1>Levý panel</h1>
<hr />
<div>
<link rel="stylesheet" href="menu.css" type="text/css" />
<html>
<body>

<ul id="hlavniMenu">
<li><a href="">Hlavní odkaz 1</a>
<ul>
<li><a href="">Pododkaz 11</a></li>
<li><a href="">Pododkaz 12</a></li>
<li><a href="">Pododkaz 13</a></li>
</ul>
</li>

<li><a href="">Hlavní odkaz 2</a>
<ul>
<li><a href="">Pododkaz 21</a></li>
<li><a href="">Pododkaz 22</a></li>
<li><a href="">Pododkaz 23</a></li>
</ul>
</li>

<li><a href="">Hlavní odkaz 3</a>
<ul>
<li><a href="">Pododkaz 31</a></li>
<li><a href="">Pododkaz 32</a></li>
<li><a href="">Pododkaz 33</a></li>
</ul>
</li>
</ul>

</body>
</html>

</div>

</div>
</div>

<div id="pravypanelobal">
<div id="pravypanelvnitrek">

<h1>Pravý panel</h1>
<hr />

<div>
<p>Lorem ipsum dolor sit amet...</p>
</div>

</div>
</div>
...
...
...
...
Manq
Profil
#11 · Zasláno: 10. 12. 2007, 21:56:25
Odpovědět Citovat
Co tam dělají ty značky <body>, <html><link>? Pryč s nimi.
Clair
Profil *
#12 · Zasláno: 10. 12. 2007, 22:00:04
Odpovědět Citovat
Ano, dobře, ale chyba v tom není... stále to nefunguje.
Manq
Profil
#13 · Zasláno: 10. 12. 2007, 22:00:54
Odpovědět Citovat
Clair
No, tak raději ukaž ještě CSSko. Takhle prd vidím.
Clair
Profil *
#14 · Zasláno: 10. 12. 2007, 22:02:13
Odpovědět Citovat
body
{
background-color:#dddddd;
}

ul#hlavniMenu
{
width:100px;
background-color:white;
}

ul#hlavniMenu, ul
{
padding:0;
margin:0;
list-style-type:none;
}

ul#hlavniMenu ul
{
position:absolute;
top:0;
left:100px;
visibility:hidden;
background-color:white;
}

ul#hlavniMenu li
{
position:relative;
width:100px;
}

ul#hlavniMenu a
{
color:black;
display:block;
font:12px arial,sans-serif;
text-decoration:none;
display:block;
width:100%;
}

ul#hlavniMenu a:hover, ul#hlavniMenu li:hover a, ul#hlavniMenu li.hover a
{
background-color:black;
color:white;
}

ul#hlavniMenu li:hover ul a, ul#hlavniMenu li.hover ul a
{
background-color:white;
color:black;
}

ul#hlavniMenu li:hover ul a:hover, ul#hlavniMenu li.hover ul a:hover
{
background-color:black;
color:white;
}

ul#hlavniMenu li:hover ul, ul#hlavniMenu li.hover ul
{
visibility:visible;
}

ul#hlavniMenu li li
{
border:none;
padding:0;
background-color:white;
}

ul#hlavniMenu li
{
behavior: url(hover.htc);
}
Clair
Profil *
#15 · Zasláno: 10. 12. 2007, 22:03:31
Odpovědět Citovat
A taky k layoutu:

body {text-align: center}, html
{
border: 0px none;
margin: 0px;
padding: 0px;
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif !important;
font-size: small !important;
}

.resetovac
{
border: 0px none;
margin: 0px;
padding: 0px;
float: none;
clear: both;
width: 0px;
height: 0px;
line-height: 0px;
font-size: 0px;
}

p, img, table, tr, th, td, h1, h2, h3, h4, h5
{
border: 0px none;
margin: 0px;
padding: 0px;
}

#bodyhlavicka
{
background-color: #ffffcc;
}

#bodypaticka
{
background-color: #ffffcc;
}

#strankahlavicka
{
background-color: #dddddd;
}

#strankapaticka
{
background-color: #dddddd;
}

#strankaobal
{
width: 900px;
margin: 0px auto 0px auto;
}

#strankaobal1
{
background: url('left.gif') top left repeat-y;
}

#strankaobal2
{
background: url('right.gif') top right repeat-y;
}

#levypanelobal
{
float: left;
width: 170px;
margin: 5px 0px 5px 5px;
padding: 2px 2px 2px 2px;
font-size: 90%;
}

#pravypanelobal
{
float: right;
width: 130px;
margin: 5px 5px 5px 0px;
padding: 2px 2px 2px 2px;
font-size: 85%;
}

#hlavnipanelobal
{
padding: 5px 150px 5px 190px;
}

#hlavnipanelhlavicka
{
background-color: #dddddd;
}

#hlavnipanelpaticka
{
background-color: #dddddd;
}


#levypanelobal
{
margin-left: 2px;
}

#pravypanelobal
{
margin-right: 2px;
}
Bubák
Profil
#16 · Zasláno: 10. 12. 2007, 22:17:55
Odpovědět Citovat
body {text-align: center}, html
Co tam dělá ta čárka. Zkontroluj si, jestli tam nemáš podobných chyb více.
Časová prodleva: 16 let

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0