A Te weboldalad II.

#2321 KovacsUr

Őstag

Csoport: Fórumtag
Hozzászólások: 10.749
Csatlakozott: --

Hozzászólás ikon Elküldve: 2006. 10. 18. 10:58

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<title>McElroy</title>

<style type="text/css">
html, body {margin:0;padding:0}
#fej,#torzs,#lab {width:770px;margin:0 auto}
#fej {height:42px;background:red url(fej.jpg)}
#torzs {background:blue url(torzs.png)}
#lab {height:37px;background:green url(lab.jpg)}
</style>

<div id="fej"></div>
<div id="torzs">Hello world.</div>
<div id="lab"></div>

(Ha jól értem.)

${lang:go_to_top}$
Tetejére of the page up there ^

#2322 McElroy

Senior tag

Csoport: Fórumtag
Hozzászólások: 3.178
Csatlakozott: --

Elküldve: 2006. 10. 18. 11:52

Idézet: KovacsUr - Dátum: 2006. okt. 18., szerda - 11:58

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<title>McElroy</title>

<style type="text/css">
html, body {margin:0;padding:0}
#fej,#torzs,#lab {width:770px;margin:0 auto}
#fej {height:42px;background:red url(fej.jpg)}
#torzs {background:blue url(torzs.png)}
#lab {height:37px;background:green url(lab.jpg)}
</style>

<div id="fej"></div>
<div id="torzs">Hello world.</div>
<div id="lab"></div>

(Ha jól értem.)

KovacsUr, köszönöm.

Ez már majdnem ok és kevesebb is a kód mint amit én elkezdtem, de a #torzs nem akar mûködni.

Nem teszi be a háttérbe a képet, ott marad az üres tér a fej és a láb között, szöveget persze betudok vinni, és a láb lejjebb is megy annyival, ahány sor szöveget beviszek. :think:

${lang:go_to_top}$
Tetejére of the page up there ^

#2323 McElroy

Senior tag

Csoport: Fórumtag
Hozzászólások: 3.178
Csatlakozott: --

Elküldve: 2006. 10. 18. 12:15

Én kérek elnézést...

egy zárójelet és pontos vesszõt véletlenül felcseréltem a törzs végén. csak ez okozta a hibát! :omg:

most már jónak tûnik,most már beillesztem az oldalamba jól az egészet.

${lang:go_to_top}$
Tetejére of the page up there ^

#2324 McElroy

Senior tag

Csoport: Fórumtag
Hozzászólások: 3.178
Csatlakozott: --

Elküldve: 2006. 10. 18. 13:22

Sajna nem tökéletes, a törzs felett és alatt megszakad mindig a kép folyamatossága néhány pixel vastagságban, de a tartalom mennyiségétõl függetlenül, mindig ugyaolyan vastagon, tehát ott nem a tartalom doboz láccik, hanem csak maga a háttér szín. ami amugy egybe olvad a tartalom doboz háttertével. de mivel van egy kis árnyék effekt a tartalom doboz alatt meg egy kis outline stroke is, ezért látszik hogy "megszakadt". majd teszek be screenshotot de most rohanomm kell el a géptõl.

amúgy mindez miért lehet?

Szerkesztette: McElroy 2006. 10. 18. 13:24 -kor

${lang:go_to_top}$
Tetejére of the page up there ^

#2325 e-lias

Őstag

Csoport: Fórumtag
Hozzászólások: 15.635
Csatlakozott: --

Elküldve: 2006. 10. 19. 07:31

Sziasztok! Kis értetlenkedés következik. Van egy link, nevezetesen ez:

katt

Generél egy ilyen kimenetet:

<a href="banner_mutat.php?ban=18" target="_blank"><img src="http://vibo.videopost.hu/vk/banner/videopostbanner.gif" border="0" alt="banner" title="banner" /></a>

Azért ilyet, mert include -olom. Namármost az istenért sem akar megjelenni a kép. Ha az url-t bírom, akkor jó, látszik, de ha a banner.php írja ki ezt, akkor nem. Miért lehet?

Szerk.: Kuplung, fék! az adblock-om megfogta, pedig kikapcsoltam az oldalon, már jó :omg:

Szerkesztette: e-lias 2006. 10. 19. 07:46 -kor

e-lias, Flickr

${lang:go_to_top}$
Tetejére of the page up there ^

#2326 McElroy

Senior tag

Csoport: Fórumtag
Hozzászólások: 3.178
Csatlakozott: --

Elküldve: 2006. 10. 19. 08:15

így néz ki a problémám a gyakorlatban. látszik hogy a fej alatt és a láb felett van egy néhány pixel vastag csík, ami nem kéne hogy ott legyen.
Kép

[ Kattints ide a teljes méretû képhez ]

ez a kódom:
<style type="text/css">
#fej,#torzs,#lab {width:770px; text-align:center; margin-left:auto; margin-right:auto;}
#fej {height:33px;background: url(images/table_top_2.jpg )}
#torzs {background: url(images/table_middle_2.jpg); background-repeat:repeat-y; }
#lab {height:43px; background: url(images/table_bottom_2.jpg)}
</style>

<style type="text/css">
body {background-color: #4884b7;margin-top: 20px;color: #cfd3d7;font-family: helvetica, arial, verdana;font-size:13px;line-height:100%;}
h1 {font-size: 15px;color: #bbe1fc;font-weight:600;text-align:center;text-transform:capitalize;line-height:100%;font: Verdana;}
p {font-size:13px;color: #d7d8da;font:Verdana;text-align:left; line-height:100%;margin:10px;}

.class1 A:link {text-decoration:none; color:#FF8000; font-size:13px;}
.class1 A:visited {text-decoration: none; color:#FF0000; font-size:13px;}
.class1 A:hover {text-decoration: underline; color:#2EADFA }
.class1 A:active {text-decoration: none; color:#CECECE}

.class2 A:link {text-decoration:underline; color:#28A7D0}
.class2 A:visited {text-decoration: underline; color:#94CFEF}
.class2 A:hover {text-decoration: none; color:#FF8000 ;}
.class2 A:active {text-decoration: underline overline; color:white}
</style>

</head>

<body>
<div id="fej"></div>
<div id="torzs"><h1>helló világ</h1>
<p>Keep repeating your mantra, you already sent me there once, next time I won't forget to check there before pulling my hair out. Thanks also for the selfhtml web site, it's really well done. I've been looking for something like this for some time and I found nothing as clear and useful (translated into French, on top of that).</p>
</div>
<div id="lab"></div>
</body>
</html>

mi lehet a gond? nem sikerült rájönnöm.

Szerkesztette: McElroy 2006. 10. 19. 08:20 -kor

${lang:go_to_top}$
Tetejére of the page up there ^

#2327 e-lias

Őstag

Csoport: Fórumtag
Hozzászólások: 15.635
Csatlakozott: --

Elküldve: 2006. 10. 19. 08:26

Idézet: McElroy - Dátum: 2006. okt. 19., csütörtök - 8:15

így néz ki a problémám a gyakorlatban. látszik hogy a fej alatt és a láb felett van egy néhány pixel vastag csík, ami nem kéne hogy ott legyen.
Kép

[ Kattints ide a teljes méretû képhez ]

mi lehet a gond? nem sikerült rájönnöm.

ez a kódod érthetõbben:

<style type="text/css">
#fej, #torzs ,#lab {
width:770px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#fej {
height:33px;
background: url(images/table_top_2.jpg )
}

#torzs {
background: url(images/table_middle_2.jpg);
background-repeat:repeat-y;
}

#lab {
height:43px;
background: url(images/table_bottom_2.jpg)
}
</style>

<style type="text/css">
body {
background-color: #4884b7;
margin-top: 20px;
color: #cfd3d7;
font-family: helvetica, arial, verdana;font-size:13px;
line-height:100%;
}

h1 {
font-size: 15px;
color: #bbe1fc;
font-weight:600;
text-align:center;
text-transform:capitalize;
line-height:100%;
font: Verdana;
}

p {
font-size:13px;
color: #d7d8da;
font:Verdana;
text-align:left;
line-height:100%;
margin:10px;
}

.class1 A:link {text-decoration:none; color:#FF8000; font-size:13px;}
.class1 A:visited {text-decoration: none; color:#FF0000; font-size:13px;}
.class1 A:hover {text-decoration: underline; color:#2EADFA }
.class1 A:active {text-decoration: none; color:#CECECE}

.class2 A:link {text-decoration:underline; color:#28A7D0}
.class2 A:visited {text-decoration: underline; color:#94CFEF}
.class2 A:hover {text-decoration: none; color:#FF8000;}
.class2 A:active {text-decoration: underline overline; color:white}
</style>    
    
</head>

<body>
<div id="fej"></div>
<div id="torzs"><h1>helló világ</h1>
 <p>
 Keep repeating your mantra, you already sent me there once, next time I won't forget to check there  before  pulling my hair out. Thanks also for the selfhtml web site, it's really well done. I've been looking for  something like this for some time and I found nothing as clear and useful (translated into French, on top of  that).
 </p>
</div>
<div id="lab"></div>
</body>
</html>

e-lias, Flickr

${lang:go_to_top}$
Tetejére of the page up there ^

#2328 e-lias

Őstag

Csoport: Fórumtag
Hozzászólások: 15.635
Csatlakozott: --

Elküldve: 2006. 10. 19. 08:28

Idézet: McElroy - Dátum: 2006. okt. 19., csütörtök - 8:15

mi lehet a gond? nem sikerült rájönnöm.

#fej {
position: relative;
top: 0px;
height:33px;
background: url(images/table_top_2.jpg )
}

#torzs {
position: relative;
top: 0px;
background: url(images/table_middle_2.jpg);
background-repeat:repeat-y;
}

#lab {
position: relative;
top: 0px;
height:43px;
background: url(images/table_bottom_2.jpg)
}

Talán.

Szerkesztette: e-lias 2006. 10. 19. 08:29 -kor

e-lias, Flickr

${lang:go_to_top}$
Tetejére of the page up there ^

#2329 McElroy

Senior tag

Csoport: Fórumtag
Hozzászólások: 3.178
Csatlakozott: --

Elküldve: 2006. 10. 19. 10:08

Idézet: e-lias - Dátum: 2006. okt. 19., csütörtök - 9:28

#fej {
position: relative;
top: 0px;
height:33px;
background: url(images/table_top_2.jpg )
}

#torzs {
position: relative;
top: 0px;
background: url(images/table_middle_2.jpg);
background-repeat:repeat-y;
}

#lab {
position: relative;
top: 0px;
height:43px;
background: url(images/table_bottom_2.jpg)
}

Talán.

sajna nem, ez sem.

${lang:go_to_top}$
Tetejére of the page up there ^

#2330 KovacsUr

Őstag

Csoport: Fórumtag
Hozzászólások: 10.749
Csatlakozott: --

Hozzászólás ikon Elküldve: 2006. 10. 20. 08:21

Idézet: McElroy - Dátum: 2006. okt. 19., csütörtök - 9:15

#torzs {padding: 1px 0}

Most rohanok, még jövök.

${lang:go_to_top}$
Tetejére of the page up there ^

#2331 McElroy

Senior tag

Csoport: Fórumtag
Hozzászólások: 3.178
Csatlakozott: --

Elküldve: 2006. 10. 20. 10:28

Idézet: KovacsUr - Dátum: 2006. okt. 20., péntek - 9:21

#torzs {padding: 1px 0}

Most rohanok, még jövök.

Ez az! Mûködik!!! Köszönöm!

${lang:go_to_top}$
Tetejére of the page up there ^

#2332 McElroy

Senior tag

Csoport: Fórumtag
Hozzászólások: 3.178
Csatlakozott: --

Elküldve: 2006. 10. 20. 17:32

Most van egy újabb gondom.

Már sikerült kiváltanom a táblákat css-el teljesen. Összesen két "táblám" van, persze amint mondtam ezek már css-el és divekkel vannak megoldva. A felsõ "doboz" a header és a vízszintes menüsor, ami java scriptet használ, mert ez egy popup menü és csak igy tudtam megoldani. Alatta jön a tartalom "tábla" tehát a tartalom doboz. Mozilla Firefoxban és Operában szépen lenyilnak a menüpontok úgy ahogy kell a tartalom doboz felé, ez a természetes ugye, azonban internet explorer alatt "bebújnak" a tartalomdoboz alá lenyíló menüpontok azon elemei amik ráesnek a tartalom dobozra. Természetesen nem használok frame-eket, nem ez a baj. Amíg táblákat használtam, addig internet explorerben is helyesen megjelent minden lenyíló menü, nem bújt el semmi a tartalom doboz mögé. Próbáltam z-indexet használni és a header és menü dobozra meghatározni a nagyobb értéket, hogy az legyen felül, de ez sem segített. Mit lehetne tenni hogy IE-ben is jól jelenjen meg a lenyíló menü?

${lang:go_to_top}$
Tetejére of the page up there ^

#2333 McElroy

Senior tag

Csoport: Fórumtag
Hozzászólások: 3.178
Csatlakozott: --

Elküldve: 2006. 10. 21. 13:59

Utána olvastam és úgy tûnik hogy ez valamiféle bug az IE-ben, nem képes rendesen lekezelni a z-indexet. A kérdésem az hogy tisztán css-es ki tudom e váltani a menü rendszeremet? Tehát van nyolc darab menü gomb vízszintesen és ha ezek fölé viszem az egeret, akkor lenyílik függõlegesen az adott gomb almenüje. Meg lehet e css-el csinálni a rollover állapotot amit jelenleg javascript kezel?