|
Hinnavaatlus
:: Foorum
:: Uudised
:: Ärifoorumid
:: HV F1 ennustusvõistlus
:: Pangalink
:: Telekavad
:: HV toote otsing
|
|
| autor |
|
Kethmar
Kreisi kasutaja
liitunud: 21.06.2006
|
04.03.2008 19:51:38
BOTTOM/FOOTER css-ile. |
|
|
Tervitused.
Tekkis CSS-iga selline jama, nimelt, kuidas saan teha nii, et bottom/footer mis iganes jälgiks sellest eelneva divi kõrgust.
Ehk siis, kui ma kirjutan teksti sisu ja see venitab kasti, siis et bottom ka sellele reageeriks ja samuti muudaks asukohta.
Tänud, kes aitavad.
_________________
Kodulehekülg: http://kethmar.ee/university
Vajad veebilahendust või graafilist abi? Küsi pakkumist. HV Rahvale alati odavamalt. |
|
| Kommentaarid: 24 loe/lisa |
Kasutajad arvavad: |
   |
:: |
0 :: |
0 :: |
24 |
|
| tagasi üles |
|
 |
AMD
HV veteran
liitunud: 29.07.2003
|
|
04.03.2008 20:06:44
|
|
|
<p id="sisu">siin on sisu ja kui siin<br />
on mitu rida, siis läheb footer ka alla poole.</p>
<div id="footer">see läheb allapoole, kui #sisu'sse ridu juurde tekitada</div>
_________________
From now on, the forum is owned by AMD.That means that you are NO LONGER allowed to talk about, or even mention *ntel. |
|
| Kommentaarid: 335 loe/lisa |
Kasutajad arvavad: |
|
:: |
145 :: |
3 :: |
12 |
|
| tagasi üles |
|
|
andrusny
Kreisi kasutaja
liitunud: 20.03.2006
|
|
04.03.2008 20:11:07
|
|
|
<style>
#sisu {
width:500px;
border:solid 1px #000;
}
#footer {
text-align:center;
width:500px;
height:50:px;
background:#66FFFF;
position:relative;
}
</style>
</head>
<body>
<div id="sisu">rrrrfff<br>fff<br><br><br>fffff</div>
<div id="footer">Leht on minu tehtud</div>
</body> |
_________________
 |
|
| Kommentaarid: 7 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
7 |
|
| tagasi üles |
|
|
Kethmar
Kreisi kasutaja
liitunud: 21.06.2006
|
|
04.03.2008 20:26:28
|
|
|
Tegin nii, aga ei funka.
Ta läheb täitsa lehe ülaossa, mitte alaossa, kuigi tegin kõik nii, nagu andrusny scriptis on.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
/* DISAINI ALGUS */
body {
background-image:url(images/taustt.jpg);
}
#container
{
margin-left:auto;
margin-right:auto;
width:752px;
}
#header {
position:absolute;
top:10px;
width:752px;
height:175px;
background-image:url(images/disain_02.gif);
}
#menyy {
background-image:url(images/disain_03.gif);
position:absolute;
top:185px;
width:752px;
height:35px;
}
#pealkirja {
position:absolute;
top:220px;
width:752px;
height:74px;
background-image:url(images/disain_04.gif);
}
#textarea {
position:absolute;
top:294px;
width:752px;
height:auto;
background-image:url(images/disain_05.gif);
}
#footer {
text-align:center;
width:752px;
height:35px;
background-image:url(images/disain_06.gif);
position:relative;
}
/* DISAINI LÕPP */
/*TEKSTID*/
#menuu {
position:absolute;
top:196px;
margin-left: 3em;
font-family: Verdana, sans-serif;
font-size: 14pxpx;
word-spacing:20px;
}
a:link {
font-family: Verdana, sans-serif;
font-size: 14pxpx;
color:#77666b;
text-decoration:none;
}
a:visited {
font-family: Verdana, sans-serif;
font-size: 14pxpx;
color:#77666b;
text-decoration:none;
}
a:hover {
font-family: Verdana, sans-serif;
font-size: 14pxpx;
color:#FF66CC;
text-decoration:none;
}
a:active {
font-family: Verdana, sans-serif;
font-size: 14pxpx;
color:#77666b;
text-decoration:none;
}
</style>
<title>Kethmar Grupp></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="menyy"></div>
<div id="pealkirja"></div>
<div id="textarea"></div>
<div id="footer"></div>
<div id="menuu"><a href="www.neti.ee">Meist</a> <a href="test.com">Teenused</a> <a href="haha.com">Portfolio</a> <a href="lala.com">Kontakt</a></div>
</div>
</body>
</html>
|
See siin on lehe kood.
_________________
Kodulehekülg: http://kethmar.ee/university
Vajad veebilahendust või graafilist abi? Küsi pakkumist. HV Rahvale alati odavamalt. |
|
| Kommentaarid: 24 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
24 |
|
| tagasi üles |
|
|
andrusny
Kreisi kasutaja
liitunud: 20.03.2006
|
|
04.03.2008 20:37:30
|
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
/* DISAINI ALGUS */
body {
background-image:url(images/taustt.jpg);
}
#container
{
margin-left:auto;
margin-right:auto;
width:752px;
}
#header {
position:absolute;
top:10px;
width:752px;
height:175px;
background-image:url(images/disain_02.gif);
}
#menyy {
background-image:url(images/disain_03.gif);
position:absolute;
top:185px;
width:752px;
height:35px;
}
#pealkirja {
position:absolute;
top:220px;
width:752px;
height:74px;
background-image:url(images/disain_04.gif);
}
#textarea {
position:absolute;
top:294px;
width:752px;
height:auto;
background-image:url(images/disain_05.gif);
}
#footer {
text-align:center;
width:752px;
height:35px;
background-image:url(images/disain_06.gif);
position:relative;
}
/* DISAINI LÕPP */
/*TEKSTID*/
#menuu {
position:absolute;
top:196px;
margin-left: 3em;
font-family: Verdana, sans-serif;
font-size: 14pxpx;
word-spacing:20px;
}
a:link {
font-family: Verdana, sans-serif;
font-size: 14pxpx;
color:#77666b;
text-decoration:none;
}
a:visited {
font-family: Verdana, sans-serif;
font-size: 14pxpx;
color:#77666b;
text-decoration:none;
}
a:hover {
font-family: Verdana, sans-serif;
font-size: 14pxpx;
color:#FF66CC;
text-decoration:none;
}
a:active {
font-family: Verdana, sans-serif;
font-size: 14pxpx;
color:#77666b;
text-decoration:none;
}
</style>
<title>Kethmar Grupp></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="menyy"></div>
<div id="pealkirja"></div>
<div id="textarea">Teksti ala<br>hth<br>rth<br>rth<br>t<div id="footer">ttt</div> </div>
<div id="menuu"><a href="www.neti.ee">Meist</a> <a href="test.com">Teenused</a> <a href="haha.com">Portfolio</a> <a href="lala.com">Kontakt</a></div>
</div>
</body>
</html> |
_________________
|
|
| Kommentaarid: 7 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
7 |
|
| tagasi üles |
|
|
Kethmar
Kreisi kasutaja
liitunud: 21.06.2006
|
|
04.03.2008 20:52:40
|
|
|
andrusny, suured tänud!
Nagu ma aru sain, panid sa footeri teise divi sisse?
Küsiks siis kohe teise küsimuse ka ära, kuidas ma saan teha nii, et kui ma ühe divi sisse midagi kirjutan, siis et selle divi topist oleks näiteks 10px allpool tekst alles.
Nimelt, menüü on saada selle divi keskele, kus ta praegu pesitseb:
http://www.zone.ee/gleek/KGrupp/index.htm
_________________
Kodulehekülg: http://kethmar.ee/university
Vajad veebilahendust või graafilist abi? Küsi pakkumist. HV Rahvale alati odavamalt.
viimati muutis Kethmar 04.03.2008 20:54:02, muudetud 1 kord |
|
| Kommentaarid: 24 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
24 |
|
| tagasi üles |
|
|
andrusny
Kreisi kasutaja
liitunud: 20.03.2006
|
|
04.03.2008 20:54:08
|
|
|
Jah, kuna eelmine näide siin ei toimi, sest kõik teised div elemendid on paika pandud position:absolute; kuid relative võtab kauguse eelmisest elemendist ja see oli antud hetkel containeri ülemine serv.
Pead divile andma padding-top:10px;
_________________
viimati muutis andrusny 04.03.2008 20:58:02, muudetud 1 kord |
|
| Kommentaarid: 7 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
7 |
|
| tagasi üles |
|
|
Kethmar
Kreisi kasutaja
liitunud: 21.06.2006
|
|
08.03.2008 03:23:16
|
|
|
Muutsin hetkel kodukal vanaviisi, aga probleem selles, et tahan panna selle kogu menüü teksti "div menüü" sisse, aga kui panen sinna, siis on ta täpselt selle divi ülaosas. Kuidas saaksin seda natukene alla poole?
:
Uus küsimus tekkis, ei hakka uut teemat tegema, sest küsimus on üpriski sama.
Nimelt, mul on selline kood:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
/* DISAINI ALGUS */
body {
background-color:#C9C9C9;
}
#container
{
margin-left:auto;
margin-right:auto;
width:733px;
height:100%;
}
#taguosa {
background-image:url(images/disain_02.gif);
position:absolute;
width:733px;
height:110px;
top:0%
}
#logo {
background-image:url(images/disain_03.gif);
position:absolute;
width:139px;
height:146px;
top:0%;
margin-left:298px;
}
#menyy {
background-image:url(images/disain_06.gif);
position:absolute;
width:733px;
height:30px;
top:110px;
}
#sisu {
background-color:#FFFFFF;
position:absolute;
top:140px;
width:733px;
height:681px;
}
#footer {
text-align:center;
width:733px;
height:28px;
background-image:url(images/disain_11.gif);
position:relative;
}
</style>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="container">
<div id="sisu"><div id="footer"></div></div>
<div id="taguosa"></div>
<div id="menyy"></div>
<div id="logo"></div>
</div>
</body>
</html>
|
Probleem on selles, et FOOTER on koodiga paigas, aga ta on ikkagist div SISU ülaosas, mitte alaosas. Mida teha? Proovisin bottomit ja top-i, aga ei aidanud.
_________________
Kodulehekülg: http://kethmar.ee/university
Vajad veebilahendust või graafilist abi? Küsi pakkumist. HV Rahvale alati odavamalt. |
|
| Kommentaarid: 24 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
24 |
|
| tagasi üles |
|
|
|
:: KKK
:: otsing 
:: statistika
:: kasutajate nimekiri
:: kasutajate grupid
:: registreeri
teata moderaatorile
