|
Hinnavaatlus
:: Foorum
:: Uudised
:: Ärifoorumid
:: HV F1 ennustusvõistlus
:: Pangalink
:: Telekavad
:: HV toote otsing
|
|
| autor |
|
Kethmar
Kreisi kasutaja
liitunud: 21.06.2006
|
19.02.2008 20:40:46
CSS koodiga jama. |
|
|
Terekest!
Mul selline probleem, nimelt, panin koodi, aga asjad ei liigu ikka keskele, kood on järgmine:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Juku kodulehekülg</title>
<link rel="stylesheet" href="1.css" type="text/css" />
<body>
<div align="center">
<div id="header"></div>
<div id="vasak"></div>
</div>
</body>
</html> |
CSS kood:
#header {
position:absolute;
/*left:%;*/
top:0%;
width:700px;
height:200px;
background-image: url("http://img220.imageshack.us/img220/2105/m6mmi2rc9.png");
}/* CSS Document */
#vasak {
position:absolute;
top:200px;
width:150px;
height:400px;
background-image: url("http://img220.imageshack.us/img220/2105/m6mmi2rc9.png");
}
|
Kuidas ma lehekülje keskele saan?
Tänan abistajaid 
_________________
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
|
|
19.02.2008 20:54:30
|
|
|
Keskele Otsi sealt ülesse minu õpetus ja tee selle järgi. Seal on ka muid variante pakutud.
_________________
 |
|
| Kommentaarid: 7 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
7 |
|
| tagasi üles |
|
|
AMD
HV veteran
liitunud: 29.07.2003
|
|
19.02.2008 21:58:47
|
|
|
body {text-align:center}
#center { margin:0 auto; text-align:left; width:90%; }
<div align="center"> asenda <div id="center">
_________________
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 |
|
|
Kethmar
Kreisi kasutaja
liitunud: 21.06.2006
|
|
20.02.2008 19:47:43
|
|
|
Nii, tänan abi eest, aga nüüd tekkis uus küsimus.
Nimelt, kui mul on üks kast ning seal kasti sees on sisu, siis kuidas ma saan teha nii, et see tekst sõltub ainult kasti asukohast, ehk siis, kui kasti liigutan, liigub ka sisu temaga.
_________________
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
|
|
20.02.2008 20:08:07
|
|
|
<div id="kast">sisu</div> ???
Kui nüüd seda div'i liigutada, siis peaks sisu div'i sisse jääma 
_________________
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 |
|
|
Kethmar
Kreisi kasutaja
liitunud: 21.06.2006
|
|
20.02.2008 23:20:40
|
|
|
ega siis teine ilma kolmandata jää  .
Nimelt, kui tahan linki teha, kas siis pean asja backroundina tegema(soovin teha rollover imaget, millele klikkides viib järgmisele lehele)
Keegi oskab öelda koodi, kuidas seda imaget panna?
Võib ka backround olla, kuid siis sooviks teada, kuidas seda hyperlinkida.
***Selle keskele saamisega on siiani probleem, nimelt ei lähe see siiski keskele, kuigi panin koodid kõik õigesti paika ja värki.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Sharm salong></title>
<style type="text/css">
body {
background-color:#BFBFBF;
}
.div {
margin: 0 auto;
text-align: center
}
#ylemine {
position:absolute;
/*left:%;*/
top:20px;
width:837px;
height:161px;
background-image: url(Sharm/images/header.gif)}/* CSS Document */
#meie {
position:absolute;
top:181px;
width:76px;
height:28px;
background-image: url(Sharm/images/disain_06.gif)}
</style>
<body>
<div class="div">
<div id="ylemine"></div>
<div id="meie"></div>
</div>
</body>
</html> |
See <body></body> vahele jääv ala oleks vaja keskele saada.
Proovisin ka visionist kõiki õpetusi( need, mis seal teemas olid), ei aidanud.
Ja VEEL üks uus mure, nimelt, minu monitorist vaadates on disain okei, palju ruumi äärtest alles ja nii, aga läpakast vaadates on asi hoopis teine.
Kas seda kuidagi ei saa teha monitorist/resolutsioonist sõltuvaks?
_________________
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 |
|
|
Brom
HV kasutaja
liitunud: 18.07.2005
|
|
20.02.2008 23:33:34
|
|
|
Lingi teed nagu tavaliselt, HTMLis.
Et keskele saada siis CSSi alla lisad.
BODY
{
margin-left: auto;
margin-right: auto;
}
|
Ekraanist sõltuvaks? Kas sa ise ka midagi uurid? http://www.htmldog.com/examples/pagelayout4.html
|
|
| Kommentaarid: 13 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
13 |
|
| tagasi üles |
|
|
aatomik
HV kasutaja
liitunud: 30.11.2005
|
|
20.02.2008 23:37:11
|
|
|
| Kui tahad rollover imaget kasutada st. vahetada ühe pildi teise vastu, kui hiirega selle peale liigud, siis läheb sul javascripti tarvis. Vastavaid koodijuppe on netis üleval küllaga. Üks õpetus on näiteks siin: Image Swap and Preload
|
|
| Kommentaarid: 14 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
14 |
|
| tagasi üles |
|
|
Kethmar
Kreisi kasutaja
liitunud: 21.06.2006
|
|
20.02.2008 23:42:24
|
|
|
Brom,
kahjuks see keskele saamise asi ei aita  :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Sharm salong></title>
<style type="text/css">
body {
background-color:#e7e7e7;
margin-left: auto;
margin-right: auto;
}
#meie {
position:absolute;
top:0%;
width:841px;
height:776px;
background-color:#CCCC00;
margin-left: auto;
margin-right: auto;
}
</style>
<div align="center">
<body>
<div id="meie"></div>
</body>
</div>
</html> |
_________________
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 |
|
|
Brom
HV kasutaja
liitunud: 18.07.2005
|
|
20.02.2008 23:50:26
|
|
|
Viska kõik div'id ühe divi sisse. Sellele nimeks container
Nüüd CSSi osas teed nii.
#container
{
margin-left: auto;
margin-right: auto;
height: 500px;
width: 500px;
}
|
|
|
| Kommentaarid: 13 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
13 |
|
| tagasi üles |
|
|
Kethmar
Kreisi kasutaja
liitunud: 21.06.2006
|
|
21.02.2008 00:01:06
|
|
|
Mis mõttes sellele nimeks container?
Igaljuhul proovisin sellele "kastikesele", mida keskele vaja saada lisada see Bromi antud viimast koodi, aga siiski ei lähe keskele, suurus ainult muutub.
_________________
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
|
|
21.02.2008 00:07:52
|
|
|
Mine sinna lingile, mis ma andsin ja kasuta seda koodi. See on suht lollikindel. Kõik mis pannakse selle div id=f sisse on keskme suhtes paigal. Ka need millel kasutad position:absolute. Positsioneerimine toimub viimase konteineri servadest, mis on relative. Kolm põhi kriteerjumit on.
bodile text-align: center (see on IE jaoks)
esimene pea konteiner annad oma lehe suuruse mõõdud (vähemalt laiuse) ja margin: 0 auto;
teine pea konteiner position: relative;
_________________
|
|
| Kommentaarid: 7 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
7 |
|
| tagasi üles |
|
|
Brom
HV kasutaja
liitunud: 18.07.2005
|
|
21.02.2008 00:08:34
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Sharm salong></title>
<style type="text/css">
body
{
background-color:#e7e7e7;
}
#container
{
margin-left:auto;
margin-right:auto;
height: 776px;
width: 841px;
}
#meie
{
top:0%;
width:841px;
height:776px;
background-color:#CCCC00;
}
</style>
<body>
<div id="container">
<div id="meie"></div>
</div>
</body>
</html>
|
|
|
| Kommentaarid: 13 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
13 |
|
| tagasi üles |
|
|
Kethmar
Kreisi kasutaja
liitunud: 21.06.2006
|
|
21.02.2008 00:21:42
|
|
|
Tänud Brom, sain asja keskele, aga nüüd tekkis selline probleem.
Nimelt, esimene menuu(menuu on vasakult paremale) nupp on paigas, sest ta on kohe lehe alguses(vasakul), aga kuidas ma järgmist nuppu saan korralikult panna, kirjutan lihtsalt juurde right:pixlite arv ?
**See pikslite arvuga asi ei töötanud,
kas on mingid kindlat koodi, mille järgi saan panna ta, et ta alustaks seda pixlite lugemist mitte lehe äärest vaid keskkohast?
Võibolla väljendan end halvasti.
**Katsetasin ja katsetasin, lõpuks sain teada, pidin absolutive ära muutma relativeks  .
TÄnan kõiki, kes aitasid, kui uusi küsimusi tuleb, annan teada.
_________________
Kodulehekülg: http://kethmar.ee/university
Vajad veebilahendust või graafilist abi? Küsi pakkumist. HV Rahvale alati odavamalt.
viimati muutis Kethmar 21.02.2008 00:23:59, muudetud 1 kord |
|
| Kommentaarid: 24 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
24 |
|
| tagasi üles |
|
|
andrusny
Kreisi kasutaja
liitunud: 20.03.2006
|
|
21.02.2008 00:23:49
|
|
|
Kui soovid px abil viia, pead lisama position.absolute.
Isiklikult paneks menüü tabelisse.
_________________
viimati muutis andrusny 21.02.2008 00:25:39, muudetud 1 kord |
|
| Kommentaarid: 7 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
7 |
|
| tagasi üles |
|
|
Brom
HV kasutaja
liitunud: 18.07.2005
|
|
21.02.2008 00:24:53
|
|
|
Üldiselt ma su menüü asukohast aru ei saanud, aga siis teed nii:
Paned CSSis #meie alla margin-left: auto;
Teed CSSis containerit menüü võrra laiemaks
Paned menüü eraldi divi ja selle divi omakorda containeri sisse
Menüü divile annad CSSis parameetri margin-right: auto;
|
|
| Kommentaarid: 13 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
13 |
|
| tagasi üles |
|
|
Kethmar
Kreisi kasutaja
liitunud: 21.06.2006
|
|
21.02.2008 00:33:05
|
|
|
Siiski siiski, tekkis probleem selle menüüga.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Sharm salong></title>
<style type="text/css">
body {
background-color:#BFBFBF;
}
#container
{
margin-left:auto;
margin-right:auto;
height: 776px;
width: 841px;
}
#ylemine {
position:absolute;
/*left:%;*/
top:20px;
width:837px;
height:161px;
background-image: url(Sharm/images/header.gif)}/* CSS Document */
#meie {
position:absolute;
top:181px;
width:76px;
height:28px;
background-image: url(Sharm/images/disain_06.gif)}
</style>
<body>
<div id="container">
<div id="ylemine"></div>
<div id="meie"></div>
</div>
</body>
</html> |
Hetkene kood.
Võibolla vajab mainimist see, et ylemine on header(logo) ning meie on menüü esimene osa.
Hetkel on nad mõlemad paigas, logo on õiges kohas ning menüü esimene osa "meie" on õiges kohas, aga kui hakkan teist osa lisama, ei saa ma seda õigesse kohta nihutatud.
Samas, kui ma seda pixlitega teen, siis on asi jama, sest siis läheb teise resolutsiooniga asi paigast.
Tänud abi eest ja ka neile, kes veel abistavad
_________________
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 |
|
|
Brom
HV kasutaja
liitunud: 18.07.2005
|
|
21.02.2008 00:41:24
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Sharm salong></title>
<style type="text/css">
body {
background-color:#BFBFBF;
}
#container
{
margin-left:auto;
margin-right:auto;
height: 776px;
width: 841px;
}
#ylemine {
position:absolute;
/*left:%;*/
top:20px;
width:837px;
height:161px;
background-image: url(Sharm/images/header.gif)}/* CSS Document */
#meie {
position:absolute;
top:181px;
width:76px;
height:28px;
margin-bottom: auto;
background-image: url(Sharm/images/disain_06.gif)}
</style>
<body>
<div id="container">
<div id="ylemine"></div>
<div id="meie"></div>
</div>
</body>
</html>
|
|
| Kommentaarid: 13 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
0 :: |
13 |
|
| tagasi üles |
|
|
Kethmar
Kreisi kasutaja
liitunud: 21.06.2006
|
|
22.02.2008 00:04:38
|
|
|
Brom, suured tänud!!!
Aga nüüd küsimus, kas see on normaalne, et mu body näeb välja selline:
<body>
<div id="container">
<div id="header"></div>
<div id="menu"></div>
<div id="menu2"></div>
<div id="menu3"></div>
<div id="menu4"></div>
<div id="menu5"></div>
<div id="menu6"></div>
<div id="menu7"></div>
<div id="menu8"></div>
<div id="menu9"></div>
<div id="menu10"></div>
<div id="vasak1"></div>
<div id="vasak2"></div>
<div id="vasak3"></div>
<div id="vasak4"></div>
<div id="vasak5"></div>
<div id="vasak6"></div>
<div id="vasak7"></div>
<div id="vasak8"></div>
<div id="bottom"></div>
</div>
</body> |
Tegemist on hetkel siis ainult disainiga.
_________________
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 |
|
|
mikk36
HV Guru
liitunud: 21.02.2004
|
|
22.02.2008 00:31:35
|
|
|
| 10 eri menüüd või 10 menüü elementi ?
|
|
| Kommentaarid: 85 loe/lisa |
Kasutajad arvavad: |
|
:: |
0 :: |
2 :: |
78 |
|
| tagasi üles |
|
|
Kethmar
Kreisi kasutaja
liitunud: 21.06.2006
|
|
22.02.2008 00:39:56
|
|
|
elementi, ikka elementi.
_________________
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
|
|
23.02.2008 01:37:25
|
|
|
Kethmar, mis vaja see vaja...
_________________
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 |
|
|
|
:: KKK
:: otsing 
:: statistika
:: kasutajate nimekiri
:: kasutajate grupid
:: registreeri
teata moderaatorile
