Autor Zpráva
xyz007
Profil
Potrebuju upravit nasledujici kod: pres php include se vlozi soubor clanek.html a pod nej se umisti paticka. Problem je v tom ze ten clanek.html (nebo ten soubor co se bude vkladat) bude dycky jinak dlouhej. Jak mam upravit ten CSS styl aby se ta paticka zobrazila vzdycky treba 20px pod tim vlozenym souborem?
Vim ze je to blbej dotaz ale ja vazne uz nevim co stim! Predem dekuju vsem za odpoved.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>:-)</title>
</head>
<body>
<style type="text/css">
body, table, th, td, a {
font-family: Verdana, Geneva, Arial, Helvetica, Arial;
}
img {
border: none;
}
#hlavicka {
background: pink;
position: absolute;
width: 850px;
height: 55px;
top: 10px;
left: 10px;
text-align: center;
}
#obsah {
position: absolute;
width: 655px;
top: 75px;
left: 190px;
}
#levy {
background: silver;
position: absolute;
Height: 500px;
width: 150px;
top: 75px;
left: 15px;
text-align: center;
}
#paticka {
background: white;
position: absolute;
width: 850px;
height: 17px;
top: 650px;
left: 10px;
text-align: center;
</style>

<div id="hlavicka" align=center>
<b><font align="center" color="black" size="+4">:-D</font></b>
</div>


<div id="levy">
<style type="text/css">
a:link {color: blue} /* nenavstiveny */
a:visited {color: red} /* navstiveny*/
a:hover {color: black} /* odkazy prejizdene mysi */
</style>
<table border="0" cellpadding="3" cellspacing="0">
<tr>
<td>
<a href="0.php">
0</a>
</td>
</tr>
<tr>
<td>

<a href="1.html">
1</a>
</td>
</tr>
<tr>
<td>

<a href="2.html">
2</a>
</td>
</tr>
<tr>
<td>
<a href="3.php">
3</a>
</td>
</tr>
<tr>
<td>
<a href="4.php">
4</a>
</td>
</tr>
</table>
</div>


<div id="obsah">
<?php include "clanek.html"?>
</div>


<div id="paticka">
<font color="red">tak todle je paticka</font>
</div>


</body>
</html>
habendorf
Profil
To se ti nepovede, dokud nevyhážeš všechny ty nesmyslný abs. pozice.
xyz007
Profil
mam je vyhazet jenom v ty paticce nebo vsude ?
habendorf
Profil
Všude.
xyz007
Profil
Jak to pak mam ale odsadit od kraje a od zhora? Ja z CSS teprve zacinam. Moh bys mi prosim alespon cast toho stylu na ukazku upravit?
habendorf
Profil
#hlavicka {
background: pink;
width: 850px;
height: 55px;
margin {10px 0 0 10px;}
text-align: center;
}
xyz007
Profil
Diky, ta paticka uz funguje. Ale rozhazelo to celou stranku; :-(

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>:-)</title>
</head>
<body>
<style type="text/css">
body, table, th, td, a {
font-family: Verdana, Geneva, Arial, Helvetica, Arial;
}
img {
border: none;
}
#hlavicka {
background: pink;
/*position: absolute;*/
width: 850px;
height: 55px;
/*top: 10px;
left: 10px;*/
text-align: center;
margin {10px 0px 20px 15px;}

}
#obsah {
/*position: absolute;*/
width: 655px;
/*top: 75px;
left: 190px;*/
margin {10px 0px 10px 15px;}
}
#levy {
background: silver;
/*position: absolute;*/
Height: 500px;
width: 150px;
/*top: 120px;
left: 15px;*/
text-align: center;
margin {20px 0px 0px 20px;}
}
#paticka {
background: white;
width: 850px;
height: 17px;
text-align: center;
margin {5px 0px 10px 10px;}
</style>

<div id="hlavicka" align=center>
<b><font align="center" color="black" size="+4">:-D</font></b>
</div>


<div id="levy">
<style type="text/css">
a:link {color: blue} /* nenavstiveny */
a:visited {color: red} /* navstiveny*/
a:hover {color: black} /* odkazy prejizdene mysi */
</style>
<table border="0" cellpadding="3" cellspacing="0">
<tr>
<td>
<a href="0.php">
0</a>
</td>
</tr>
<tr>
<td>

<a href="1.html">
1</a>
</td>
</tr>
<tr>
<td>

<a href="2.html">
2</a>
</td>
</tr>
<tr>
<td>
<a href="3.php">
3</a>
</td>
</tr>
<tr>
<td>
<a href="4.php">
4</a>
</td>
</tr>
</table>
</div>


<div id="obsah">
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
</div>


<div id="paticka">
<font color="red">tak todle je paticka</font>
</div>


</body>
</html>
habendorf
Profil
Ten layout prostě musíš udělat plovoucí, jinak tu patičku kloudně neuděláš. Podívej se na vlastnosti float a clear a vydrž to, napoprvé to není úplně jednoduchý. Jakmile to pochopíš, je to pohoda :o)
xyz007
Profil
uz je to skoro dobry, akorat se mi nelibi ze se pod tim menu vykresluje cast toho obsahu a ze to je vsechno na sebe tak "nalepeny" - ja bych tam potreboval dat mezery

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>:-)</title>
</head>
<body>
<style type="text/css">
body, table, th, td, a {
font-family: Verdana, Geneva, Arial, Helvetica, Arial;
}
img {
border: none;
}
#hlavicka {
background: pink;
width: 850px;
height: 55px;
text-align: center;
margin {10px 0px 0px 10px;}

}
#obsah {
background: green;
width: 655px;
margin {10px 0px 10px 15px;}
}
#levy {
background: silver;
Height: 500px;
width: 150px;
float: left;
text-align: center;
margin {20px 0px 0px 20px;}
}
#paticka {
background: red;
width: 850px;
height: 17px;
text-align: center;
margin {5px 0px 10px 10px;}
</style>

<div id="hlavicka" align=center>
<b><font align="center" color="black" size="+4">:-D</font></b>
</div>


<div id="levy">
<style type="text/css">
a:link {color: blue} /* nenavstiveny */
a:visited {color: red} /* navstiveny*/
a:hover {color: black} /* odkazy prejizdene mysi */
</style>
<table border="0" cellpadding="3" cellspacing="0">
<tr>
<td>
<a href="0.php">
0</a>
</td>
</tr>
<tr>
<td>

<a href="1.html">
1</a>
</td>
</tr>
<tr>
<td>

<a href="2.html">
2</a>
</td>
</tr>
<tr>
<td>
<a href="3.php">
3</a>
</td>
</tr>
<tr>
<td>
<a href="4.php">
4</a>
</td>
</tr>
</table>
</div>

<div id="obsah">
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
mmmmm mmmmmm mmmmmm mmm mmmmmmmmm mmmmmmmm mmmmm mmmmmmm mmmmmmmmmm
</div>

<div id="paticka">
<font color="black">tak todle je paticka</font>
</div>


</body>
</html>
tiso
Profil
Povedz mi jediný dôvod prečo je menu v tabuľke...
xyz007
Profil
diky vam vsem za rady, moc ste mi pomohli - uz sem to vyresil
Toto téma je uzamčeno. Odpověď nelze zaslat.