HTML-szerkesztés kezdõknek!!!
Jelentkezz be a hozzászóláshoz.
* A reload függvény betölti a képeket a böngészõ gyorsítótárába. Így amikor újra hivatkozunk rá, akkor, már lekérdezhetõ a kép mérete.
* Az ablak függvény generálja a popup-ablakot, olyan méretben, amekkora a kép.
Ami ezen a képen láthato és pirosal be van karikázva azt hogy hozam elö dreamwear katintásal be ?
Gigabyte 890XA-UD3 | AMD Phenom II X4 955 | Kingston DDR3 3*2GB | Ati Radeon 5770HD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Képmegnyitó</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<a href="#"><img src="01_small.jpg" alt="1. kép" border="0"/></a>
<a href="#"><img src="02_small.jpg" alt="2. kép" border="0"/></a>
<a href="#"><img src="03_small.jpg" alt="3. kép" border="0"/></a>
</body>
</html>
És a külsõ Javascript állomány (script.js):
img1 = new Image();
img1.src = '01.jpg';
img2 = new Image();
img2.src = '02.jpg';
img3 = new Image();
img3.src = '03.jpg';
}
function ablak(be) {
img = new Image();
img.src = be;
o='toolbar=0,location=0,directories=0,status=0,menubar=0,resizable=0,scrollbars=0,width='+img.width+',height='+img.height;
wd=window.open('','ablak',o);
wd.document.write ('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">\n');
wd.document.write ('<html>\n');
wd.document.write ('<head>\n');
wd.document.write ('<title>'+img.src+'</title>\n');
wd.document.write ('<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />\n');
wd.document.write ('</head>\n');
wd.document.write ('<body style="margin: 0px; padding: 0px; text-align: center;">\n');
wd.document.write ('<a href="#"><img src="'+img.src+'" alt="'+img.src+'" style="margin: 0px;" border="0"/></a>\n');
wd.document.write ('</body>\n');
wd.document.write ('</html>');
wd.document.close ();
}
Nem épp a legszebb megoldás, de ez van...
a valami.html oldalban legyen benne csak a kép. a zárójelben lévõ width és height értékeknek pedig add meg a kép méreteit.
[...] Te romboló állat! Te sátán!
Van egy kis kep a weblapon, az szeretnem ha rákattintva megjelenne a nagyobb kép, de úgy h. nyisson egy ablakot amiben benne van és az ablak mérete akkora legyen mint a kép mérete. (szóval h. ne gyisson teljes méretû új ablakot)
remélem tudtok segíteni.
elõre is kösz.
Web: http://www.tir.extra.hu
Trükközéssel megoldható persze: Például, ha a lenyíló dobozok a lenti keretben vannak, akkor a fönti keretben lévõ menüsor egyszerûen átszól a másik keretbe, hogy jelenjen meg a megfelelõ doboz.
De ez talán egy kicsit macerás.
Web: http://www.tir.extra.hu
[...] Te romboló állat! Te sátán!
Akkor elõször énis mindenkinek jó nyulat kívánnék!! :)
Másodszok meg azt kérdezném, hogy ugye van a lenyílómenü pl az egyse menöbõl nyit nekem 2-öt. Ez megvan, csak ugye nálam fel van darabolva a képernyõ (frameset) úgyhogy ha felûre a 2-es mezõbe rakom akkor oda is nyitja meg azaz az "5-ös mögé", de én azt szeretném hogy elé nyissa. 5let, tanács???????
Ja és így nézne ki a menüm:
<html>
<head>
<STYLE type="text/css">
<!--
A:Hover {
color: steelblue;
text-decoration: none;
text-transform: uppercase;
font-weight:bold;
}
A {
color: royalblue;
text-decoration: none;
font-size: 10pt;
font-family: Verdana, Arial;
}
-->
</STYLE>
<script type="text/javascript" language="javascript">
<!-- innen
/*
Letöltve a ThomasWebMûhely javascript archívumából:
http://www.thomas98.hu/webmuhely.php
*/
ie4 = ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4 ))
ns4 = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4 ))
if (ns4) {
layerRef="document.layers";
styleRef="";
} else {
layerRef="document.all";
styleRef=".style";
}
function afficheCalque(calque)
{
eval(layerRef + '["' + calque +'"]' + styleRef + '.visibility = "visible"');
}
function cacheCalque(calque)
{
eval(layerRef + '["' + calque +'"]' + styleRef + '.visibility = "hidden"');
}
//-->
</SCRIPT>
// eddig -->
</script>
</head>
<body>
<CENTER>
<table border=0 cellspacing=0 cellpadding=0>
<TR valign="top">
<TD>
<DIV STYLE="background-color:silver; width:220">
<CENTER><a href=#>Fõmenü 1.</a></CENTER>
</DIV>
<DIV id="div1" style="position:relative; layer-background-color:silver; background-color:silver; width:220; border-width:thin; border-color:white; border-style: groove; visibility: hidden">
<a href="http://">Almenü-1.</a><br>
<a href="http://">Almenü-2.</a><br>
<a href="http://">Almenü-3.</a><br>
</DIV>
</TD>
<TD>
<DIV STYLE="background-color:silver; width:140">
<CENTER><a href="#">Fõmenü 2.</a></CENTER>
</DIV>
<div id="div2" style="position:relative; layer-background-color:silver; background-color:silver; width:140; border-width:thin; border-color:white; border-style: groove; visibility: hidden">
<a href="http://">Almenü-1.</a><br>
<a href="http://">Almenü-2.</a><br>
<a href="http://">Almenü-3.</a><br>
</DIV>
</TD>
<TD>
<DIV STYLE="background-color:silver; width:140">
<CENTER><a href=#>Fõmenü 3.</a></CENTER>
</DIV>
<DIV id="div3" style="position:relative; layer-background-color:silver; background-color:silver; width:140; border-width:thin; border-color:white; border-style: groove; visibility: hidden">
<a href="http://">Almenü-1.</a><br>
<a href="http://">Almenü-2.</a>
</DIV>
</TD>
</TR>
</TABLE>
</CENTER>
</body>
</html>
A minden féle majd át lesz írva csak elõször az elvkéne. :)
Segítségeteket elõre is köszönöm. :-]
Web: http://www.tir.extra.hu
Blade17: Ha jól értem neked nem grafikus (WYSIWYG - What You See Is What You Get - amit látsz azt kapod) szerkesztõre (kódszerkesztõnek is hívják õket) van szükséged.
Ilyen például a HTML-Kit, vagy az Edit+, vagy a CuteHTML, vagy például a TextPad.
Ajánlom figyelmedbe a http://webmester.lap.hu/ oldal Grafikus Webszerkesztõ és HTML és kódszerkesztõ részét.

Aki tud segítsen!
Asus K8N|AMD64 2800+|512MB DDR 400mhz Hynix|Sapphire Radeon 9600Pro 256MB
\"Kétfajta embert ismerek. Az egyiket már szállítottam, a másikat ezután fogom.\" [Sonajk @:o) a mentõs]
Viszont én béna voltam ehhez, beírtam a szerkesztõmbe(átírtam a kék, s zöld részeket), de nem segített... <#falbav>#falbav> Viszont csináltam egy 1*3-as táblázatot, s a középsõ mezõbe illesztettem be a flasht, s így mûxik Mozillában is! (még korábban javasoltad ezt, hogy igazítsak mindent középre, s így elkerülhetem a különbözõ felbontások okozta anomáliákat)
Lehetséges, hogy jól döntöttem? <#conf>#conf>
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
<PARAM NAME=movie VALUE="myFlashMovie.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED src="/support/flash/ts/documents/myFlashMovie.swf" quality=high bgcolor=#FFFFFF
NAME="myMovieName" ALIGN="" TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"
</EMBED>
</OBJECT>
vagy Flash Satay metódusnál:
<param name="movie" value="movie.swf" />
</object>
2. A formázást pedig megoldod CSS-sel:
<style type="text/css">
body {
text-align: center;
}
position: absolute;
height: 400px;
top: 50%;
bottom: 50%;
left: 50%;
right: 50%;
margin-bottom: -200px;
margin-left: -255px;
margin-right: -255px;
padding: 0px;
border: none;
}
</style>
Ezt( http://www.tutorial.hu/content/view/266/28/ ) megnéztem, de nem segített.
Milyen kód kell nekem?
PLS HELP mesterek! <#ijedt>#ijedt><#ijedt>#ijedt><#ijedt>#ijedt><#ijedt>#ijedt><#ijedt>#ijedt><#ijedt>#ijedt><#ijedt>#ijedt>
Ha a <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> -t beszurom a file elejere, osszekocolodik egyik-masik a div-em. Min valtoztat ez a kis sor a browserek lelkivilagan? Ha torlom, ismet normalisan jelenik meg.
<?php
if($betu) echo "<div style=\"width: 1000px; height: 585px; overflow: auto;\">";
if($betu) include("$betu.html");
if($betu) echo "</div>";
?>
és a betu.php-t töröltük. Azt mondta a haver, hogy azt az iframe miatt iktatta csak közbe.
És bocs, hogy rögtön itt kérdezek, de az ilyen oldalakra nehezen bukkan rá az ember, amiket linkelsz, fõleg ha még azt sem tudja mire keressen rá konkrétan, mert az se tudja, hogy egy dolgot milyen attribútummal kell megoldani! Viszonzásul max. photoshopban tudok segíteni, ahhoz némiképp jobban értek, bár ott is messze állok a profitól :)
"az iframe Operaban nem volt jó (fehér a háttér és nem átlátszó)"
Valószínûleg az Opera az <iframe> src attribútumában megadott oldal alapbeállításait használja.
"A divnél probléma továbbra is, hogy van függõleges scrollbar is és minden böngészõben!"
1. CSS-el a beillesztendõ tartalom szélességét rögzítsd le 500px-re (vagy kevesebbre).
2. overflow: auto;-t próbáld ki.
3. http://www.quirksmode.org/css/overflow.html - olvasgasd ("az egér scrollal akkor tudom csak görgetni, ha ráklikkelek 1 névre" - itt meglepõ módon mûködik az egér scroll Firefox alatt...)
"Meg egyet nem értek, a haverom aki segített csinált 1 betu.php-t, ide include-ta a listákat és az index.php-be pedig azt az echo <iframe src=\"betu.php?betu=$betu\"... írta! Na ezt nem tudom miért csinálta, szerinted?"
Az echo azt írja ki, amit utána idézõjelek közé írnak.
Az include pedig az utána idézõjelek közé írt file tartalmát írja ki (és dolgozza fel).
Oldalam: www.tir.extra.hu
Mégeccek köszi mindent, megmentettétek az életem. :)<#zavart1>#zavart1><#puszi>#puszi><#eljen>#eljen><#integet2>#integet2>
Web: http://www.tir.extra.hu
Web: http://www.tir.extra.hu
A te kódodból szemezve, a frame-es szerkezetben
Akkor a menuk.htm-ben a linkelés a következõképp néz majd ki:
Asszem ez így nehéz lesz. <#szomoru2>#szomoru2>
Én úgy szeretném az oldalam megjelenését alakítani, hogy lenne egy belépõ része az lenne felosztva 6 készre ennek a kódja kód:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<title>gyak</title>
</head>
<FRAMESET ROWS=25%,*, 25%>
<frameset cols=" 13%, *, 13%">
<frame src="kep.html" NORESIZE scrolling="no">
<frame src="kep.html" NORESIZE scrolling="no">
<frame src="kep.html" NORESIZE scrolling="no">
</frameset>
<frameset cols=" 13%, *, 13%">
(4. rész)<frame name="menuk" src="menuk.html" NORESIZE scrolling="no">
(5. rész)<frame name="foszoveg" src="foszoveg.html" NORESIZE>
<frame name=kep2" SCROLLING="no" src="kep2.html" NORESIZE>
</frameset>
<noframes>
Ez egy kamionos oldal.
</noframes>
</frameset>
</html>
No és it szeretném, hogy a 4. részbõl az 5. részbe nyissa meg nekem a dolgokat, mivel a 4. rész nálam a menü rész és az 5. pedig a "fõ" és oda nyitna mindent a menübõl. Remélem jól eltudtam magyarázni és értitek a problémám. :)
Web: http://www.tir.extra.hu
Web: http://www.tir.extra.hu
Ha a frame1-bõl akarsz linkelni a másikba, akkor az <a href="valami.html" target="frame2"> megoldással mûködik.
[...] Te romboló állat! Te sátán!
Web: http://www.tir.extra.hu
Web: http://www.tir.extra.hu
Web: http://www.tir.extra.hu
Másrészt: frame helyett használhattál volna <div> elemet (tehát <div> és </div> elemek közé include-olod a listát), aminek adthattál volna egy kis CSS-formázást - egyszer megadod az említett <div> magasságát (height tulajdonság), másszor használod az overflow tulajdonságot. Vagyis:
<!-- Ide jön a tartalom -->
</div>
rinyavas: Brrr. rémes frame-ek...
Tegyük fel, hogy van a következõ frame-es szerkezeted:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "DTD/xhtml1-frameset.dtd">
<html>
<head>
<title>Ez egy rémes frame</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
</head>
<frameset rows="*,*">
<frame name="menuframe" src="menu.htm" />
<frame
<noframes>
<body>
<p>Ez egy kereteket tartalmazó weblap, az Ön böngészõje azonban az ilyen lapokat nem támogatja.</p>
</body>
</noframes>
</frameset>
</html>
A menûben pedig a következõ a helyzet (menu.htm - 3 darab képpel megvalósított menûpont):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Menû</title>
</head>
<body>
<p>
<a href="tartalom1.htm"
<a href="tartalom2.htm"
<a href="tartalom3.htm"
</p>
</body>
</html>
Én csak most próbálkozok a HTLM szerkesztéssel és ezen belül is a keret szerkesztéssel (Frameset), úgyahogy kész is vagyok csak egy nagy gondom van, :( hogy pl az 1-es mezõbõl nem a 2-es mefõbe nyitja meg a képek link tartalmát hanem oda az 1-es mezõbe és ez érdekelne engem, hogy ezt hogy tudnám orvosolni. Azt írjá az egyik honlapon, hogy a névvel kel valamit ügyeskedni.
Válszt elõre is köszi. :]
Web: http://www.tir.extra.hu
<STYLE type="text/css">
BODY
{scrollbar-face-color:#ff0000;
scrollbar-arrow-color:#ff0000;
scrollbar-highlight-color:#ff0000;
scrollbar-3dlight-color:#ff0000;
scrollbar-shadow-color:#ff0000;
scrollbar-darkshadow-color:#ff0000;
scrollbar-track-color:#ff0000;}
</STYLE>
Mit csináljak,hogy jó legyen? A táblázatok, amiben a növénylista van pl.:a.html-ként van ez a betu.php-be van include-va így: if($betu) include("betu.html"); és ez az egész az index.php-be (ez az alap: fejléc, menü, háttér) így if($betu) echo "<iframe src=\"betu.php?betu=$betu\" name=\"Lista\" width=\"100%\" height=\"605\" frameborder=\"0\" scrolling=\"auto\" allowtransparency=\"true\"></iframe>"; Ezt azért írtam le, hogy lássátok át hogy épül fel a lap, mert lehet ezért nem jó a fentebbi kód és máshogy kell írni, csak nem tudom hogyan!
Elõre is köszi a segítséget! A honlap címe: www.bsdnet.hu/udvi
vki tudja hogy hol lehet beállitani a frontpage-ban azt hogy "lebutitom" amit csináltam tehát ne csak a mozilával tudjam megnézni és leszedni ami kell????
\\__/) (O.o) ( } { )
éld úgy minden napod, mintha az lenne az utolsó! Azt egyszer úgyis bejön. HyperActive
Vagy a <body> elem bgproperties attribútuma... ...de az nem minden böngészõben mûködik (ráadásul nem is felel meg a W3C szabványainak).
Ugyanis az Internet Explorer 4-es verziójával nézve eléggé ronda képet mutat.
Van egyfajta "feltételes megjegyzés" (conditional comments)-technika, amely csak IE alatt mûködik. Ezzel az IE4 számára külön stílusdefiníciót lehetne adni.
Segítségre lenne szükségem! Adott ez a honlap: www.bsdnet.hu/udvi. Itt a növénylista latinulra klikkelve bejön jobb oldalon az A betûs növények listája, de mivel hosszú, így görgetni kell a lapot és akkor a háttér illesztés csúnyán látszik, ezt szeretném úgy megoldani, hogy csak a lista mozogjon a lap ne! A lista egy cellában jelenik meg php include-olás segítségével, így néz ki a menü ill. a betûk hivatkozása: pl.: index.php?menu=novll&betu=lista/a! Tudom, hogy valami iframe-l kell megcsinálni, csak azt nem tudom hogyan! Illetve jó lenne hogy a háttér látszódjon akkor is, ha ezt a "virtuális szövegdobozt" beteszem! Ezt meg lehet oldani? Elõre is köszönöm a segítséget!
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
WIDTH="550" HEIGHT="400" id="myMovieName">
<PARAM NAME=movie VALUE="myFlashMovie.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED src="/support/flash/ts/documents/myFlashMovie.swf" quality=high bgcolor=#FFFFFF WIDTH="550" HEIGHT="400"
NAME="myMovieName" ALIGN="" TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
De van egy alternatíva, amit Flash Satay néven emlegetnek (XHTML-s, a W3C szabványainak jobban megfelelõ):
<param name="movie" value="movie.swf" />
</object>
éld úgy minden napod, mintha az lenne az utolsó! Azt egyszer úgyis bejön. HyperActive
Mivel a legkülsõ táblázatod mérete szerencsére adott (780*500 pixel) ezért könnyedén megoldható:
1. Fogd a legkülsõ táblázatodat és a következõképp módsítsd:
2. A stíluslapdefinícióknál (a <style és a </style> elemek között) illeszd be az alábbi kódot:
background-color: #6C3823;
}
position: absolute;
width: 780px;
height: 500px;
top: 50%;
bottom: 50%;
left: 50%;
right: 50%;
margin-top: -250px;
margin-bottom: -250px;
margin-left: -390px;
margin-right: -390px;
padding: 0px;
border: none;
}
Modern böngészõkkel ez a megoldás kielégítõen mûködik.
Ezt szeretném középre igazítani. Most az oldal tartalmától, tekintsetek el, meg a design-tól, csak gyakorlásképen kísérletezgetek.
Ps3 ID: Gascoigne74