[d3relict]

utf8 a te barátod.

[Delawer]

Idézet: kAy - Dátum: 2006. okt. 16., hétfõ - 13:41

utf8 a te barátod.

Nem te szaladgáltál anno a terminal fórumján "tybike" nickkel ? :Ð
Õ említgette a "... a te barátod" -at sûrûn
Fõleg a Google volt a pontok helyén.

[McElroy]

Nem mûködik utf-8 -al sem. Ugyanazt produkálja, mint amit az elõbb leírtam.

[d3relict]

Idézet: Delawer - Dátum: 2006. okt. 16., hétfõ - 14:46

Nem te szaladgáltál anno a terminal fórumján "tybike" nickkel ? :Ð
Õ említgette a "... a te barátod" -at sûrûn
Fõleg a Google volt a pontok helyén.

á, ez már csak ilyen "szállóige"

Nándor névvel cimkézett fel anyám, csúnya lenne tibikének lenni.

[21g]

Idézet: e-lias - Dátum: 2006. okt. 16., hétfõ - 8:30

szerintem elõbb olvass picit, kaptál is hozzá linket. Azokban ott  válasz.

Köszi a segítséget!

[21g]

A kioktatást megkaptam de még mindig nem tudok képet háttérnek.
Ha beírom azt amit ott írnak akkor is marad a sima fehér háttér.
Valaki tud segíteni aki érti is és nem pökhendi?

[Ndrew]

Idézet: 21g - Dátum: 2006. okt. 17., kedd - 21:50

A kioktatást megkaptam de még mindig nem tudok képet háttérnek.
Ha beírom azt amit ott írnak akkor is marad a sima fehér háttér.
Valaki tud segíteni aki érti is és nem pökhendi?

Egy egyszeû sima háttérre gondolsz?
Szerk.: Mert az talán még nekem is megy.
Ennyi:

Csatolt fájl:

•  hatter.html (0byte)
  Letöltések:: 20

Szerkesztette: Ndrew 2006. 10. 17. 21:15 -kor

[KovacsUr]

Idézet: 21g - Dátum: 2006. okt. 17., kedd - 21:50

A kioktatást megkaptam de még mindig nem tudok képet háttérnek.
Ha beírom azt amit ott írnak akkor is marad a sima fehér háttér.
Valaki tud segíteni aki érti is és nem pökhendi?

Mutasd meg, mivel próbálkozol, és megmondjuk, hol a hiba. Helyes példákat már kaptál.

[McElroy]

CSS Guruk!

Van ez a kód:
<table width="770" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="images/table_top_2.jpg" width="770" height="33" alt="" /></td>
  </tr>
  <tr>
    <td background="images/table_middle_2.jpg"><table width="770" border="0">
      <tr>
        <td width="11">&nbsp;</td>
        <td width="734">&nbsp;</td>
        <td width="11">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><img src="images/table_bottom_2.jpg" width="770" height="43" alt="" /></td>
  </tr>
</table>

elnézést hogy bevágom az egészet de így jobban érthetõ hogy mit akarok. Tehát mint látható van egy táblám aminek a középsõ részébe megy a tartalom, teccõleges szöveg, esetleg néhány kép. A table_middle_2.jpg a háttere a tábla középsõ cellájának és ez a tartalommal együtt "hízik", ahogy növekszik a tartalom. A kérdés pedig az hogy css-el teljesen ki tudom e váltani ezt a táblát úgy, hogy ugyan ilyen elvek alapján tudjak bevinni tartalmat és megmaradjon ez a tartalom doboz. Ez a tábla egy szép, photoshopban készített tartalom doboz részeit tartalmazza, mint a kódból is kideról 3 felé slice-olva, amit semmi képpen sem akarok eldobni, de szívesen térnék át az új standardok használatára a kódomban, mint pl a css, táblák helyett. Elõre is köszi.

[McElroy]

na elkezdtem valamit:
a css:

#Table_01 {
position:absolute;
left:0px;
top:0px;
width:770px;
height:auto;
}

#content-box-2-blue4-011_ {
position:absolute;
left:0px;
top:0px;
width:770px;
height:42px;
}

#content-box-2-blue4-022_ {
background-image:url(images/table_middle_2.jpg);
position:absolute;
left:0px;
top:42px;
width:770px;
height:1px;
}

#content-box-2-blue4-033_ {
position:relative;
left:0px;
top:44px;
width:770px;
height:37px;
}

div-ek:

<div id="Table_01">
<div id="content-box-2-blue4-011_">
<img id="content_box_2_blue4_011" src="images/content_box-2-blue4_011.jpg" width="770" height="42" alt="" />
</div>
<div id="content-box-2-blue4-022_">
<img id="content_box_2_blue4_022" src="images/table_middle_2.jpg" width="770" height="1" alt="" />
</div>
<div id="content-box-2-blue4-033_">
<img id="content_box_2_blue4_033" src="images/content_box-2-blue4_033.jpg" width="770" height="37" alt="" />
</div>
</div>

hogyan heggesszem meg úgy ezt a kódot hogy ugyanazt érjem el vele mint a táblák használatával? hogy a középsõ része a tartalom doboznak autómatikusan hízzon ha tartalom kerül bele, illetve hogy az alsó rész mindig annyival menjen lejjebb amennyivel kell? lécci lécci lécci. 

[KovacsUr]

<!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.)

[McElroy]

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.   

[McElroy]

É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!    most már jónak tûnik,most már beillesztem az oldalamba jól az egészet.

[McElroy]

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

[e-lias]

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ó   

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

[McElroy]

í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.

[ 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

[e-lias]

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.

[ 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]

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

[McElroy]

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.  

[KovacsUr]

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.