9143
HTML-szerkesztés kezdőknek!!!
-
#5700
Köszönöm a választ, mindjárt ki is próbálom!
A válaszod elejével én is egyetértek, még kezdőként is látom, hogy ez nem a legjobb megoldás. -
Cat 02 #5699 hali, background-ra lehet image mapot rakni? -
#5698
"Elkezdtem készíteni egy honlapot természetesen, mint minden kezdő én is táblázatokkal oldottam meg az elrendezést "
No ezt szépen lassan el is kezdheted elfelejteni. A táblázat ugyanis nem oldalszerkezet kialakítására alkalmas.
De tegyük fel hogy egy táblázatot akarsz középre helyezni.
"<div align="center"></div> ezzel próbáltam"
Ez megint egy elavult metódus. Egyrészt mert az align attribútum deprecated (helytelen, ellenjavallt) státuszú - már a HTML 4.01-ben is.
Helyette ott van a CSS.
Tehát tegyük fel, hogy az alábbi HTML-struktúrád van (nagyon leegyszerűsített kódrészlet):
<body>
<table>
<tr>
<td>
</td>
</tr>
</table>
</body>
Ahhoz az alábbi (HTML kódba - a <head> és </head> elemek közé ágyazott) CSS kód dukál:
<style type="text/css">
body {
text-align: center;
}
table {
margin-left: auto;
margin-right: auto;
}
</style>
Bővebben -
#5697
Sziasztok!
Lenne egy kérdésem, gondolom nektek ez már nem probléma, én még csak most kezdtem el tanulgatni a honlapkészítést. Tehát a kérdésem a következő: Elkezdtem készíteni egy honlapot természetesen, mint minden kezdő én is táblázatokkal oldottam meg az elrendezést és itt jön a problémám az istennek sem tudom középre rendezni a táblázatot.
<div align="center"></div> ezzel próbáltam, de így csak az újabb böngészőkben van középen és nekem fontos lenne, hogy ie6-on is így lássam, mert azokban jobbra rendezve látható. -
#5696
köszi :) -
#5695
photoshop, dreamweaver -
#5694
köszi Faustus, kipróbálom! :) -
alakulat #5693 köszi -
#5692
DoctorJohnson: fejből ilyesmire gondolok:
<div id="nagykep"><!-- Ide fog betöltődni a nagy kép --></div>
<div id="thumbnails">
<a href="nagykep1.jpg" class="thumb" target="_blank"><img src="kiskep1.jpg" alt="Képaláírás1" /></a>
<a href="nagykep2.jpg" class="thumb" target="_blank"><img src="kiskep2.jpg" alt="Képaláírás2" /></a>
<a href="nagykep3.jpg" class="thumb" target="_blank"><img src="kiskep3.jpg" alt="Képaláírás3" /></a>
<a href="nagykep4.jpg" class="thumb" target="_blank"><img src="kiskep4.jpg" alt="Képaláírás4" /></a>
<a href="nagykep5.jpg" class="thumb" target="_blank"><img src="kiskep5.jpg" alt="Képaláírás5" /></a>
</div>
<!-- A betöltő szkript -->
<script type="text/javascript">
function getElementsByClass(name) {
var found = 0;
var elems = new Array();
var alltags = document.getElementsByTagName("*");
if (alltags) {
for (i=0; i < alltags.length; i++) {
if (alltags[i].className==name) {
elems[found++]=alltags[i];
}
}
}
return(elems);
}
var linkek = getElementsByClass('thumb');
for (i=0; i<linkek.length; i++) {
linkek[i].onmouseover = function() {
document.getElementById('nagykep').innerHTML = '<img src=\"' + this.href + '\" alt=\"Nagy kép\" />';
}
linkek[i].onmouseout = function() {
document.getElementById('nagykep').innerHTML = '';
}
}
</script>
alakulat: Keress rá az image map kifejezésre. -
alakulat #5691 Hi all!
Olyan kérdésem lenne h mivel tudnák olyat csinálni h van egy kép rajta több féle ábra (pl: auto, motor, hajó..) mindegyikre külön linket szeretnék szöveg nélkül, ha rá állsz az auto bármely részére akkor arra lahesen katintani és pl:best-auto.hu-t lehet lenyitni és igy tovább.
remélem meg lehet érteni h mit akarok :)
elöre is köszi -
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. -
#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. -
#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 -
#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?:) -
Cat 02 #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 -
#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. -
#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:D -
#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 :P
Sum 41 - Magyar Fansite -
Cat 02 #5680 jalbum.net, talán de nem biztos :D -
t1rmg #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> -
#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 -
#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 ;> -
madage #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? 
-
#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? :O"
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? :O -
#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. -
#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 -
#5670
Google Analysticet ismeri valaki? -
#5669
ÁÁÁ, tudod mi volt a hiba? :D
hogy a html fájl a mappán beül volt... xD
köszi a sok fáradozást -
#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? -
#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). -
#5665
igen, így már csinált valamit:
kiirta 1-től 19-ig a számokat -
#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> -
Cat 02 #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 :D -
#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+'\">) -
#5661
Linkeljük be 1001-szer is.