| Autor | Zpráva | ||
|---|---|---|---|
| Alexx Profil |
#1 · Zasláno: 20. 7. 2015, 15:35:18
Ahoj zkouším si pozicování ale mam problém.Vytvořil jsem si box do kterého jsem vložil celou stránku aby byla na středu ale zaroveň je stránka trochu odsazená dolů přesto že jsem použil margin:0 auto;
Mohl by mi někdo poradit co s tím díky moc. celý kod: /* CSS Document */
#box
{
width:960px;
margin: 0 auto;
}
#header
{
width:100%;
height:200px;
background:#CC9900;
margin:0px;
}
#menu
{
width:100%;
height:30px;
background:#660099;
padding-top:15px;
}
a
{
color:red;
padding:15px;
}
#leve_menu
{
width:200px;
background:#faf0e6;
height:300px;
padding-top:15px;
}<!DOCTYPE html>
<html lang="cs-cz">
<head>
<meta charset="utf-8" />
<title>Moje stranka</title>
<link rel="stylesheet" type="text/css" href="styly.css"/>
</head>
<body>
<div id="box">
<div id="header"><h1>Vitejte na mem prvnim webu</h1> </div>
<div id="menu"><a href="http://www.seznam.cz/">odkaz1</a>
<a href="http://www.seznam.cz/">odkaz2</a>
<a href="http://www.seznam.cz/">odkaz3</a>
<a href="http://www.seznam.cz/">odkaz4</a>
</div>
<div id="leve_menu">
<ul>
<li>Polozka1</li>
<li>Polozka2</li>
<li>Polozka3</li>
</ul>
</div>
</div>
</body>
</html> |
||
| juriad Profil |
Jednak přidej reset odsazení stránky vůči oknu prohlížeče (obvykle jej chceš, protože si odsazení chceš nastavit sám někde jinde):
html, body {
padding: 0;
margin: 0;
}A ten druhý problém souvisí s vytékáním marginu h1 mimo #box. Máš tam i popis řešení. |
||
|
Časová prodleva: 14 dní
|
|||
| Alexx Profil |
#3 · Zasláno: 3. 8. 2015, 12:08:20
Ahoj děkuji za odpověď ale problém jsem stále nevyřešil nastavil jsem #box overflow:auto; reset odsazení taky
|
||
| Tomáš123 Profil |
#4 · Zasláno: 3. 8. 2015, 12:29:43
Alexx:
Prilož prosím živú ukážku. |
||
| Alexx Profil |
#5 · Zasláno: 3. 8. 2015, 12:50:36
<!DOCTYPE html>
<html lang="cs-cz">
<head>
<meta charset="utf-8" />
<title>Moje stranka</title>
<link rel="stylesheet" type="text/css" href="styly.css"/>
</head>
<body>
<div id="box">
<div id="header"><h1>Vitejte na mem prvnim webu</h1> </div>
<div id="menu"><a href="http://www.seznam.cz/">odkaz1</a>
<a href="http://www.seznam.cz/">odkaz2</a>
<a href="http://www.seznam.cz/">odkaz3</a>
<a href="http://www.seznam.cz/">odkaz4</a>
</div>
<div id="leve_menu">
<ul>
<li>Polozka1</li>
<li>Polozka2</li>
<li>Polozka3</li>
</ul>
</div>
</div>
</body>
</html>/* CSS Document */
html,body
{
padding:0;
margin:0;
}
#box
{
width:960px;
margin: auto;
overflow:auto;
}
#header
{
width:100%;
height:200px;
background:#CC9900;
margin:0px;
}
#menu
{
width:100%;
height:30px;
background:#660099;
padding-top:15px;
}
a
{
color:red;
padding:15px;
}
#leve_menu
{
width:200px;
background:#faf0e6;
height:300px;
padding-top:15px;
} |
||
| Tomáš123 Profil |
#6 · Zasláno: 3. 8. 2015, 13:44:21
Alexx:
Takže nakoniec je to presne tak ako písal juriad. Živé ukážky prikladáme v tunajšom editore kod.djpw.cz. Na začiatok CSS časti som pridal pár riadkov. |
||
| Alexx Profil |
#7 · Zasláno: 3. 8. 2015, 13:52:47
dobře ještě si to pročtu díky moc
|
||
|
Časová prodleva: 9 let
|
|||
0