9143
HTML-szerkesztés kezdőknek!!!
-
#3607
Scrollbar CSS
egyébként google-ban sok mindent megtalálsz, ha rákeresel -
hellboi #3606 Sziasztok!
Meg tudnátok mondani, hogy lehet a gördítősáv színét megváltoztatni?? -
#3605
Ügyelj arra, hogy jól add meg a képek helyét.
Tehát ha a képek egy images könyvtárban vannak, a tömb egy elemének a meghatározása a következő lesz:
banner[0] = "images/kep1.jpg"; - és így tovább
Másrészt olvasd el a [url=http://www.sg.hu/listazas.php3?id=1068892391#3598]#3598[/url]-as hozzászólásom, ahol felhívtam a figyelmedet a [url=http://www.sg.hu/listazas.php3?id=1068892391#3597]#3597[/url]-es hozzászólásomban elkövetett bakira:
"Egy kis kiegészítés: a document['banner'].src = banner;-nél a ; előtt van egy (szögletes zárójel nyitva)i(szögletes zárójel zárva).
A fórummotor nemigazán tolerálja, a dölt kiemelés miatt." -
#3604
Hmmm, valami még mindig nem stimmel.
Megcsináltam a html fájlt és aa
banner[0] = "kepem-0.gif";
banner[1] = "kepem-1.gif";
banner[2] = "kepem-2.gif";
banner[3] = "kepem-3.gif";
képeit lecseréltem olyanokra amik valóban vannak.
A banner résznél kell még vmit csinálni?
Help plíz -
#3603
igaz, faszságot mondtam, vagyis inkább hülyén
Arra gondoltam, hogy az eredeti design 800x600-ra készüljön el, és építse bele ezeket a flexibilis részeket. Csak hülyén fogalmaztam. -
#3602
"Ha megengeded"
Persze, azért vagyunk hogy Blancer (is) okosodjon.
"800x600-ra legyen optimalizálva" vs. "Ebben az esetben, a táblázat szélességét állítsd 100%-ra"
Most akkor 800*600-ra legyen optimalizálva (felbontásfüggő) a táblázat? Vagy 100%-ra (valamelyest felbontásfüggetlen)? Vagy legyen egy táblázat, aminek egy cellája 800*600-as?
Itt van egy kis aranyos cikk erről.
-
#3601
Ha megengeded, akkor én javaslok egy másik, talán egyszerűbb megoldást is. Nevezetesen, hogy úgy csináld meg a táblázatot (már ha azzal dolgozol), hogy 800x600-ra legyen optimalizálva, de legyen(ek) benne olyan cella(k), ami(k) tartalma tetszőleges számban ismételhető, torzulás nélkül. Ennek a legegyszerűbb példája, ha egyszínű a háttér. Ebben az esetben, a táblázat szélességét állítsd 100%-ra, és (bár ebben nem vagyok biztos, de nem vesztesz semmit) az adott celláét is. Így, ha jól csinálod meg a táblázatot, akkor minden felbontáson kitölti az egész képet. De azt vedd figyelmbe akkor is, ha Faustus, vagy az én megoldásomat választod, hogy a tartalom nem lesz több az oldalon a felbontás változása miatt. Tehát ha a tartalom mennyisége miatt csak 800x600-ban izléses a megjelenés, akkor véleményem szerint CSAK erre a felbontásra optimalizáld, és használd a Faustus által is javasolt középre igazítást. Sok sikert! -
#3600
1. Ha nem ragaszkodsz annyira a fellbontásfüggetlen kialakításhoz, akkor vedd a kisebb felbontást alapul (és pozicionáld a tartalmat középre - mint itt az SG-n - így nem látszik annyira nagynak az üres tér).
2. Ha tiszta HTML lapod van (vagy a CSS-t a HTML lapba beágyazva - style attribútum/<style>...</style> közé illesztett CSS kód - használod), kénytelen leszel megcsinálni az összes HTML lapot külön-külön. Szóval dupla munka.
3. Ha a CSS kódot külön file-ban tárolod, akkor elegendő lesz csak a CSS file-t duplikálnod, és csak a méretadatokat (szélességek, magasságok, betűméretek) kell átírni az egyik file-ban.
Ez utóbbi esetben a <head> és a </head> között így add meg a stíluslapokat:
<link rel="stylesheet" type="text/css" href="kicsi.css" title="kicsi" />
<link rel="alternate stylesheet" type="text/css" href="nagy.css" title="nagy" />
Az ezen az oldalon található setActiveStyleSheet(title) Javascript függvényt szúrd be a <head> és a </head> közé egy <script type="text/javascript"> és egy </script> közé (a Cookies-ig tartó zárójelig bezáróan).
A függvény alá (az utolsó kapcsos zárójele alá, de a </script> fölé) szúrd be az alábbi függvényt:
function valt() {
if (window.screen.width<1000) {
setActiveStyleSheet('kicsi');
} else {
setActiveStyleSheet('nagy');
}
}
És végűl a body onload eseményével hívd be a kódot:
<body onload="valt()">
Mit is csinál a kód?
1. Amikor betöltődik az oldal (onload esemény) hivja a valt() Javascript függvényt
2. A valt() függvény lekérdi a böngésző felbontását. Ha kisebb mint 1000 pixel, akkor a kicsi paraméterrel hívja meg a setActiveStyleSheet(title); függvényt, aminek eredményeképp a kicsi elnevezésű stíluslap fog megnyilni. Ha nagyobb, akkor a nagy paraméter lesz átadva, így a nagy.css lesz engedélyezve.
3. Ha a böngészőben le van tiltva a Javascript, akkor a kicsi.css kerűl megnyitásra. -
blancer #3599 Sziasztok!
Tudnátok segíteni hogy hogan tudnám optimalizálni az oldalt 1024x768 -ra ill. 800x600 -ra is? Esetleg két lapot csinálok mindből, de ezt hogyan lehet automatizálni (lekérdezi és azt az oldalt hívja le amelyik jó 1024-től lefelé a kissebbet fölfelé pedig a nagyobbat)De más megoldás is érdekelne.
Köszönöm előre is
Üdv:Zoli -
#3598
Egy kis kiegészítés: a document['banner'].src = banner;-nél a ; előtt van egy (szögletes zárójel nyitva)i(szögletes zárójel zárva).
A fórummotor nemigazán tolerálja, a félkövér kiemelés miatt.
-
#3597
Miért, az nem jó, ha kijavítod a hibáit?
<script type="text/javascript">
<!--
var banner = new Array();
var i=0;
// ############ KÉPEK BEILLESZTÉSE ##################
var ido = 2; //Az idő másodpercben
banner[0] = "kepem-0.gif";
banner[1] = "kepem-1.gif";
banner[2] = "kepem-2.gif";
banner[3] = "kepem-3.gif";
// ############ KÉPEK BEILLESZTÉSE EDDIG #############
function valt()
{
if (i>=banner.length) i=0;
document['banner'].src = banner[i];
setTimeout("valt();",ido*1000);
i++;
}
document.onLoad = setTimeout("valt();",1);
//-->
</script>
Illetve a kép maga:
<img src="" alt="banner" name="banner" />
Vagy belerakhatsz egy kis véletlenszerűséget:
<script type="text/javascript">
<!--
var banner = new Array();
var i=0;
// ############ KÉPEK BEILLESZTÉSE ##################
var ido = 2; //Az idő másodpercben
banner[0] = "kepem-0.gif";
banner[1] = "kepem-1.gif";
banner[2] = "kepem-2.gif";
banner[3] = "kepem-3.gif";
function valt() {
i = Math.floor(Math.random() * (banner.length-1));
document['banner'].src = banner[i];
setTimeout("valt();",ido*1000);
}
document.onLoad = setTimeout("valt();",1);
//-->
</script>
Vagy nézz szét itt. -
#3596
Értem, köszi
Esetleg más ilyen képváltogató script? -
#3595
Azért mert kétszer szerepel a <SCRIPT LANGUAGE="JavaScript"> nyitó tag-ként.
Ráadásul ez nem valid megadás. Így kell megadni <script type="text/javascript">.
Másrészt ha jól megnézed a szkriptet van benne egy ilyen sor: document['banner'].src= Ebből kitalálható, hogy létre kell hozni egy banner nevű (name="banner") elemet, aminek az src nevű attribútumát fogja véletlenszerűen állítgatni. Na vajon milyen elemet kell?
Természetesen képet: <img src="" alt="banner" name="banner" />
"Így kell csinálni:
A scriptet kimásolod, beilleszted és kész...
A <HEAD> </HEAD> közé kell másolni:"
Hát ez nem jött be... -
#3594
faustus..köszi mindent
-
#3593
Sziasztok!
Valaki elmondaná miért nem mükszik nekem ez a képcserés script? Szerintem a képek beillesztésénél van gond. Segítsetek líz vagy mondjatok más scriptet, ami váltja magát -
#3592
Ahhoz nem is találsz (a Dreamweaver vagy a Frontpage nevű webszerkesztő programokhoz esetleg). Weboldalszerkesztéshez leginkább HTML/CSS leírásokat lehet találni. Használd úgy, mint egy Word-öt, vagy bármilyen szövegszerkesztőt használnál. -
#3591
ok koszi de itt van NVU-hoz lecke mert nem találtam:( -
#3590
HTML tanfolyam -
#3589
ehhez nincsenek valami leckék?? Mert nem nagyon tudom hogy kezdjek neki:( -
#3588
azt mondod hogy én is tudnam kezelni? hátmegnézem hátha koszke a segitséget. -
#3587
ABSZOLULT kezdőnek ajánlom az NVU, vagy a Frontpage (a Microsoft Office csomagjában ha jól tudom bennevan) nevű programokat.
Tudnak magyarul, kezelésük nem nehéz (kb mint egy szövegszerkesztő).
Ha majd belejössz a kezelésébe, érdemes tanulgatni a HTML+CSS nyelveket. Itt már adtam néhány linket. -
blancer #3586 Szóval: van egy oldalam amiben van egy iframe ablak ebbe hívom majd be a többi htm-et de az explorer nem fogadja el ha az iframe-nak csinálok backroundot és azt sem h ha a bodynak, valószínű az a htm fájl nem látszik át és ezt nem tudom megoldani hogyan látszódjon át.
Köszönöm szépen az eddigi segítségeteket, sokat jelentett.
Üdv Whitey -
#3585
hellosztok én szeretnék megtanulni egy egyszeru weblapot szerkeszteni ebben tudnatok segiteni,hogy milyen programm kell hozzá meg ilyenek most szolok SOSE probaltam még!!! 
-
#3584
A head (a <head>...</head>) is kell. A benne szereplő értékek fontosak.
A <title>...</title> adja meg a honlap nevét (a Google számára fontos!)
A <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> határozza meg, hogy közép-európai nyelvű, HTML oldalról van szó. Ez a böngésző számára fontos.
A <meta name="description" content="Futomani AiKi DoJo"> mondja meg a honlap tartalmát. A keresők számára hasznos.
A <meta name="keywords" content="futomani, ai, ki, do, aikido, makó, budo, pintérné, gazdag, anett, morihei, ueshiba, osensei, sensei"> pedig felsorolja azokat a szavakat, amelyek a hoonlapra leginkább jellemzőek. Ugyancsak a keresők számára fontos. -
blancer #3583 a head biztos kell? mert anélkül is megy és amikor beraktam akkor meg megjeleníti a kész lapon
Az Iframeről tudnál valamit mondani? hogy hogyan lehet h látszódjon a body háttere.
most észrevettem h ha sokáig nyitva van az a lap exp-ben akkor egy csomószor megnyitja és ki is lép:{ -
#3582
1. A kezdőoldalon <!DOCTYPE a feletti script-et tedd be a <head> és a </head> közé.
2. Döntsed el, hogy HTML 4.01-et vagy XHTML-t kívánsz használni. Az előző esetben nem kell az egyedülálló tag-ek végét />-el bezárni.
3. A következő oldalon levő oldal szerkezetének kialakítását hogy is szeretnéd megoldani?
Egyebekre meg ott a
Honlap kódját bemásolod a Validate by Direct Input mezőbe, és lenyomod a Check gombot... ...és rossz esetben szörnyülködsz, jobb esetben örülsz.
-
#3581
így csináld:
<head>
<style type="text/css">
.cella
{
background: url("back.jpg");
background-repeat: repeat (ha ismétlődjön), vagy repeat-x (víszintesen ismétlődik), vagy repeat-y (függőlegesen ism.), vagy norepeat (nem ism.)
}
</style>
</head>
ezek után már csak az adott cellánál kell beírnod, hogy:
<td class="cella">aéslfjslfdj</td>
-
blancer #3580 Kir sikerült!
Már csak az iframe zavar meg találtam egy tbodyt is de azokkal még teljesen jól megy, de ha esetleg bezavarhat szóljatok
Köszönet Whitey
Ja és ahol iframe van ott csak fehéren látszik exp-ben és nem látszik a háttér :(
-
blancer #3579 Bocs de a css-t nem ismerem egyáltalán. tudnád egy kicsit szájbarágósabban?
Ha jól értem akkor ezt beírom valahová a bodyba:
.cella
<backround: url("/kepek/valami.jpg");
{
norepeat
}
És ezt meg az adott cella <td>-jénél: <td class="cella">
és így már jónak kellene lennie, mert nekem nem műkszik.
Üdv: Whitey -
#3578
adj neki css-t. Fausuts kijavít, ha elbasztam, pl. :
.cella
<background: url("back.jpg");
{
background-repeat: repeat (ha ismétlődjön), vagy repeat-x (víszintesen ismétlődik), vagy repeat-y (függőlegesen ism.), vagy norepeat (nem ism.)
}
ha ez megvan, akkor az adott cellánál a <td class="cella"> hivatkozással kapcsolod össze.
-
blancer #3577 Sziasztok!
Lenne egy kis problémám!
Belevetettem magam a weblapkészítésbe, és így kezdőként van egy problémám vagyis kettő, én mozzillát használok, de szeretném ha rendesen megjelenne explorer alatt is. Már egy csomó hibát kijavítottam legalábbis a Dreamveawer nem jelzi már:P azt szeretném megtudni h ha egy táblázatban szeretnék az egyik cellában háttérképet akkor milyen lehetőségek vannak mert az exp. nem működik a backrounddal. (vagy csak elcsesztem valamit?) és az iframe-ra meg azt az üzit kapom h nem kompatibilis a mozzillával sem (mellesleg rendesen műkszik) tehát ez a két kérésem lenne. Bocs hogy sokat írtam és feleslegeset is. Ja esetleg ha valaki megnézné h még milyen javítanivaló lenne még azt megköszönném www.futomani.dox.hu
Üdvözlettel: Whitey -
#3576
Ez kb olyan mint a <nobr> (sortörés nélküli bekezdés), <bgsound> (háttérben szóló zene), <layer> (a honlap tartalma felé rakott újabb tartalom - réteg), <marquee> (gördülő szöveg), <blink> (villogó szöveg), és még van egy néhány. -
#3575
ez utóbbiról spec soha nem hallottam, és csak azért figyelek arra amit írsz, mert jókat írsz, és tanulok belőle. -
#3574
Köszi, legalább valaki figyel helyettem is. ;)
Tehát a stíluslap-megadás helyesen:
A <head> és a </head> közé:
<style type="text/css">
body {
background: url("back.jpg");
background-repeat: repeat;
background-attachment: fixed;
}
</style>
Vagy így is megoldható:
<body style="background: url("back.jpg"); background-repeat: repeat; background-attachment: fixed;">
Vagy úgy is hogy az alább kódot egy CSS file-ba (mondjuk style.css) mented (pl: Jegyzettömb segítségével):
body {
background: url("back.jpg");
background-repeat: repeat;
background-attachment: fixed;
}
És a HTML file-ban (a <head>...</head> tag-ek közé téve) hivatkozol rá:
<link rel="stylesheet" type="text/css" href="style.css" />
Utólag megjegyzem elvileg lenne rá tisztán HTML megoldás is, de az nem működik minden böngészőn, ráadásul nem is valid:
<body background="back.jpg" bgproperties="fixed"> -
#3573
Vagyis inkább a "script" helyett a "style" taget kéne használni, de amúgy ua. -
#3572
de sajna így se sikerül. nem tudnám vhogy átküldeni, hogy meglesd, mit lehet vele kezdeni? -
#3571
köszi a gyors, és kimerítő választ. Rendes voltál. bye! -
#3570
A <head> és a </head> közé:
<script type="text/css">
body {
background: url("back.jpg");
background-repeat: repeat;
background-attachment: fixed;
}
</script> -
#3569
amúgy mindenhol ezeket a válaszokat kaptam. de ezt hová, és hogyan kell tenni. Help lécci
-
#3568
aha, ezeket én is látom, de nem bírok vele. html-ben nem lehet?