HTML-szerkesztés kezdőknek!!!
Jelentkezz be a hozzászóláshoz.
#8342
kezdek belejönni, de a segítséged nélkül szerintem most semmire nem mentem volna. bár sokat olvasok a neten, de azért ilyen részletesen sokminden nincs meg.
még1x köszi a segítséget!!!!
még1x köszi a segítséget!!!!
#8341
E helyett:
#left, #content, #right {
float: left;
}
#left, #content, #right {
height:200px;
}
#left, #content, #right {
padding: 20px;
}
inkább így:
#left, #content, #right {
float: left;
height:200px;
padding: 20px;
}
"ezt is mindegyikre akarom érvényesíteni akkor a fenti felsorolásba betehetem"
Ha a #left, #content és #right elemekre, akkor:
#left, #content, #right {
float: left;
height:200px;
line-height: 200px;
padding: 20px;
}
#left, #content, #right {
float: left;
}
#left, #content, #right {
height:200px;
}
#left, #content, #right {
padding: 20px;
}
inkább így:
#left, #content, #right {
float: left;
height:200px;
padding: 20px;
}
"ezt is mindegyikre akarom érvényesíteni akkor a fenti felsorolásba betehetem"
Ha a #left, #content és #right elemekre, akkor:
#left, #content, #right {
float: left;
height:200px;
line-height: 200px;
padding: 20px;
}
#8340
Így teljesen ok!!
már csak egy kérdésem lenne. azt írtad, hogy ahol tudok csoportosítsak:
#left, #content, #right {
float: left;
}
#left, #content, #right {
height:200px;
}
#left, #content, #right {
padding: 20px;
}
így jó, ha ilyen sorrendbe rakom, vagy máshogy jobb lenne?
ill. írtál egy ilyet: #content p {line-height: 200px;
ezt közvetlen a #content{ alá tetted, ha én ezt is mindegyikre akarom érvényesíteni akkor a fenti felsorolásba betehetem, vagy mindig az adott doboz (left, right, stb.) alá tegyem?
nagyon köszönök minden segítséget!
már csak egy kérdésem lenne. azt írtad, hogy ahol tudok csoportosítsak:
#left, #content, #right {
float: left;
}
#left, #content, #right {
height:200px;
}
#left, #content, #right {
padding: 20px;
}
így jó, ha ilyen sorrendbe rakom, vagy máshogy jobb lenne?
ill. írtál egy ilyet: #content p {line-height: 200px;
ezt közvetlen a #content{ alá tetted, ha én ezt is mindegyikre akarom érvényesíteni akkor a fenti felsorolásba betehetem, vagy mindig az adott doboz (left, right, stb.) alá tegyem?
nagyon köszönök minden segítséget!
#8339
Mûködik az:
HTML, CSS, megjelenés - a tartalom blokkban levõ szöveg függõlegesen középen van (maga a konténer is - de az meg a margin: 0 auto; illetve a text-align: center; miatt).
HTML, CSS, megjelenés - a tartalom blokkban levõ szöveg függõlegesen középen van (maga a konténer is - de az meg a margin: 0 auto; illetve a text-align: center; miatt).
#8338
Faustus, nagyon köszönöm! Ez így sokal 1xûbb.
viszont a a középre igazítás nem jött össze.
Ezt beírtam:
#content {
height:200px;
width:350px;
background-color:#FFFF33;
}
#content p {
line-height: 200px;
}
semmi nem változott, viszont amikor ezt is:
<div id="content"><pTartalom</p></div>
akkor eltûnt a felirat.
és még egy kérdésem lenne: ha a feliratot pl. balra szeretném igazítani, de nem teljesen a szélére (mint a példában), akkor a paddingot kell álítanom? (Valami belsõ kontúr)
köszi
viszont a a középre igazítás nem jött össze.
Ezt beírtam:
#content {
height:200px;
width:350px;
background-color:#FFFF33;
}
#content p {
line-height: 200px;
}
semmi nem változott, viszont amikor ezt is:
<div id="content"><pTartalom</p></div>
akkor eltûnt a felirat.
és még egy kérdésem lenne: ha a feliratot pl. balra szeretném igazítani, de nem teljesen a szélére (mint a példában), akkor a paddingot kell álítanom? (Valami belsõ kontúr)
köszi
#8337
Ha jól sejtem errõl az oldalról van szó, ami ezt a stíluslapot használja, és valószínûleg ezen iromány alapján készült.
Ha javasolhatnám, a CSS-kódot mindenek elõtt egyszerûsítsd:
1. A CSS-kód legelejére például tedd az alábbit:
* {
margin: 0;
padding: 0;
border: none;
}
Ezzel minden elem margóját, kitöltését, és szegélyét eltünteted. Ez azért jó, mert eltünteted a böngészõ alapbeállításaiból eredõ margókat, kitöltéseket és szegélyeket, és nem kell ezeket egyesével kinyírni (esetedben a body, #container, #left, #content, #right elemeknél) - tiszta lappal indulhatsz.
2. Ahol lehet, csoportosíts! Ahogy látom 3 blokkot - #left, #content, #right - egymás mellé akarsz "lebegtetni". A helyett, hogy mindegyiknél megadod: float: left;, vond össze a 3 elemet:
#left, #content, #right {
float: left;
}
3. A position: relative; CSS deklaráció megadása nem kell, csak a helyet foglalja.
Így lesz a 720 bájt méretû stíluslapból 461 bájt méretû.
No akkor középre igazítás:
"és szövegre olvastam olyat, hogy: line-height: 100%;"
Ha van egy, egysoros szöveged, amit egy blokk típusú elemen belül akarsz elhelyezni, a blokk magasságával megegyezõ line-height tulajdonsággal ruházol fel, akkor függõlegesen középre fog pozicionálódni a szöveg.
Tehát HTML-kódrészlet:
<div id="content"><pTartalom</p></div>
CSS-kódrészlet:
#content{
height:300px;
width:500px;
background-color:#FFCC00;
}
#content p {
line-height: 300px;
}
Viszont ha a HTML-kódban az adott blokkba több sor kerül:
<div id="content"><pTartalom 1</p><pTartalom 2</p></div>
akkor ez a trükk már nem mûködik megfelelõen.
"viszont annyit azért kérdeznék, merthogy mindenhol azt írják, hogy nehéz a középre igazítás, hogy:"
Tegyük fel, hogy van az alábbi iromány alapján készült HTML, és CSS kódod.
Középre akarod pozicionálni a #container elemet.
Ez esetben 1. a <body> elemnek megadod, hogy a szöveget pozicionálja középre:
body {
text-align: center;
}
2. a #container blokknak, meg a két oldalról automatikus margót adsz (a szöveg középre igazitását meg visszaveszed):
#container {
margin: 0 auto;
text-align: left;
width:650px;
}
Szóval így
És vízszintesen középre is van pozicionálva a #container blokk.
Középre pozicionálásról még itt illetve itt olvashatsz.
Ha javasolhatnám, a CSS-kódot mindenek elõtt egyszerûsítsd:
1. A CSS-kód legelejére például tedd az alábbit:
* {
margin: 0;
padding: 0;
border: none;
}
Ezzel minden elem margóját, kitöltését, és szegélyét eltünteted. Ez azért jó, mert eltünteted a böngészõ alapbeállításaiból eredõ margókat, kitöltéseket és szegélyeket, és nem kell ezeket egyesével kinyírni (esetedben a body, #container, #left, #content, #right elemeknél) - tiszta lappal indulhatsz.
2. Ahol lehet, csoportosíts! Ahogy látom 3 blokkot - #left, #content, #right - egymás mellé akarsz "lebegtetni". A helyett, hogy mindegyiknél megadod: float: left;, vond össze a 3 elemet:
#left, #content, #right {
float: left;
}
3. A position: relative; CSS deklaráció megadása nem kell, csak a helyet foglalja.
Így lesz a 720 bájt méretû stíluslapból 461 bájt méretû.
No akkor középre igazítás:
"és szövegre olvastam olyat, hogy: line-height: 100%;"
Ha van egy, egysoros szöveged, amit egy blokk típusú elemen belül akarsz elhelyezni, a blokk magasságával megegyezõ line-height tulajdonsággal ruházol fel, akkor függõlegesen középre fog pozicionálódni a szöveg.
Tehát HTML-kódrészlet:
<div id="content"><pTartalom</p></div>
CSS-kódrészlet:
#content{
height:300px;
width:500px;
background-color:#FFCC00;
}
#content p {
line-height: 300px;
}
Viszont ha a HTML-kódban az adott blokkba több sor kerül:
<div id="content"><pTartalom 1</p><pTartalom 2</p></div>
akkor ez a trükk már nem mûködik megfelelõen.
"viszont annyit azért kérdeznék, merthogy mindenhol azt írják, hogy nehéz a középre igazítás, hogy:"
Tegyük fel, hogy van az alábbi iromány alapján készült HTML, és CSS kódod.
Középre akarod pozicionálni a #container elemet.
Ez esetben 1. a <body> elemnek megadod, hogy a szöveget pozicionálja középre:
body {
text-align: center;
}
2. a #container blokknak, meg a két oldalról automatikus margót adsz (a szöveg középre igazitását meg visszaveszed):
#container {
margin: 0 auto;
text-align: left;
width:650px;
}
Szóval így
És vízszintesen középre is van pozicionálva a #container blokk.
Középre pozicionálásról még itt illetve itt olvashatsz.
#8336
különben, bár én sülthal vok, de úgy látom, hogy sok hiányossága van még ennek a css-nek (méretezés területen), pedig kegyetlen jó.
#8335
na, már találtam egy csomó mindent.
viszont annyit azért kérdeznék, merthogy mindenhol azt írják, hogy nehéz a középre igazítás, hogy:
#container{
position:relative;
top:0px;
left:0px;
width:650px;
margin:0;
padding:0;
}
itt kell megadnom vmit, ami az oldal közepére igazítja?
pl.: height: 100%; width:100%;
és szövegre olvastam olyat, hogy: line-height: 100%;
ha ezt (csak egy sorra jó, pl. menü) beállítom, akkor középre teszi a szöveget, de nekem nem jött össze.
kösziiiiiiiii
viszont annyit azért kérdeznék, merthogy mindenhol azt írják, hogy nehéz a középre igazítás, hogy:
#container{
position:relative;
top:0px;
left:0px;
width:650px;
margin:0;
padding:0;
}
itt kell megadnom vmit, ami az oldal közepére igazítja?
pl.: height: 100%; width:100%;
és szövegre olvastam olyat, hogy: line-height: 100%;
ha ezt (csak egy sorra jó, pl. menü) beállítom, akkor középre teszi a szöveget, de nekem nem jött össze.
kösziiiiiiiii
#8334
Faust, már több linket mutattál, de nekem egy olyanra lenne szükségem, ahol az alapok jól levannak írva. Rákerestem a doboz modellre, de az a helyzet, hogy olyat nem találtam ahol leírná, pl.: hogy osztom szét több darabra az oldalt.
tehát tudod, a teljes nulláról!
köszi.
tehát tudod, a teljes nulláról!
köszi.
#8333
ja igen, erre emlékszem! köszi a segítséget.
mostmár remélem boldogulok!
mostmár remélem boldogulok!
#8332
"amit linkeltél megoldást, az tök jó, csak a szín nem változik egérre."
Kicsiny változtatás a CSS kódban és kész.
"amit a css-ben elmentek az minden oldalon megvalósul, ahol hivatkozok rá?"
Ha külsõ stíluslapot használsz, akkor igen.
Kicsiny változtatás a CSS kódban és kész.
"amit a css-ben elmentek az minden oldalon megvalósul, ahol hivatkozok rá?"
Ha külsõ stíluslapot használsz, akkor igen.
#8331
Faustus, köszönöm!
amit linkeltél megoldást, az tök jó, csak a szín nem változik egérre.
amit a css-ben elmentek az minden oldalon megvalósul, ahol hivatkozok rá?
köszi.
amit linkeltél megoldást, az tök jó, csak a szín nem változik egérre.
amit a css-ben elmentek az minden oldalon megvalósul, ahol hivatkozok rá?
köszi.
#8330
1. Szerintem használd a pastebin.com oldalt. Áttekinthetõbb kódot kapunk, és a hozzászólást sem nyújtja szét a kód.
2. Íme egy megvalósítás: HTML, CSS (ez utóbbit mentsd el style.css néven, így fel tudod használni több oldalon a stíluslapot)
3. Pár észrevétel:
- Ha már magyar nyelvû oldalról van szó, az iso-8859-1-es karakterkódolás helyett használj iso-8859-2-t, vagy utf-8-at
- A táblázat nem oldalszerkezet kialakítására való.
- A függõleges középre pozicionálás megoldható a line-height CSS-tulajdonságnak a blokk méretére történõ állításával is (lásd a CSS forráskódban: mind a height tulajdonság, és mind a line-height 45 pixel méretû),
2. Íme egy megvalósítás: HTML, CSS (ez utóbbit mentsd el style.css néven, így fel tudod használni több oldalon a stíluslapot)
3. Pár észrevétel:
- Ha már magyar nyelvû oldalról van szó, az iso-8859-1-es karakterkódolás helyett használj iso-8859-2-t, vagy utf-8-at
- A táblázat nem oldalszerkezet kialakítására való.
- A függõleges középre pozicionálás megoldható a line-height CSS-tulajdonságnak a blokk méretére történõ állításával is (lásd a CSS forráskódban: mind a height tulajdonság, és mind a line-height 45 pixel méretû),
#8329
van vkinek ötlete miért nem tudom függõlegesen középre tenni a szöveget?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
a {
display: block;
width: 250px;
height: 45px;
text-align: center;
font-family: Verdana;
font-size: 12px;
color: #000000;
text-decoration: none;
}
a:link {
text-decoration: none;
}
a:hover {
background-color:#00CC00;
}
</style></head>
<body>
<table width="250" height="45" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="251" height="45" align="center" valign="middle" bgcolor="orange">
<a href="menu.html">EZ EGY MENÜ</a></td>
</tr>
</table>
</body>
</html>
köszi
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
a {
display: block;
width: 250px;
height: 45px;
text-align: center;
font-family: Verdana;
font-size: 12px;
color: #000000;
text-decoration: none;
}
a:link {
text-decoration: none;
}
a:hover {
background-color:#00CC00;
}
</style></head>
<body>
<table width="250" height="45" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="251" height="45" align="center" valign="middle" bgcolor="orange">
<a href="menu.html">EZ EGY MENÜ</a></td>
</tr>
</table>
</body>
</html>
köszi
#8328
.
#8327
Igen, csak azt (Dreamweaver) valamennyire ismerem és most is úgy "tanulom", hogy a kódok változtatásával látom a változást is (design nézetben).
Tudom, hogy ez barkácsolás, de nem vok programozó és nem is célom weboldalakkal foglalkozni. De általában olyan vok, aki ha vmibe belekényszerül, akkor igyekszem minél többet megtudni arról.
köszönök minden segítséget!!
még jövök 😊)
Tudom, hogy ez barkácsolás, de nem vok programozó és nem is célom weboldalakkal foglalkozni. De általában olyan vok, aki ha vmibe belekényszerül, akkor igyekszem minél többet megtudni arról.
köszönök minden segítséget!!
még jövök 😊)
#8326
"a css nagyon érdekel, de ha fent lesz a cs4, akkor tudok csak elméjedni."
A CSS és a Dreamweaver CS4-es változata egymástól teljesen független - szóval a CSS megtanulásához nem kell Dreamweaver (de a webfejlesztéshez sem kell feltétlenül).
A CSS és a Dreamweaver CS4-es változata egymástól teljesen független - szóval a CSS megtanulásához nem kell Dreamweaver (de a webfejlesztéshez sem kell feltétlenül).
#8325
Faustus, neked is köszönöm, mert nagyon sokat segítesz!!
a css nagyon érdekel, de ha fent lesz a cs4, akkor tudok csak elméjedni.
az xhtml-t még nem néztem!
köszi a segítséget!
a css nagyon érdekel, de ha fent lesz a cs4, akkor tudok csak elméjedni.
az xhtml-t még nem néztem!
köszi a segítséget!
#8324
ldavid! jó fej vagy és segítõkész!!
köszi minden segítséget!!!!!!!!!!!!!!!!!!!!!!!
köszi minden segítséget!!!!!!!!!!!!!!!!!!!!!!!
#8323
"a vbscript kb megegyezik a js-el? tehát, ugyanúgy le lehet tiltani, mint a js-t? "
A VBScript egy, a Microsft Visual Basic nyelvén alapuló szkriptnyelv. Csak Internet Explorerben fut (ott le is tiltható).
Tessék utánaolvasni:
http://en.wikipedia.org/wiki/VBScript
http://msdn.microsoft.com/en-us/library/t0aew7h6%28VS.85%29.aspx
"ezt a külsõ ablakos megnyitást viszont én nem értem, nem lehet, hogy a scriptben van benne? "
window objektum open metódus - mint Javascriptben.
"Egyébként egy 15 soros scriptrõl van szó, ami egy kb 150x300-as ablakban nyílik meg."
Másold be a szkriptet a pastebin.com oldalra (vagy ha valamilyen weboldalról származik, add meg hol találtad), megpróbáljuk átírni.
"azt, hogy css vagy php könyvet érdemes venni arra értettem igazából, hogy mivel semmihez nem értek, melyik hasznosabb? "
Elõbb érdemes a(z) (X)HTML-t és a CSS-t megtanulni, az a weboldalak "alapja", utána érdemes PHP-val foglalkozni.
Rengeteg tananyag érhetõ el a neten, érdemes nézegetni különbözõ oldalak forrásait.
A VBScript egy, a Microsft Visual Basic nyelvén alapuló szkriptnyelv. Csak Internet Explorerben fut (ott le is tiltható).
Tessék utánaolvasni:
http://en.wikipedia.org/wiki/VBScript
http://msdn.microsoft.com/en-us/library/t0aew7h6%28VS.85%29.aspx
"ezt a külsõ ablakos megnyitást viszont én nem értem, nem lehet, hogy a scriptben van benne? "
window objektum open metódus - mint Javascriptben.
"Egyébként egy 15 soros scriptrõl van szó, ami egy kb 150x300-as ablakban nyílik meg."
Másold be a szkriptet a pastebin.com oldalra (vagy ha valamilyen weboldalról származik, add meg hol találtad), megpróbáljuk átírni.
"azt, hogy css vagy php könyvet érdemes venni arra értettem igazából, hogy mivel semmihez nem értek, melyik hasznosabb? "
Elõbb érdemes a(z) (X)HTML-t és a CSS-t megtanulni, az a weboldalak "alapja", utána érdemes PHP-val foglalkozni.
Rengeteg tananyag érhetõ el a neten, érdemes nézegetni különbözõ oldalak forrásait.
#8322
elszúrtam, a negatív számok után rakj egy !important-ot is, sorry
pl. 0px -45px!important;
pl. 0px -45px!important;
#8321
cseréld ki a CSS-t és a menüt erre, ez jobb.
így most egybõl betölti a háttérképet ami egy fájlból áll.
amíg nincs letöltõdve a háttérkép, addig ugyanolyan szürke lesz a háttér színe.
Ha növeled a menüpontok számát adj hozzá a CSS-hez még egy a:hover.rollover
(a képet meg értelemszerûen lefelé kell növelni újabb gombokkal)
<style type="text/css">
#menu a
{
width:20px;
height:45px;
display:block;
margin-right:230px;
background:#5B5B5B url('http://i41.tinypic.com/a1s5d1.png')
}
a:hover.rollover1
{
background: url('http://i41.tinypic.com/a1s5d1.png');
width:250px!important
}
a:hover.rollover2
{
background: url('http://i41.tinypic.com/a1s5d1.png') 0px -45px;
width:250px!important
}
a:hover.rollover3
{
background: url('http://i41.tinypic.com/a1s5d1.png') 0px -90px;
width:250px!importan
}
a:hover.rollover4
{
background: url('http://i41.tinypic.com/a1s5d1.png') 0px -135px;
width:250px!important
}
a:hover.rollover5
{
background: url('http://i41.tinypic.com/a1s5d1.png') 0px -180px;
width:250px!important
}
</style>
<div id="menu">
<a class="rollover1" href=""></a>
<a class="rollover2" href=""></a>
<a class="rollover3" href=""></a>
<a class="rollover4" href=""></a>
<a class="rollover5" href=""></a>
</div>
vbscriptet nem ismerem, PHP-hez vehetsz könyvet ha foglalkozni akarsz vele, de szerintem elõbb szórakozz egy kicsit a CSS-el (táblázatmentes oldalszerkezet stb.), az úgyis kell szinte mindig
így most egybõl betölti a háttérképet ami egy fájlból áll.
amíg nincs letöltõdve a háttérkép, addig ugyanolyan szürke lesz a háttér színe.
Ha növeled a menüpontok számát adj hozzá a CSS-hez még egy a:hover.rollover
(a képet meg értelemszerûen lefelé kell növelni újabb gombokkal)
<style type="text/css">
#menu a
{
width:20px;
height:45px;
display:block;
margin-right:230px;
background:#5B5B5B url('http://i41.tinypic.com/a1s5d1.png')
}
a:hover.rollover1
{
background: url('http://i41.tinypic.com/a1s5d1.png');
width:250px!important
}
a:hover.rollover2
{
background: url('http://i41.tinypic.com/a1s5d1.png') 0px -45px;
width:250px!important
}
a:hover.rollover3
{
background: url('http://i41.tinypic.com/a1s5d1.png') 0px -90px;
width:250px!importan
}
a:hover.rollover4
{
background: url('http://i41.tinypic.com/a1s5d1.png') 0px -135px;
width:250px!important
}
a:hover.rollover5
{
background: url('http://i41.tinypic.com/a1s5d1.png') 0px -180px;
width:250px!important
}
</style>
<div id="menu">
<a class="rollover1" href=""></a>
<a class="rollover2" href=""></a>
<a class="rollover3" href=""></a>
<a class="rollover4" href=""></a>
<a class="rollover5" href=""></a>
</div>
vbscriptet nem ismerem, PHP-hez vehetsz könyvet ha foglalkozni akarsz vele, de szerintem elõbb szórakozz egy kicsit a CSS-el (táblázatmentes oldalszerkezet stb.), az úgyis kell szinte mindig
#8320
a vbscript kb megegyezik a js-el? tehát, ugyanúgy le lehet tiltani, mint a js-t?
#8319
david, akkor ez tulajdonképpen nem cseréli ki a képet, csak elõször 20px-t mutat, majd az egészet?
ha színt szeretnék kicserélni képre, annak a kódja sokban tér el ettõl?
mi az a "külsõ ablakos"?
azt, hogy css vagy php könyvet érdemes venni arra értettem igazából, hogy mivel semmihez nem értek, melyik hasznosabb?
ha színt szeretnék kicserélni képre, annak a kódja sokban tér el ettõl?
mi az a "külsõ ablakos"?
azt, hogy css vagy php könyvet érdemes venni arra értettem igazából, hogy mivel semmihez nem értek, melyik hasznosabb?
#8318
itt találsz példákat a script beszúrásra
ezt a külsõ ablakos megnyitást viszont én nem értem, nem lehet, hogy a scriptben van benne?
ezt a külsõ ablakos megnyitást viszont én nem értem, nem lehet, hogy a scriptben van benne?
#8317
.rollover1 {background: url(hatterkep.png) no-repeat}
Ez a kép látszik alapból az elsõ linknél, de csak az elsõ 20px széles szürke rész. Ha fölé viszed a kurzort akkor 150px széles lesz, és így látszik az egész kép
a.rollover2 és a.rollover3 a további menüpontok, csak be kell õket másolnod mégegyszer és átírni a számot a végén 4-re 5-re stb. (de a linkeknél is ugynanúgy kell újakat berakni pl. <a class="rollover4" href=""></a>😉
Ez a kép látszik alapból az elsõ linknél, de csak az elsõ 20px széles szürke rész. Ha fölé viszed a kurzort akkor 150px széles lesz, és így látszik az egész kép
a.rollover2 és a.rollover3 a további menüpontok, csak be kell õket másolnod mégegyszer és átírni a számot a végén 4-re 5-re stb. (de a linkeknél is ugynanúgy kell újakat berakni pl. <a class="rollover4" href=""></a>😉
#8316
na így értem. bár ez erõs túlzás, inkább felfogtam 😊
igen ott csak színt szerettem volna, de így is jó, ha kép, csak akkor írd le légyszi, hogy mit változtassak meg, hogy mindenhol (6 menü)
más kiinduló háteret tudjak beállítani (most szürke téglalap).
egésznap ezen lovagolok, de nem jutok 1-rõl 2-re
mindent nagyon köszönök!!
igen ott csak színt szerettem volna, de így is jó, ha kép, csak akkor írd le légyszi, hogy mit változtassak meg, hogy mindenhol (6 menü)
más kiinduló háteret tudjak beállítani (most szürke téglalap).
egésznap ezen lovagolok, de nem jutok 1-rõl 2-re
mindent nagyon köszönök!!
#8315
Az is a háttérképen van rajta, színt nem adtam meg sehol.
(de ha nem lesz ott kép, csak színt akarsz, akkor szólj és átírom)
szerintem minden notepad nevû program kódszerkesztõ (is), kódírásnál a lényeg, hogy sima szöveget írsz és nem grafikusan húzogatod a dolgokat
Könyvvásárlást meg te döntsd el, a neten is megtalálsz szinte mindent, de ha neked könyvbõl könnyebb, érdemes lehet.
(de ha nem lesz ott kép, csak színt akarsz, akkor szólj és átírom)
szerintem minden notepad nevû program kódszerkesztõ (is), kódírásnál a lényeg, hogy sima szöveget írsz és nem grafikusan húzogatod a dolgokat
Könyvvásárlást meg te döntsd el, a neten is megtalálsz szinte mindent, de ha neked könyvbõl könnyebb, érdemes lehet.
#8314
sziasztok!
A segítségeteket szretném kérni, script html-be való beágyazásával kapcsolatban.
Vannak szöveges fájlokba mentett dolgaim, amiket összegyûjtöttem egy html-be. Viszont van egy .vbs fájl, ami egy keresõ. Ezt szeretném elérni a html-bõl, úgy hogy ha megnyitom a html-t, akkor abba legyen benne és ne külön ablakba nyissa meg. Egyébként egy 15 soros scriptrõl van szó, ami egy kb 150x300-as ablakban nyílik meg.
köszi a segítséget elõre is.
A segítségeteket szretném kérni, script html-be való beágyazásával kapcsolatban.
Vannak szöveges fájlokba mentett dolgaim, amiket összegyûjtöttem egy html-be. Viszont van egy .vbs fájl, ami egy keresõ. Ezt szeretném elérni a html-bõl, úgy hogy ha megnyitom a html-t, akkor abba legyen benne és ne külön ablakba nyissa meg. Egyébként egy 15 soros scriptrõl van szó, ami egy kb 150x300-as ablakban nyílik meg.
köszi a segítséget elõre is.
#8313
IGEN! egyazegyben ilyet szeretnék.
a kérdésem az, hogy te minden téglalapot szürkére állítottál, de én
azt szeretném, hogy egymás alatt más színek legyenek. azt hol adom meg, merthogy nem láltok "utalást"?
a notepadot ismered?
az érdekelne, hogy az kimondottan kódszerkesztõ?
Mert leszedtem és láttam, hogy kilehet választani milyen "nyelven" akarok szerkeszteni (html, php, stb...) csak mivel én nem értek hozzá
így nekem ez a progi nem segít.
Ill. css vagy php könyvet érdemesebb venni?
köszi
a kérdésem az, hogy te minden téglalapot szürkére állítottál, de én
azt szeretném, hogy egymás alatt más színek legyenek. azt hol adom meg, merthogy nem láltok "utalást"?
a notepadot ismered?
az érdekelne, hogy az kimondottan kódszerkesztõ?
Mert leszedtem és láttam, hogy kilehet választani milyen "nyelven" akarok szerkeszteni (html, php, stb...) csak mivel én nem értek hozzá
így nekem ez a progi nem segít.
Ill. css vagy php könyvet érdemesebb venni?
köszi
#8312
a -157px csak a példa háttérképre vonatkozik, ami 3x157 széles
más méretû képnél át kell írni, attól függõen, hogy mennyi, és milyen irányú elmozdulást akarsz
#8311: a class-okra nem hivatkoztál a CSS-ben: #menu a helyett a.ap a.mu kell
ha jól értettem, ilyet szeretnél:
<html>
<head>
<title></title>
<style type="text/css">
#menu a {width:20px; height:45px; display:block; margin-right: 230px}
a.rollover1
{
background: url(http://users.atw.hu/jokaiapartman/ap2.png) no-repeat
}
a:hover.rollover1, a:hover.rollover2, a:hover.rollover3
{
width:250px!important
}
a.rollover2
{
background: url('http://users.atw.hu/jokaiapartman/mu2.png') no-repeat
}
a.rollover3
{
background: url('http://users.atw.hu/jokaiapartman/ap2.png') no-repeat
}
</style>
</head>
<body>
<div id="menu">
<a class="rollover1" href=""></a>
<a class="rollover2" href=""></a>
<a class="rollover3" href=""></a>
</div>
</body>
</html>
más méretû képnél át kell írni, attól függõen, hogy mennyi, és milyen irányú elmozdulást akarsz
#8311: a class-okra nem hivatkoztál a CSS-ben: #menu a helyett a.ap a.mu kell
ha jól értettem, ilyet szeretnél:
<html>
<head>
<title></title>
<style type="text/css">
#menu a {width:20px; height:45px; display:block; margin-right: 230px}
a.rollover1
{
background: url(http://users.atw.hu/jokaiapartman/ap2.png) no-repeat
}
a:hover.rollover1, a:hover.rollover2, a:hover.rollover3
{
width:250px!important
}
a.rollover2
{
background: url('http://users.atw.hu/jokaiapartman/mu2.png') no-repeat
}
a.rollover3
{
background: url('http://users.atw.hu/jokaiapartman/ap2.png') no-repeat
}
</style>
</head>
<body>
<div id="menu">
<a class="rollover1" href=""></a>
<a class="rollover2" href=""></a>
<a class="rollover3" href=""></a>
</div>
</body>
</html>
#8311
ja és ezeket:
"(külön a és a:hover mindnek)"
"<a class="rollover1" href=""></a>
<a class="rollover2" href=""></a>"
melyik részbe kell tenni ?
itt van, amit készítettem, de ugyanazt a képet teszi be.
http://jokaiapartman.atw.hu/pl2.html
köszi
"(külön a és a:hover mindnek)"
"<a class="rollover1" href=""></a>
<a class="rollover2" href=""></a>"
melyik részbe kell tenni ?
itt van, amit készítettem, de ugyanazt a képet teszi be.
http://jokaiapartman.atw.hu/pl2.html
köszi
#8310
azt nem értem, hogy ha a kép 120px széles, akkor miért -157-et teszi arréb?
jobban megnéztem a linkelt oldalon a leírást és sikerült is megcsinálni, de ha megtennéd, hogy megnézed ezt: http://jokaiapartman.atw.hu/pl.html
itt látható, hogy bal szélen van egy 20x45 pixeles téglalap.
én azt szeretném, hogy mindössze ennyi lenne a link, amibõl kijön egy 250px szélességû. tehát ha a téglalap melletti fehér részre megyek, ott ne legyen link.
vagy ezt így nem is lehet megoldani?
köszi
jobban megnéztem a linkelt oldalon a leírást és sikerült is megcsinálni, de ha megtennéd, hogy megnézed ezt: http://jokaiapartman.atw.hu/pl.html
itt látható, hogy bal szélen van egy 20x45 pixeles téglalap.
én azt szeretném, hogy mindössze ennyi lenne a link, amibõl kijön egy 250px szélességû. tehát ha a téglalap melletti fehér részre megyek, ott ne legyen link.
vagy ezt így nem is lehet megoldani?
köszi
#8309
ha nem akarsz a linkbe szöveget, csak töröld ki belõle: <a hef=""></a>
a CSS rollovernél érdemes egy fájlba rakni a megjelenõ képeket (sprite), így nem fog külön töltögetni a böngészõ, amikor változna a háttérkép
gondolom azért nem történt semmi amikor az ráraktad a kurzort, mert csak egy képet tartalmaz a háttérkép
a linekelt leírásban így néz ki:
ennél ha fõléviszed a kurzort, jobbra elmozdul a háttérkép 157 pixellel, így pont nem látszik az eredeti kép, helyette viszont látszik a második
#menu a:hover {background-position: -157px 0px}
ha több linkhez más hátteret akarsz, akkor többször kell ugyanígy megcsinálni (külön a és a:hover mindnek), más ID-val/class-el ellátva, pl.
<a class="rollover1" href=""></a>
<a class="rollover2" href=""></a>
a CSS rollovernél érdemes egy fájlba rakni a megjelenõ képeket (sprite), így nem fog külön töltögetni a böngészõ, amikor változna a háttérkép
gondolom azért nem történt semmi amikor az ráraktad a kurzort, mert csak egy képet tartalmaz a háttérkép
a linekelt leírásban így néz ki:
ennél ha fõléviszed a kurzort, jobbra elmozdul a háttérkép 157 pixellel, így pont nem látszik az eredeti kép, helyette viszont látszik a második
#menu a:hover {background-position: -157px 0px}
ha több linkhez más hátteret akarsz, akkor többször kell ugyanígy megcsinálni (külön a és a:hover mindnek), más ID-val/class-el ellátva, pl.
<a class="rollover1" href=""></a>
<a class="rollover2" href=""></a>
#8308
Faustus, ismét köszi a segítséget!!!
nekem mind bonyolult, ha feltudnám végre rakni az css4-et könnyebb lenne, de...
kipróbálom a dolgokat. köszi.
Amúgy amit David ajánlott, találtam ezt (kicsit módosítva):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Fast rollovers, no preload needed - Example</title>
<style type="text/css">
#menu a {
display:block;
width:250px;
height:45px;
margin: 0em 0; padding:0px 0 0px 0px;
font: 14px/1 Verdana;
color:#c60;
background: url("ap.png") 0 0 no-repeat;
text-decoration: none;
}
#menu a:hover {
background-position: -157px 0;
color: #E9BE75;
}
#menu a:active {
background-position: -314px 0;
color:white;
}
</style>
</head>
<body>
<div id="menu">
<a href="">Menu item 1</a>
<a href="">Item no. 2</a>
<a href="">Another (3)</a>
<a href="">Menu item 4</a>
<a href="">One more (5)</a>
</div>
<p> </p>
</body>
</html>
csak, én minden menüben más képet szeretnk és nem szöveg lenne, hanem kép lenne a menü és az "egérre" változna meg a kép.
itt viszont csak a kiinduló képet tudtam megadni és amire kellene váltania, azt nem.
köszi, jó éjszakát!
nekem mind bonyolult, ha feltudnám végre rakni az css4-et könnyebb lenne, de...
kipróbálom a dolgokat. köszi.
Amúgy amit David ajánlott, találtam ezt (kicsit módosítva):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Fast rollovers, no preload needed - Example</title>
<style type="text/css">
#menu a {
display:block;
width:250px;
height:45px;
margin: 0em 0; padding:0px 0 0px 0px;
font: 14px/1 Verdana;
color:#c60;
background: url("ap.png") 0 0 no-repeat;
text-decoration: none;
}
#menu a:hover {
background-position: -157px 0;
color: #E9BE75;
}
#menu a:active {
background-position: -314px 0;
color:white;
}
</style>
</head>
<body>
<div id="menu">
<a href="">Menu item 1</a>
<a href="">Item no. 2</a>
<a href="">Another (3)</a>
<a href="">Menu item 4</a>
<a href="">One more (5)</a>
</div>
<p> </p>
</body>
</html>
csak, én minden menüben más képet szeretnk és nem szöveg lenne, hanem kép lenne a menü és az "egérre" változna meg a kép.
itt viszont csak a kiinduló képet tudtam megadni és amire kellene váltania, azt nem.
köszi, jó éjszakát!
#8307
3 megoldás van:
1. Beágyazott stíluslap - a <head> és a </head> elemek közé be kell rakni a CSS-kódot <style> és </style> tagek közé ágyazva:
<head>
<style type="text/css">
p {
color: blue;
}
</style>
</head>
2. Külsõ stíluslap - ekkor nyitsz egy új állományt stilus.css néven, beleírod a stílusdefiníciókat - például:
p {
color: blue;
}
majd a HTML forráskódban a <head> és </head> tagek között a <link> taggel beágyazod a külsõ stíluslapot:
<link rel="stylesheet" type="text/css" href="stilus.css" />
3. Elemhez rendelt stíluslap - itt egy adott taghez tudsz rendelni stílusdefiníciót:
<p style="color: blue;">Ez itt egy bekezdés</p>
A 2. megoldást érdemes leginkább használni, ugyanis egy stíluslapot több lapon is fel tudsz használni, így sok munkától tudsz megszabadulni, illetve a látogató szempontjából sok sávszélességet tudsz megtakarítani (elég csak egyszer letölteni a stíluslapot, a következõ lapon már a böngészõ gyorsítótárából hívod elõ).
Mellesleg tessék olvasgatni:
http://weblabor.hu/cikkek/cssalapjai1
http://www.w3schools.com/css/
http://prog.hu/cikkek/907/Bevezetes+a+CSS+alapjaiba.html
http://www.tutorial.hu/cimke/css+leiras/
http://nagygusztav.hu/sites/default/files/Web_programozas_jegyzet_0.7_0.pdf
1. Beágyazott stíluslap - a <head> és a </head> elemek közé be kell rakni a CSS-kódot <style> és </style> tagek közé ágyazva:
<head>
<style type="text/css">
p {
color: blue;
}
</style>
</head>
2. Külsõ stíluslap - ekkor nyitsz egy új állományt stilus.css néven, beleírod a stílusdefiníciókat - például:
p {
color: blue;
}
majd a HTML forráskódban a <head> és </head> tagek között a <link> taggel beágyazod a külsõ stíluslapot:
<link rel="stylesheet" type="text/css" href="stilus.css" />
3. Elemhez rendelt stíluslap - itt egy adott taghez tudsz rendelni stílusdefiníciót:
<p style="color: blue;">Ez itt egy bekezdés</p>
A 2. megoldást érdemes leginkább használni, ugyanis egy stíluslapot több lapon is fel tudsz használni, így sok munkától tudsz megszabadulni, illetve a látogató szempontjából sok sávszélességet tudsz megtakarítani (elég csak egyszer letölteni a stíluslapot, a következõ lapon már a böngészõ gyorsítótárából hívod elõ).
Mellesleg tessék olvasgatni:
http://weblabor.hu/cikkek/cssalapjai1
http://www.w3schools.com/css/
http://prog.hu/cikkek/907/Bevezetes+a+CSS+alapjaiba.html
http://www.tutorial.hu/cimke/css+leiras/
http://nagygusztav.hu/sites/default/files/Web_programozas_jegyzet_0.7_0.pdf
#8306
Elõször is köszi!! Hasznos!!!
A kérdésem az, hogy a dreamw8-ban nem tudok css-t szerkeszteni (legalábbis én nem találok ilyet) és az egész oldal html, akkor hogy tudom ezt megoldani? Mert ugye a html kóddal nincs is gond, csak css-sel.
köszi a segítséget!!
A kérdésem az, hogy a dreamw8-ban nem tudok css-t szerkeszteni (legalábbis én nem találok ilyet) és az egész oldal html, akkor hogy tudom ezt megoldani? Mert ugye a html kóddal nincs is gond, csak css-sel.
köszi a segítséget!!
#8304
Hali mindenkinek!
szeretném a segítségeteket kérni.
Van egy képcserélõs linkem, de csak js-es. Olyat szeretnék, amihez nem kell js. Létezi ilyen?
Ha igen megírnátok, hogy tudom megodalni?
Itt a kódom:
<HTML>
<HEAD>
<title>jokai apartman Balatonfüred</title>
<meta name="description" content="Olcsó apartman Balatonfüreden a strandtól 200 méterre.">
<meta name="keywords" content="apartman, balatonfüred, olcsó, szállás, kikapcsolódás, nyaralás, hotel, programok">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="7 days">
<meta name="author" content="MOYO">
<meta name="copyright" content="MINDEN JOG FENNTARTVA!">
<meta name="distribution" content="global">
<meta name="language" content="HU">
<META http-equiv=Page-Enter content=RevealTrans(Duration=3,Transition=7) />
<META http-equiv=Page-Exit content=RevealTrans(Duration=3,Transition=7) />
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-2"><style type="text/css">
body,td,th {
font-family: Verdana;
font-size: 11px;
color: #666666;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(kepek/hatter/2.jpg);
background-repeat: repeat;
}
a {
font-family: Verdana;
font-size: 10px;
color: #333333;
}
a:link {
text-decoration: none;
color: #595959;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #6DC227;
}
a:active {
text-decoration: none;
}
body,td,th {
color: #000000;
font-family: Verdana;
font-size: 11px;
}
.style1 {
font-size: 12px;
color: #666666;
}
.style4 {font-size: 11px}
.style5 {color: #666666}
.style6 {font-size: 12px; }
.style7 {font-size: 13px; font-weight: bold; }
-->
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames
if(!(x=d
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr
}
//-->
</script>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle"><table width="750" height="350" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="230" height="46" align="left" valign="top" bgcolor="#FFFFFF"><table width="20" height="45" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFCC00"> </td>
</tr>
</table></td>
<td width="500" rowspan="6" align="center" valign="middle" bgcolor="#CCCCCC"> </td>
</tr>
<tr align="center" valign="top" bgcolor="#FFFFFF">
<td width="250" height="46" align="left" bgcolor="#FFFFFF"><img src="kepek/menu/1a.png" width="250" height="45"></td>
</tr>
<tr align="center" valign="top" bgcolor="#FFFFFF">
<td width="250" height="46" align="left" bgcolor="#FFFFFF"><a href="#"></a><a href="#"><img src="kepek/menu/2.png" name="Image2" width="250" height="45" border="0"></a></td>
</tr>
<tr align="center" valign="top" bgcolor="#FFFFFF">
<td width="230" height="46" align="left" bgcolor="#FFFFFF"><table width="20" height="45" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#33CC00"> </td>
</tr>
</table></td>
</tr>
<tr align="center" valign="top" bgcolor="#FFFFFF">
<td width="230" height="46" align="left" bgcolor="#FFFFFF"><table width="20" height="45" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#0066CC"> </td>
</tr>
</table></td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="250" height="120" align="center" valign="middle"> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
KÖSZÖNÖM a segítséget!
De ha linket adtok az is jó, csak én nem találtam.
szeretném a segítségeteket kérni.
Van egy képcserélõs linkem, de csak js-es. Olyat szeretnék, amihez nem kell js. Létezi ilyen?
Ha igen megírnátok, hogy tudom megodalni?
Itt a kódom:
<HTML>
<HEAD>
<title>jokai apartman Balatonfüred</title>
<meta name="description" content="Olcsó apartman Balatonfüreden a strandtól 200 méterre.">
<meta name="keywords" content="apartman, balatonfüred, olcsó, szállás, kikapcsolódás, nyaralás, hotel, programok">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="7 days">
<meta name="author" content="MOYO">
<meta name="copyright" content="MINDEN JOG FENNTARTVA!">
<meta name="distribution" content="global">
<meta name="language" content="HU">
<META http-equiv=Page-Enter content=RevealTrans(Duration=3,Transition=7) />
<META http-equiv=Page-Exit content=RevealTrans(Duration=3,Transition=7) />
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-2"><style type="text/css">
body,td,th {
font-family: Verdana;
font-size: 11px;
color: #666666;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(kepek/hatter/2.jpg);
background-repeat: repeat;
}
a {
font-family: Verdana;
font-size: 10px;
color: #333333;
}
a:link {
text-decoration: none;
color: #595959;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #6DC227;
}
a:active {
text-decoration: none;
}
body,td,th {
color: #000000;
font-family: Verdana;
font-size: 11px;
}
.style1 {
font-size: 12px;
color: #666666;
}
.style4 {font-size: 11px}
.style5 {color: #666666}
.style6 {font-size: 12px; }
.style7 {font-size: 13px; font-weight: bold; }
-->
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames
if(!(x=d
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr
}
//-->
</script>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle"><table width="750" height="350" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="230" height="46" align="left" valign="top" bgcolor="#FFFFFF"><table width="20" height="45" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFCC00"> </td>
</tr>
</table></td>
<td width="500" rowspan="6" align="center" valign="middle" bgcolor="#CCCCCC"> </td>
</tr>
<tr align="center" valign="top" bgcolor="#FFFFFF">
<td width="250" height="46" align="left" bgcolor="#FFFFFF"><img src="kepek/menu/1a.png" width="250" height="45"></td>
</tr>
<tr align="center" valign="top" bgcolor="#FFFFFF">
<td width="250" height="46" align="left" bgcolor="#FFFFFF"><a href="#"></a><a href="#"><img src="kepek/menu/2.png" name="Image2" width="250" height="45" border="0"></a></td>
</tr>
<tr align="center" valign="top" bgcolor="#FFFFFF">
<td width="230" height="46" align="left" bgcolor="#FFFFFF"><table width="20" height="45" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#33CC00"> </td>
</tr>
</table></td>
</tr>
<tr align="center" valign="top" bgcolor="#FFFFFF">
<td width="230" height="46" align="left" bgcolor="#FFFFFF"><table width="20" height="45" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#0066CC"> </td>
</tr>
</table></td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="250" height="120" align="center" valign="middle"> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
KÖSZÖNÖM a segítséget!
De ha linket adtok az is jó, csak én nem találtam.
#8303
Köszönöm a segítséget Faustus!
#8302
A kiértékelést nem lehet natív HTML-bõl megoldani - két lehetõséged van rá:
1. kliens oldali szkript (például Javascript) segítségével - hátránya az, hogy a kiértékelést végzõ kódot a böngészõ letölti, abban fut le, így a helyes válaszok a forráskódból kiolvashatóak (már aki ért a Javascripthez)
2. szerver oldali szkript (például PHP) segítségével - itt a kód a webszerveren fut le, tehát nem lehet egykönnyen visszafejteni a dolgot; de olyan webtárhely, kell, ami engedélyezi a PHP-kód futtatását (a webtárhelyek többsége azért ilyen).
Az utóbbira itt láthatsz egy mûködõ példát, aminek itt láthatod a forráskódját.
1. kliens oldali szkript (például Javascript) segítségével - hátránya az, hogy a kiértékelést végzõ kódot a böngészõ letölti, abban fut le, így a helyes válaszok a forráskódból kiolvashatóak (már aki ért a Javascripthez)
2. szerver oldali szkript (például PHP) segítségével - itt a kód a webszerveren fut le, tehát nem lehet egykönnyen visszafejteni a dolgot; de olyan webtárhely, kell, ami engedélyezi a PHP-kód futtatását (a webtárhelyek többsége azért ilyen).
Az utóbbira itt láthatsz egy mûködõ példát, aminek itt láthatod a forráskódját.
#8301
Sziasztok! Segítséget szeretnék kérni én a html-ben még kezdõ vagyok. Csináltam egy ûrlapot és azt szeretném ha az értékelés gombra rákattintok akkor ugyanezen az oldalon kiértékelje a feladatsort. Valaki tudja, hogy kell ezt?
Én így csináltam:
<table width="706" height="748" cellpadding="0" cellspacing="0">
<tr>
<td width="704" valign="top"><blockquote class="style28">
<p class="style51">Válassza ki a helyes megoldást! </p>
<form>
<strong>1 . She was killed in a car .......</strong><br />
<input type="radio" name="ko<1>" value="a" />
blow
<input type="radio" name="ko<1>" value="b" />
shock
<input type="radio" name="ko<1>" value="c" />
crash
<input type="radio" name="ko<1>" value="d" />
hit
<input type="hidden" name="koze<1>2" value="c" />
<br />
<br />
<strong>2 . He won the first ....... in the competition.</strong><br />
<input type="radio" name="ko<2>" value="a" />
prize
<input type="radio" name="ko<2>" value="b" />
price
<input type="radio" name="ko<2>" value="c" />
reward
<input type="radio" name="ko<2>" value="d" />
premium
<input type="hidden" name="koze<2>2" value="a" />
<br />
<br />
<input type="hidden" name="muvelet" value="bekuldve" />
<input type="submit" name="submit" value="Értékelés" />
</form>
</blockquote></td>
</tr>
</table>
Mi a hiba? elõre is köszi a segítséget!
Én így csináltam:
<table width="706" height="748" cellpadding="0" cellspacing="0">
<tr>
<td width="704" valign="top"><blockquote class="style28">
<p class="style51">Válassza ki a helyes megoldást! </p>
<form>
<strong>1 . She was killed in a car .......</strong><br />
<input type="radio" name="ko<1>" value="a" />
blow
<input type="radio" name="ko<1>" value="b" />
shock
<input type="radio" name="ko<1>" value="c" />
crash
<input type="radio" name="ko<1>" value="d" />
hit
<input type="hidden" name="koze<1>2" value="c" />
<br />
<br />
<strong>2 . He won the first ....... in the competition.</strong><br />
<input type="radio" name="ko<2>" value="a" />
prize
<input type="radio" name="ko<2>" value="b" />
price
<input type="radio" name="ko<2>" value="c" />
reward
<input type="radio" name="ko<2>" value="d" />
premium
<input type="hidden" name="koze<2>2" value="a" />
<br />
<br />
<input type="hidden" name="muvelet" value="bekuldve" />
<input type="submit" name="submit" value="Értékelés" />
</form>
</blockquote></td>
</tr>
</table>
Mi a hiba? elõre is köszi a segítséget!
#8300
ja nem geret, csak gere
#8299
most jött elõ megint egy olyan, hogy az üzenet elmegy és név, cím üzenet (tehát mindegyik után) ezt írja: geret.
de ez engem már hidegen hagy, mert elegem is van belõle, meg amit küldtél kódot TÖKÉLETES!!!!
Mit kérsz cserébe?
Könyörgöm csak azt ne, hogy segítsek egy kódban 😊
de ez engem már hidegen hagy, mert elegem is van belõle, meg amit küldtél kódot TÖKÉLETES!!!!
Mit kérsz cserébe?
Könyörgöm csak azt ne, hogy segítsek egy kódban 😊
#8298
http://pastebin.com/cEpmjcf4
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
#8297
HTML:
http://pastebin.com/zjSUzE8M
http://pastebin.com/zjSUzE8M
#8296
PHP:
http://pastebin.com/z3AbY8B6
http://pastebin.com/z3AbY8B6
#8295
Hmhm, ennyi az egész fájlod vagy ez be van ágyazva valahova ? Mert a header csak akkor megy, ha nincs SEMMI elõtte kiírva.
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
#8294
elküldi az üzenetet, de egy üres oldal+ Warning: Cannot modify header information - headers already sent by (output started at /mail.php:10) in /mail.php on line 20
ez jön be.
ez jön be.
#8293
Megy kapcsolat.html-el is, de http://....-tal is.
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ