Autor Zpráva
xyz007
Profil
#1 · Zasláno: 30. 7. 2006, 14:26:34
Odpovědět Citovat
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
#2 · Zasláno: 30. 7. 2006, 14:28:17
Odpovědět Citovat
To se ti nepovede, dokud nevyhážeš všechny ty nesmyslný abs. pozice.
xyz007
Profil
#3 · Zasláno: 30. 7. 2006, 14:33:25
Odpovědět Citovat
mam je vyhazet jenom v ty paticce nebo vsude ?
habendorf
Profil
#4 · Zasláno: 30. 7. 2006, 14:59:05
Odpovědět Citovat
Všude.
xyz007
Profil
#5 · Zasláno: 30. 7. 2006, 15:08:33
Odpovědět Citovat
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
#6 · Zasláno: 30. 7. 2006, 15:21:20
Odpovědět Citovat
#hlavicka {
background: pink;
width: 850px;
height: 55px;
margin {10px 0 0 10px;}
text-align: center;
}
xyz007
Profil
#7 · Zasláno: 30. 7. 2006, 15:55:56
Odpovědět Citovat
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
#8 · Zasláno: 30. 7. 2006, 16:01:54
Odpovědět Citovat
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
#9 · Zasláno: 30. 7. 2006, 16:39:08
Odpovědět Citovat
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
#10 · Zasláno: 30. 7. 2006, 20:13:24
Odpovědět Citovat
Povedz mi jediný dôvod prečo je menu v tabuľke...
xyz007
Profil
#11 · Zasláno: 30. 7. 2006, 20:37:56
Odpovědět Citovat
diky vam vsem za rady, moc ste mi pomohli - uz sem to vyresil
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0