HTML-szerkesztés kezdőknek!!!
Jelentkezz be a hozzászóláshoz.
#5690
Szevasztok!
szeretnék egy olyan html lapot csinálni, amin egyszerûen csak 5db thumbnail méretû kép van egymás mellett. ha a látogató ráviszi a képekre az egeret, akkor a képek FELETT megjelenik a kép mondjuk 2x nagyobb verzióban. én úgy képzeltem el, hogy az egérkurzorhoz lenne csatolva a nagyobb kép. és lenne egy link is a képeken. hogyan, milyen formában lehet ezt megcsinálni?
elõre is kösz a segítséget.
szeretnék egy olyan html lapot csinálni, amin egyszerûen csak 5db thumbnail méretû kép van egymás mellett. ha a látogató ráviszi a képekre az egeret, akkor a képek FELETT megjelenik a kép mondjuk 2x nagyobb verzióban. én úgy képzeltem el, hogy az egérkurzorhoz lenne csatolva a nagyobb kép. és lenne egy link is a képeken. hogyan, milyen formában lehet ezt megcsinálni?
elõre is kösz a segítséget.
...::S.T.A.L.K.E.R 4ever::...
#5689
"Egyébként az oldalon használt betûtípusokat font méreteket meg színket is a styleban kell megadni?"
Úgy mondanám, ajánlatos stíluslapban megadni (a <style> és </style> közötti rész külön állományba is rakható - így nem kavarodik össze a HTML és annak a formázása).
CSS alapjai
CSS1 magyarul
CSS1 példákkal
CSS2
"Ezt frame-mel lehet megoldani?"
Lehet <frameset>+<frame> segítségével de az elavult/ellenjavallt.
Lehet <iframe>-mel is: példa
Lehet Javascripttel is de ahhoz már elõismeret kell.
Úgy mondanám, ajánlatos stíluslapban megadni (a <style> és </style> közötti rész külön állományba is rakható - így nem kavarodik össze a HTML és annak a formázása).
CSS alapjai
CSS1 magyarul
CSS1 példákkal
CSS2
"Ezt frame-mel lehet megoldani?"
Lehet <frameset>+<frame> segítségével de az elavult/ellenjavallt.
Lehet <iframe>-mel is: példa
Lehet Javascripttel is de ahhoz már elõismeret kell.
#5688
Oh még egy kérdés. Az oldal amit most csinálok úgy néz ki hogy van egy banner a tetején mily meglepõ ez egy kép aztán a banner alatt balra igazítva van a menü ami szintén egy kép és a két kép közt maradt rész az ahová kerülne a tartalom de azt szeretném hogy amikor menüpontot váltok akkor ne töltsön újra a háttér a menü meg a banner hanem csak az a rész amit említettem. Ezt frame-mel lehet megoldani? És azon belül hogyan?
köszi
köszi
#5687
Egyébként az oldalon használt betûtípusokat font méreteket meg színket is a styleban kell megadni?
#5686
Fastus te nagyon okos vagy! Leszünk barátok?😊
#5685
fasza lett, bár nekem 1. re lefagyott de lehet én vok hülye XD
btw extra.hu reklámmentes, és sztem ps el v vmiel "magyarítsd" le fõoldalt bár én nem nagyon ismerem az 1üttest ha ez vmi számra utal v nem tom akkor semmi
btw extra.hu reklámmentes, és sztem ps el v vmiel "magyarítsd" le fõoldalt bár én nem nagyon ismerem az 1üttest ha ez vmi számra utal v nem tom akkor semmi
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
#5684
drowns41: No lássuk:
1. Az indexoldalon a képen nem teljesen egyértelmû, hol tudunk továbbjutni. Begin? Curtrain? Mindkettõnek van "jelentése".
Másrészt a keresõrobotnak kicsit nehéz feltérképezni a név nélküli image mapet (nincs az <area> elemnek alt attribútuma megadva)
2. Az <embed> tag egyrészt böngészõfüggõ, másrészt nem a <head> és </head> elemek közé való. Mellesleg az automatikusan induló zenelejátszás zavaró mivoltú.
Ott van az swfobject és a Flash alapú lejátszók...
3. A képes menüpontoknál ugyancsak hiányzik a képekrõl az alt attribútum (ha valaki kikacsolja a képek megjelenítését akkor nem fogja látni a menüpontokat, illetve a keresõrobotok is nehezebben indexelnek).
4. Fórum és vendégkönyv... ...két külön szolgáltatás, kétszer annyi meló (moderálás, stb...). Inkább integráld a fórumba a vendégkönyvet.
"Köszönöm Fastus a segítséget de et hova is kell másolnom pontosan? a headbe? "
Oda.
1. Az indexoldalon a képen nem teljesen egyértelmû, hol tudunk továbbjutni. Begin? Curtrain? Mindkettõnek van "jelentése".
Másrészt a keresõrobotnak kicsit nehéz feltérképezni a név nélküli image mapet (nincs az <area> elemnek alt attribútuma megadva)
2. Az <embed> tag egyrészt böngészõfüggõ, másrészt nem a <head> és </head> elemek közé való. Mellesleg az automatikusan induló zenelejátszás zavaró mivoltú.
Ott van az swfobject és a Flash alapú lejátszók...
3. A képes menüpontoknál ugyancsak hiányzik a képekrõl az alt attribútum (ha valaki kikacsolja a képek megjelenítését akkor nem fogja látni a menüpontokat, illetve a keresõrobotok is nehezebben indexelnek).
4. Fórum és vendégkönyv... ...két külön szolgáltatás, kétszer annyi meló (moderálás, stb...). Inkább integráld a fórumba a vendégkönyvet.
"Köszönöm Fastus a segítséget de et hova is kell másolnom pontosan? a headbe? "
Oda.
#5683
Drowns mivel csináltad a menüt? Mm a képet és milyen progival csináltad az effektet a "mouse over"-t ha így hívják😄
#5682
Köszönöm Fastus a segítséget de et hova is kell másolnom pontosan? a headbe?
#5681
Na elkészült az oldalam. Kérném, hogy véleményezzétek, mi tetszik, mi nem, mit lehetne még rajta finomítani. Tudom, hogy a kezdõoldalon bele fogtok kötni a kis zenerészletbe, de az kell oda 😛
Sum 41 - Magyar Fansite
Sum 41 - Magyar Fansite
http://sum41.uw.hu
#5680
jalbum.net, talán de nem biztos 😄
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
#5679
Sziasztok! Nagy mennyiségû képet szeretnék elhelyezni oldalamon. Mi ennek a legegyszerûbb módja, ami az oldalt böngészõknek is jó. Nem kell bezárni, majd megnyitni minden egyes képet. Hasonlóra gondoltam, mint amit a Front Page nyújt. Tud valaki segíteni ilyenben?
#5678
Az alábbi (HTML-kódba ágyazott) CSS-definíció kell neked:
<style type="text/css">
body, html {
margin: 0px;
padding: 0px;
border: none;
}
</style>
Vagy esetleg így - de ez minden elemre hatással lesz (így utólag korrigálni kell, ha valahol mégis kéne margó, kitöltés, vagy szegély)!
<style type="text/css">
* {
margin: 0px;
padding: 0px;
border: none;
}
</style>
<style type="text/css">
body, html {
margin: 0px;
padding: 0px;
border: none;
}
</style>
Vagy esetleg így - de ez minden elemre hatással lesz (így utólag korrigálni kell, ha valahol mégis kéne margó, kitöltés, vagy szegély)!
<style type="text/css">
* {
margin: 0px;
padding: 0px;
border: none;
}
</style>
#5677
Sziasztok. Azt szeretném megkérdezni hogy hogyan tudom megoldani hogy a body rész és a lap teteje és alja közt ne legyen üres rész?
köszi
köszi
#5676
köszönöm szépen, átrágom ezt hülyébb nem leszek tõle, sõt reménykedem okosodom.
kösziszépen ;>
kösziszépen ;>
porki fagyok fállalon
#5675
Valaki tud esetleg írni olyan háttérprogramról ami mondjuk lehetõvé teszi azt,hogy csak a honlapomon regisztráltak nézhessék meg a videókat és a képeket?<#circling>
#5674
"nekem igyis átlátható 😊"
A böngészõnek viszont nem.
"aztmondod érdemes megtanilni ccs-t?"
A CSS-t mindenképpen. Anélkül aligha tudod formázni rendesen a HTML-struktúrát (a <font> tag nem éppen helyes módszer, ahogy az align attribútum és a marginwidth se).
"esetleg enyémre valami megoldás? 😮"
Például így, bár a képekkel kezdenék valamit (nagyobb tömörítési ráta), mert ilyen formában nagyon lelassítja az oldal betöltését.
A böngészõnek viszont nem.
"aztmondod érdemes megtanilni ccs-t?"
A CSS-t mindenképpen. Anélkül aligha tudod formázni rendesen a HTML-struktúrát (a <font> tag nem éppen helyes módszer, ahogy az align attribútum és a marginwidth se).
"esetleg enyémre valami megoldás? 😮"
Például így, bár a képekkel kezdenék valamit (nagyobb tömörítési ráta), mert ilyen formában nagyon lelassítja az oldal betöltését.
#5673
nekem igyis átlátható 😊
aztmondod érdemes megtanilni ccs-t?
esetleg enyémre valami megoldás? 😮
aztmondod érdemes megtanilni ccs-t?
esetleg enyémre valami megoldás? 😮
porki fagyok fállalon
#5672
Az alapprobléma az, hogy az oldal kódja nem éppen megfelelõ.
Se dokumentumtípus (<!DOCTYPE html PUBLIC...), fix méretû táblázatba (a táblázat egyébként se oldalszerkezet kialakításár szolgál) próbálsz bezsúfolni képeket - szóval az egész nem jó. <div>-ekkel, stíluslapos formázással megoldva átláthatóbb lenne az egész.
Se dokumentumtípus (<!DOCTYPE html PUBLIC...), fix méretû táblázatba (a táblázat egyébként se oldalszerkezet kialakításár szolgál) próbálsz bezsúfolni képeket - szóval az egész nem jó. <div>-ekkel, stíluslapos formázással megoldva átláthatóbb lenne az egész.
#5671
lehet nemjó helyre irok, de remélem igen:
tippet illetve segitséget várok
tipet: hivel egyszerûsithetem meg a dolgomat hogy a különbözõ böngészõkbe egyforma legyen az odlalam
segitséget:
http://borgi.cvk.hu/zeusz/index.php?a=news
ezen az oldalon IE-be a menü gombjai közt van egy kis hézag de el nem tudom gépzelni miért.
választ elõre is köszi
tippet illetve segitséget várok
tipet: hivel egyszerûsithetem meg a dolgomat hogy a különbözõ böngészõkbe egyforma legyen az odlalam
segitséget:
http://borgi.cvk.hu/zeusz/index.php?a=news
ezen az oldalon IE-be a menü gombjai közt van egy kis hézag de el nem tudom gépzelni miért.
választ elõre is köszi
porki fagyok fállalon
#5670
Google Analysticet ismeri valaki?
http://sum41.uw.hu
#5669
ÁÁÁ, tudod mi volt a hiba? 😄
hogy a html fájl a mappán beül volt... xD
köszi a sok fáradozást
hogy a html fájl a mappán beül volt... xD
köszi a sok fáradozást
http://sum41.uw.hu
#5668
Példa - a képek az images könyvtárban sorra 1.gif, 2.gif, 3.gif, 4.gif.
#5667
pedig jó minden, annak van jelentõsége hogy mi a html fájl neve?
http://sum41.uw.hu
#5666
Nálam mûködik.
Hogy neked nem mûködik az annak az oka, hogy a képek nincsenek a megfelelõ mappában (jelen esetben mappa az aktuális könyvtár neve).
Hogy neked nem mûködik az annak az oka, hogy a képek nincsenek a megfelelõ mappában (jelen esetben mappa az aktuális könyvtár neve).
#5665
igen, így már csinált valamit:
kiirta 1-tõl 19-ig a számokat
kiirta 1-tõl 19-ig a számokat
http://sum41.uw.hu
#5664
Lemaradt egy záró aposztróf:
<script type="text/javascript">
for (i=1; i<20; i++) {
document.write('<img src=\"mappa/'+i+'.gif\" alt=\"'+i+'\">');
}
</script>
<script type="text/javascript">
for (i=1; i<20; i++) {
document.write('<img src=\"mappa/'+i+'.gif\" alt=\"'+i+'\">');
}
</script>
#5663
ismétlés a tudás anyja, egyébként elején levõ is mûxik csak ie vel nem annyira v nekem nem volt türelmem várni 😄
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
#5662
Igen, ezt értem, de itt nem írtál el valamit?
document.write('<img src=\"mappa/'+i+'.gif\" alt=\"'+i+'\">😉
nekem ez a sor így nézne ki, de nem megy:
document.write('<img src=\"avatar/'+i+'.gif\" alt=\"'+i+'\">😉
document.write('<img src=\"mappa/'+i+'.gif\" alt=\"'+i+'\">😉
nekem ez a sor így nézne ki, de nem megy:
document.write('<img src=\"avatar/'+i+'.gif\" alt=\"'+i+'\">😉
http://sum41.uw.hu
#5660
és tudsz linket adni ahol le van írva h eleve flash-t h kell beilleszteni?
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
#5659
Az <object> tagnek van width és height attribútuma - használd azt, az átméretezéshez.
#5658
ha van egy flash azt h lehet h egy x*x es keretben legyen ?
ez a flash csak így nagyban elég necces
ez a flash csak így nagyban elég necces
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
#5657
Mert a mappára hivatkozni kell.
Meg a <head> és </head> elemek közt meg nem fog így mûködni ez is logikus (mert nem a <head> és </head> elemek közé akarjuk írni, hanem a <body> és a </body> közé).
<script type="text/javascript">
for (i=1; i<20; i++) {
document.write('<img src=\"mappa/'+i+'.gif\" alt=\"'+i+'\">😉
}
</script>
Meg a <head> és </head> elemek közt meg nem fog így mûködni ez is logikus (mert nem a <head> és </head> elemek közé akarjuk írni, hanem a <body> és a </body> közé).
<script type="text/javascript">
for (i=1; i<20; i++) {
document.write('<img src=\"mappa/'+i+'.gif\" alt=\"'+i+'\">😉
}
</script>
#5656
nyitottam egy külön mappát, beletettem az összes gifemet. (a képek neve 1.gif,2.gif...stb.)
csináltam egy üres html lapot és beleillesztettem a scriptet a head részbe, (majd miután ez nem mûködõtt a body részbe is) és elmentettem a gifekkel egy mappába, mégse történt semmi, mi lehet a baj?
csináltam egy üres html lapot és beleillesztettem a scriptet a head részbe, (majd miután ez nem mûködõtt a body részbe is) és elmentettem a gifekkel egy mappába, mégse történt semmi, mi lehet a baj?
http://sum41.uw.hu
#5655
Az 1. megoldásnál, ha nem készítesz indexképet, akkor a képek fognak animálódni.
A 2. megoldás HTML-be ágyazva:
<script type="text/javascript">
for (i=1; i<20; i++) {
document.write('<img src=\"'+i+'.gif\" alt=\"'+i+'\">😉
}
</script>
A képek jelen esetben a HTML oldallal egyezõ könyvtárban vannak 1.gif, 2.gif, 3.gif,...,18.gif, 19.gif nevekkel vannak ellátva.
A 2. megoldás HTML-be ágyazva:
<script type="text/javascript">
for (i=1; i<20; i++) {
document.write('<img src=\"'+i+'.gif\" alt=\"'+i+'\">😉
}
</script>
A képek jelen esetben a HTML oldallal egyezõ könyvtárban vannak 1.gif, 2.gif, 3.gif,...,18.gif, 19.gif nevekkel vannak ellátva.
#5654
amit írtál 1. megoldásnak, azzal az a baj, hogy az albumok nem fogják animálni a képeket, nekem pedig ez kéne.
a 2. megoldást nem tudom megcsinálni, nem vágom a javascriptet.
?
a 2. megoldást nem tudom megcsinálni, nem vágom a javascriptet.
?
http://sum41.uw.hu
#5653
Még mindig zavaros egy picit, de már haladunk a tökéletes megoldás felé.
Albumot az alábbi módon szoktak csinálni:
1. Képnézõ/-konvertáló program (Irfanview, XnView) segítségével az adott állományokból generálnak HTML-oldalt.
2. Ha a képek például sorszámozva vannak (egy könyvtárban ott van az összes kép: 1.gif, 2.gif, 3.gif,... néven), akkor Javascripttel is legenerálható az oldal:
for (i=1; i<20; i++) {
document.write('<img src=\"'+i+'.gif\" alt=\"'+i+'\">😉
}
3. Ha a képeknek mindenféle nevei vannak (kiskutya.gif, malacka.gif, alma.jpg), és benne van az egész egy könyvtárban, akkor mivel a szerver könyvtárait akard kilistázni szerver oldali nyelvre (PHP, ASP, JSP, Perl, CFML,...) van szükség.
PHP esetén ott a readdir.
4. Esetleg még ott van az adatbázisos/adatállományos megoldás, de az most jelen esetben nem annyira lényeges.
Albumot az alábbi módon szoktak csinálni:
1. Képnézõ/-konvertáló program (Irfanview, XnView) segítségével az adott állományokból generálnak HTML-oldalt.
2. Ha a képek például sorszámozva vannak (egy könyvtárban ott van az összes kép: 1.gif, 2.gif, 3.gif,... néven), akkor Javascripttel is legenerálható az oldal:
for (i=1; i<20; i++) {
document.write('<img src=\"'+i+'.gif\" alt=\"'+i+'\">😉
}
3. Ha a képeknek mindenféle nevei vannak (kiskutya.gif, malacka.gif, alma.jpg), és benne van az egész egy könyvtárban, akkor mivel a szerver könyvtárait akard kilistázni szerver oldali nyelvre (PHP, ASP, JSP, Perl, CFML,...) van szükség.
PHP esetén ott a readdir.
4. Esetleg még ott van az adatbázisos/adatállományos megoldás, de az most jelen esetben nem annyira lényeges.
#5652
oké. szóval
rengeteg kis animált gifem és avatarom van (kb 200 db), ezeket szeretném felrakni html oldalakra, mondjuk 20-as csoportokba. Van valami mód rá, hogy ezt egy album generálja nekem, mint ahogy a jpg képeket lehetséges?
Vagy milyen más lehetõség van?
Lenne egy másik kérdésem is. Használtátok már a Google Analysticet?
rengeteg kis animált gifem és avatarom van (kb 200 db), ezeket szeretném felrakni html oldalakra, mondjuk 20-as csoportokba. Van valami mód rá, hogy ezt egy album generálja nekem, mint ahogy a jpg képeket lehetséges?
Vagy milyen más lehetõség van?
Lenne egy másik kérdésem is. Használtátok már a Google Analysticet?
http://sum41.uw.hu
#5651
Ha rendesen kifejtenéd, akkor talán...
#5650
#5647 erre nem tudsz gyógyírt? 😄
http://sum41.uw.hu
#5649
Nemlétemmel kapcsolatban ajánlom a Html-, css- és php-help címû topikot...
"Na itt bejönne egy zene és ha menne tovább a page-eken akkor is menjen a zene."
Ilyenkor szoktam (és a látogatók többsége sem rajong érte) otthagyni az oldalt - ha automatikusan zenél egy oldal.
Inkább úgy ajánlatos megoldani, hogy az oldal "statikus" részeit (menük, fej- és láblécek, banner, stb) az alapoldalon hagyod mint a zenelejátszót is (amit ajánlatos Flashben beilleszteni - a platformfüggetlenség okán - és nem automatikus lejátszással használni), és csak a változó tartalmat rakod bele egy soron belüli keretbe (<iframe>😉, a linkeket, pedig erre a soron belüli keretbe kell irányítani.
Itt egy példa
"haliztok hogy tudok az oldalamba rakni hozzászólás opciót"
1. Haliztok - ez megint milyen új gasztronómiai kifejezés?
2. Mivel a hozzászólásokat szerver oldalon tárolni (adatbázisban, vagy adatállományban) kell, szerver oldali nyelven (PHP, ASP, JSP, CFML, Perl,...) kell megírni.
A hozzászólások kezelése hasonlít a vendégkönyvhöz, csak annyi különbséggel, hogy a honlap minden egyes oldalához kell külön vendégkönyvet csinálni.
Itt van egy csomó vendégkönyv
Meg itten is
"Nemtudja valaki, hogy a cutenewsban hogyan lehet beállítani, hogy egy oldalon hány hírt jelenítsen meg. eéõre köszi!"
A cutenews oldalát (sõt a cutenews-hoz adott readme-t) ezek szerint nem olvastad:
Showing 5 Latest News
<?PHP
$number = "5";
include("path/to/show_news.php");
?>
"Na itt bejönne egy zene és ha menne tovább a page-eken akkor is menjen a zene."
Ilyenkor szoktam (és a látogatók többsége sem rajong érte) otthagyni az oldalt - ha automatikusan zenél egy oldal.
Inkább úgy ajánlatos megoldani, hogy az oldal "statikus" részeit (menük, fej- és láblécek, banner, stb) az alapoldalon hagyod mint a zenelejátszót is (amit ajánlatos Flashben beilleszteni - a platformfüggetlenség okán - és nem automatikus lejátszással használni), és csak a változó tartalmat rakod bele egy soron belüli keretbe (<iframe>😉, a linkeket, pedig erre a soron belüli keretbe kell irányítani.
Itt egy példa
"haliztok hogy tudok az oldalamba rakni hozzászólás opciót"
1. Haliztok - ez megint milyen új gasztronómiai kifejezés?
2. Mivel a hozzászólásokat szerver oldalon tárolni (adatbázisban, vagy adatállományban) kell, szerver oldali nyelven (PHP, ASP, JSP, CFML, Perl,...) kell megírni.
A hozzászólások kezelése hasonlít a vendégkönyvhöz, csak annyi különbséggel, hogy a honlap minden egyes oldalához kell külön vendégkönyvet csinálni.
Itt van egy csomó vendégkönyv
Meg itten is
"Nemtudja valaki, hogy a cutenewsban hogyan lehet beállítani, hogy egy oldalon hány hírt jelenítsen meg. eéõre köszi!"
A cutenews oldalát (sõt a cutenews-hoz adott readme-t) ezek szerint nem olvastad:
Showing 5 Latest News
<?PHP
$number = "5";
include("path/to/show_news.php");
?>
#5648
Nemtudja valaki, hogy a cutenewsban hogyan lehet beállítani, hogy egy oldalon hány hírt jelenítsen meg. eéõre köszi!
#5647
sziasztok!
olyan kérdésem lenne, hogy van egy csomó animált gifem és ezeket szeretném pár oldalba elszórni, hogy ne töltsenek be olyan sokáig. van erre valami webes album, ami animálja a képeket vagy valami más megoldás?
köszi elõre is
olyan kérdésem lenne, hogy van egy csomó animált gifem és ezeket szeretném pár oldalba elszórni, hogy ne töltsenek be olyan sokáig. van erre valami webes album, ami animálja a képeket vagy valami más megoldás?
köszi elõre is
http://sum41.uw.hu
#5646
haliztok hogy tudok az oldalamba rakni hozzászólás opciót
segítsetek pls
segítsetek pls
Mindent elérhetsz csak akaraterő kell hozzá. Ha eléred a célod,eleget teljesítettél magadnak. GTA San Andreas!
#5645
Utolsó látogatás idõpontja: 2007. 07. 27. 22:34
szvsz nyaral 😊
szvsz nyaral 😊
ReaL MaDRid x siempre
#5644
senki ? :\
Faustus néped érted kiált 😄
Faustus néped érted kiált 😄
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
#5643
<#wave>
[/spam]™
#5642
hehe traivan befigyel😊
Nem vagyok magamnál. Kérem, hagyjon üzenetet.
