9143
HTML-szerkesztés kezdőknek!!!
-
#4170 Nos, ha frame esetén is működik (az amúgy asszem nem valid) z-index css parancs, akkor azt próbáld meg. Ellenkező estben lehet, hogy le kéne mondanod a frame-ről. Vagy esetleg növeld meg a frame méretét, hogy beleférjen. Jobb ötletem sajnos nincs. -
rinyavas #4169 Sziasztok
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" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">
<CENTER><a href=# onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">Főmenü 1.</a></CENTER>
</DIV>
<DIV id="div1" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('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://" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">Almenü-1.</a><br>
<a href="http://" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">Almenü-2.</a><br>
<a href="http://" onmouseover="afficheCalque('div1')" onmouseout="cacheCalque('div1')">Almenü-3.</a><br>
</DIV>
</TD>
<TD>
<DIV STYLE="background-color:silver; width:140" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">
<CENTER><a href="#" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">Főmenü 2.</a></CENTER>
</DIV>
<div id="div2" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('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://" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">Almenü-1.</a><br>
<a href="http://" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">Almenü-2.</a><br>
<a href="http://" onmouseover="afficheCalque('div2')" onmouseout="cacheCalque('div2')">Almenü-3.</a><br>
</DIV>
</TD>
<TD>
<DIV STYLE="background-color:silver; width:140" onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')">
<CENTER><a href=# onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')">Főmenü 3.</a></CENTER>
</DIV>
<DIV id="div3" onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('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://" onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')">Almenü-1.</a><br>
<a href="http://" onmouseover="afficheCalque('div3')" onmouseout="cacheCalque('div3')">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. :-] -
#4168 Először is mindenkinek boldog, politikától mentes, lányoknak (lehetőleg nem részeg) locsolókban, fiúknak sonkában (sonkamérgezés rulez!) és tojásban gazdag húsvéti ünnepeket!
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 oldal Grafikus Webszerkesztő és HTML és kódszerkesztő részét. -
#4167 Megoldottam !
-
#4166 Sziasztok,azt szeretném megkérdezni ,hogy html be hogy tudok beilleszteni(rakni),Txt vagy egy másik htm fájlt?(Mert csak txt,htm fájlt akarom frissíteni nem az egész oldalt ).Elöre is köszi .
-
#4165 Hello!Segítséget szeretnék kérni.Egy olyan programot szeretnék letölteni(csak nem tudom honnan) ami SZÍGORUAN Html szerkesztő (csak html parancsokat használ)
Aki tud segítsen! -
#4164 [b][szin=red][hatalmas][center]Kellemes Húsvéti Ünnepeket kívánok mindenkinek! -
#4163 Persze, hogy azonnal reagál... Iszonyatosan jófej vagy!!!
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... 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?
-
#4162 1. Keresd meg a Flash-alkalmazásodat beillesztő kódodban a width, height, és az id (ha ez utóbbi nincs meg hozz létre egyet) attribútumokat:
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
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" id="myMovieName">
</EMBED>
</OBJECT>
vagy Flash Satay metódusnál:
<object type="application/x-shockwave-flash" data="movie.swf" width="550" height="400" id="myMovieName">
<param name="movie" value="movie.swf" />
</object>
2. A formázást pedig megoldod CSS-sel:
<style type="text/css">
body {
text-align: center;
}
#myMovieName{
position: absolute;
width: 550px;
height: 400px;
top: 50%;
bottom: 50%;
left: 50%;
right: 50%;
margin-top: -200px;
margin-bottom: -200px;
margin-left: -255px;
margin-right: -255px;
padding: 0px;
border: none;
}
</style>
Ha visszaolvastál volna a #4134 és #4132 hozzászólásomból összeollózhattad volna magadnak az egészet - mint én is tettem. -
Anotino #4161 sikerult kiigazitani -
#4160 Sziasztok! Az oldalamra csak egy flash(swf) van beillesztve, azt viszont szeretném, ha középen lenne, felbontástól függetlenül!!! IE középre nyitja meg Mozilla, balra igazítja. Frontpage-t használok. (beállítottam a középre igazítást, de nem jó)
Ezt( http://www.tutorial.hu/content/view/266/28/ ) megnéztem, de nem segített.
Milyen kód kell nekem?
PLS HELP mesterek! -
Anotino #4159 Na, egy kis ugykodes reven sikerult validalni az oldalam html 4.01 -re. Ami viszont problema:
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. -
#4158 Mégegyszer köszi a segítséget! Az ötleteddel, segítségeddel + a heverom segítségével végül a szemétbe került az iframe (ő is azt mondta, hogy elavult már). Na mindegy végül ezt lett a forráskód az index.php-ben:
<?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 :) -
#4157 wudy86: Akkor most térjünk a TE problémádra.
"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. - 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). -
rinyavas #4156 Nos ez az utolsó lépés kelett az oldalam végső befelyezéséhez most kész vagyok a szerkezetével. éjjen most jön a kinézet. :)
Oldalam: www.tir.extra.hu
Mégeccek köszi mindent, megmentettétek az életem. :)
-
rinyavas #4155 ahhhhaaaa bazzzzz tényleg megvan. köszi -
#4154 No akkor mégegyszer
A te kódodból szemezve, a frame-es szerkezetben
<frame name="foszoveg" src="foszoveg.html">
Akkor a menuk.htm-ben a linkelés a következőképp néz majd ki:
<a href="valami.htm" target="foszoveg">Link</a> -
rinyavas #4153
Asszem ez így nehéz lesz.
É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. :) -
rinyavas #4152 Köszi, nézem. -
#4151 Köszi a segítséget! Tényleg jó, annyi a baj, hogy míg az iframe Operaban nem volt jó (fehér a háttér és nem átlátszó), addig ez a div tag a Firefoxban "nem jó" (az egér scrollal akkor tudom csak görgetni, ha ráklikkelek 1 névre) mondjuk ez nem nagy hiba, csak zavaró, hogy csak a scrollbart megfogva lehet le-fel húzogatni! A divnél probléma továbbra is, hogy van függőleges scrollbar is és minden böngészőben! Hogy tudnám azt kilőni? 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? Valami ilyesmit mondott, hogy amit meg lehet egyszer csinálni, ne csináljam meg 40-szer! És most ezt nem tudom, hogyan írjam át a div-es verzióra! mert az ok, hogy a betu.php-ben ezt írtam <div style="width:500; height:600; overflow:scroll;" <?php if ($betu) include ("$betu.html"); ?></div>, de ezt az echo....-ot nem tudom,hogyan írjam át? Így próbáltam, de nem jó: if($betu) echo "betu.php?betu=$betu". -
#4150 úgy kell megcsinálni, hogy mindkét frame-nek adsz nevet, pl. frame1 és frame2
Ha a frame1-ből akarsz linkelni a másikba, akkor az <a href="valami.html" target="frame2"> megoldással működik. -
#4149 Várjál egy picit és bejön vagy jobb megoldás, hogy jobb klikk Cél mentése..., az biztosabb! -
rinyavas #4148 ajjaj vagy lehet mégse. :) -
rinyavas #4147 ahhhhhaaaaa köszi. -
rinyavas #4146 nekem ezt írja: http://www.bsdnet.hu//udvi/0903.mov azt semmi tovább.
-
#4145 wudy86: Egyyrészt: a görgetősáv szinezése nem szerepel a W3C CSS-referenciájában (Micro$oft találmány).
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:
<div style="width: 400px; height: 600px; overflow: scroll;">
<!-- Ide jön a tartalom -->
</div>
rinyavas: Brrr. rémes frame-ek...
Tegyük fel, hogy van a következő frame-es szerkezeted:
<?xml version="1.0" encoding="iso-8859-2"?>
<!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 name="contentframe" src="tartalom1.htm" />
<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):
<?xml version="1.0" encoding="iso-8859-2"?>
<!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" target="contentframe"><img src="menupont1.jpg" alt="1. menűpont" /></a>
<a href="tartalom2.htm" target="contentframe"><img src="menupont2.jpg" alt="2. menűpont" /></a>
<a href="tartalom3.htm" target="contentframe"><img src="menupont3.jpg" alt="3. menűpont" /></a>
</p>
</body>
</html> -
#4144 Na ezt jól megcsináltam, mentségemre most csináltam először! Ha letöltötted írj már, mert utánna letörlöm! -
#4143 Szerintem ez kell nekedez -
rinyavas #4142 Szaisztok
É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. :] -
#4141 Köszi a segítséget! Igaz már sikerült megoldani a problémát. Az egyik haverom segített már. Az a bgproperties tényleg jó, csak én azt akartam, hogy csakis abban az egy cellában mozogjon a szöveg míg az oldalsó menü és a fejléc az fix maradjon, tehát iframe-el lett megoldva végül és jó is lett, már csak azt nem tudom, hogyan lehetne színezni a görgetősávot ill. explorerben alul is van egy görgetősáv, nem tudom, hogyan lehetne eltüntetni onnan, mert a táblázat amiben a növénylista van nem olyan széles mégis ott van. Mozillában jó! Ezt próbáltam már a görgetősáv színezéshez és nem működik:
<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 -
alakulat #4140 hi
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???? -
#4139 thx az alsó alternatív megoldás mindhárom böngészővel működik:DDDD -
#4138 A te barátod a CSS background-attachment tulajdonsága lesz.
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). -
#4137 Hááát, csak majdnem tökéletes...
Ugyanis az Internet Explorer 4-es verziójával nézve eléggé ronda képet mutat.
Van egyfajta [url=http://www.quirksmode.org/css/condcom.html]"feltételes megjegyzés" (conditional comments)-technika[/url], amely csak IE alatt működik. Ezzel az IE4 számára külön stílusdefiníciót lehetne adni. -
#4136 Sziasztok!
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! -
#4135 Köszönöm! Tökéletes lett! -
#4134 A Macromedia oldalán így írják le a beillesztést:
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
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ő):
<object type="application/x-shockwave-flash" data="movie.swf" width="400" height="300">
<param name="movie" value="movie.swf" />
</object> -
#4133 #4125 erre tudnál válaszólni te nagyon vágod a témát:D -
#4132 Nos ezt egy kis CSS-használattal tudod megoldani.
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:
<table align="center" border="0" cellpadding="0" cellspacing="0" height="500" width="780" id="ccc">
2. A stíluslapdefinícióknál (a <style és a </style> elemek között) illeszd be az alábbi kódot:
body {
background-color: #6C3823;
text-align: center;
}
#ccc{
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. -
#4131 Az lenne a kérdésem, hogy egy táblázatot, miként tudnék középre igazítani, úgy, hogy ne csak oldalról legyen középen, hanem vertikálisan is. Pl.: itt ez az oldal: http://w3.enternet.hu/neo74/
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.