HTML-szerkesztés kezdõknek!!!
Jelentkezz be a hozzászóláshoz.
Esetleg van megoldás a scriptes-re is, hogy hogyan tudnám a jobb oldalra varázsolni? Valójában sikerül, de akkor ezt a sort ki kell törölnöm:
var startX = 30 //set x offset of bar in pixels
Innentõl kezdve viszont nem mozog az oladallal, hanem beillesztõdik valahová és ottmarad.
Az
</stlye>
Ezt a headbe és kiváltható a külsõ CSS fájl, habár azzal mindig jobban jársz :)
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
A CSS megoldással az a baj, hogy nincs ilyen fájlom, mert csak egy htm-rõl van szó.
A scriptes megoldáss jó, csak át kellene orientálni a jobb oldalra. Próbáltam a "style"-t átírni, de úgy nem akart mûködni.
1. Ha a CSS-s megoldással csinálom meg, akkor a head-be másolva a <style> részt kiváltható a CSS fájl?
2. Hogyan tudom a scriptet a jobb oldalra pozícionálni?
Köszönöm.
Megfogadom a tanácsod, és holnap megcsinálom úgy, ahogy mondtad.
Köszi a segítséget, holnap majd írok mire jutottam.
Jó pihenést minden fórumozónak! :)
Mellesleg a </body> és a </html> tagek közé ne kerüljön semmi.
Ami ott van, azt tedd a </body> elé.
Járatos itt valaki a Google Analytics használatában?
Van egy weboldalam, íme a link
Be vagyok regisztrálva az Analytics-be, beállítom benne a szükséges dolgokat, és kiírja beletéve a saját azonosítómmal, hogy mit másoljak be az összes oldal a html kódjába.
Én ezt be is másoltam de ugyanúgy azt írja ki az Analytics, hogy nincs telepítve a kód. :(
Egy kérdésem lenne:
Hogyan készülnek azok kis ablakok, amik az oldal egyik felén/sarkában vannak, és bármerre görgetem az oldalt, az a kis ablak ugyan ott marad. Ha jól gondolom, akkor egy script lehet, de nem tudom, hogy hogyan tudnék rákeresni.
Tudtok ebben segíteni?
ASUS B550-PLUS, AMD 5600X, 32 GB DDR4, EVGA RTX 3070, SM-OB1, HD 600 + Asus Xonar DX, TonePort UX1 + Alesis Elevate 5, Novation Circuit \o/
background-repeat:no-repeat;
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
border: 0px; (vagy lehet none)
margin: 0;
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
Nem...nem...!!! Nem akarok Windows-os lélegeztetö gépet...!! SOF2, I my dying love - [H|R|S]SoF2 Team - War & Smoke - kertésznek kellett volna menni bazmeg...
Hozzáadás a kedvencekhez!</a>
Én csak ezt tudom ajánlnai, azonban a legegyszerûbb valóban az lenne, ha felraknád egy tárhelyre, ahol akár le is jelszavazhatod az oldalt, és mondjuk az irodában megadod mindenkinek a jelszót, így csak Ti tudjátok használni :)
SoF II: C4z0rla
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
Abban teljesen igazad van, hogy manuálisan bármikor bárki hozzá tudja adni a kedvenceihez ezt a htm doksit, de valahol kíváncsi is voltam, hogy lehet-e egy ilyen fájlt egy add to favourites scripttel beilleszteni egy oldalba.
Ha esetleg van valamilyen ötlet erre, annak közzétételét megköszönöm. :)
Ezt jól megaszondtam. :)
[/spam]™
Úgy éld az életed, hogy ne felejtsd el azokat az emlékeket, amelyeket nem szeretnél ...
Ami miatt kellhet:
- a keresõk könnyebben indexelik be a képet
- akik letiltják a képek megjelenítését (vagy szöveges böngészõt használnak), azok tudják hogy mi van a képen
- vakok, gyengénlátók felolvasószoftverei tudnak mit kezdeni a képpel
- no meg egy lépés a valid oldalkialakítás irányába ;)
Igy egy kicsivel még jobb lesz az oldal.
De ez a rész 'alt="Ez egy hatalmas kép lesz" ' nem fontos bele?
Úgy éld az életed, hogy ne felejtsd el azokat az emlékeket, amelyeket nem szeretnél ...
Tehát az alábbi HTML kódrészletet feltételezve:
<img src="bazinagykep.jpg" alt="Ez egy hatalmas kép lesz" />
</div>
a CSS-kódrészlet ezek szerint módosul:
width: 400px;
height: 400px;
overflow: auto;
}
Vagy ha eröltetni akarod, hogy mindenképpen legyen görgetõsáv, akkor erre módosul a CSS-kódrészlet:
overflow: scroll;
}
Bõvebben: CSS overflow
Egy kicsit más "nyelvjárásban":
<img src="bazinagykep.jpg" alt="Ez egy hatalmas kép lesz" />
</div>
Vagy erõltetve:
<img src="bazinagykep.jpg" alt="Ez egy hatalmas kép lesz" />
</div>
Úgy éld az életed, hogy ne felejtsd el azokat az emlékeket, amelyeket nem szeretnél ...
Egyetlen ötletem, az iframe, de az meg nem jó :D
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
Az elsõre nem jelenik meg semmi, a másodikra meg egy az egyben szövegként jelenik meg.
Úgy éld az életed, hogy ne felejtsd el azokat az emlékeket, amelyeket nem szeretnél ...
<!-- kép és szöveg -->
</div>
CSS-ben:
div#keret {
overflow: auto;
}
SoF II: C4z0rla
Szeretnék egy mind lefelé mind széltében nagyobb képet feltenni az oldalamra.
Amit egy olyan keretbe szeretnék betenni, ami ha túl log a szöveg vagy a kép, lesz alul és oldalt egy gördítõ sáv.
De sehol nem találtam kimondottan ilyent.
Hol találhatok? Tud valaki ilyet?
Úgy éld az életed, hogy ne felejtsd el azokat az emlékeket, amelyeket nem szeretnél ...
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
SoF II: C4z0rla
Pedig a CSS-kód újrafelhasználásának érdekében (egy stíluslap több oldalon való használata) ildomos külön állományba rakni a stíluslapot. Valószínûleg az oktatásban azért vonják egybe, hogy egy kódban lássák a stílusdefiníciókat és a szerkezetet (könnyebben lehet javítani ;) ).
"és igen, ott csak és kizárólag táblázatos oldalt készítesz"
Ugyanis az WYSIWYG-szerkesztõkben (leginkább a Campus/Tisztaszoftver program keretén belül ránk szabadított M$ Frontpageben) relatíve gyorsan felépíthetõ, és nem kell a szegény diákokat terhelni a CSS-ben tapasztalható lebegtetéssel, dobozmodellel (és ez utóbbi IE és más böngészõn belüli viselkedésével), és más hasonló nyalánkságokkal.
"Azonban azt egy szóval nem említettem, hogy ha egy oldalt el szeretnél készíteni - vagy esetünkben karban szeretnél tartani - ahhoz táblázatosan kell felépítened."
Csak arra tértem ki, hogy az érettségin vett egyszerûnek említett HTML tananyag és egy profitorientált weboldal készítése között azért van némi különbség.
SoF II: C4z0rla
Emelt szintû érettségin van HTML!
[/spam]™
Nem kell feltétlenül egyik sem.
Tudni kell a webes programozási nyelveket (HTML, CSS, Javascript, PHP,...) és akkor egy szimpla, ingyenes kódszerkesztõvel (Notepad2, Notepad++, PsPad, jEdit, Context, Komodo Edit, Aptana, PsPad, Crimson Editor, Programmer’s Notepad, NEdit) is elboldogulhatsz.
"Bár nem néztem végig az oldalt, nagy része HTML, a HTML nyelv pedig igen könnyû. (Manapság középszintû érettségi követelmény.)"
Ámbátor könnyûnek tûnik, de egy valid, szemantikus, táblázatmentes oldalszerkezetû HTML-kódot, aminek a kinézetét CSS-sel szabályozod (és minden elterjedt böngészõben helyesen jelenik meg), azért nem egy középszintû érettségi kategória (nem is oktatják ezeket a finomságokat, mert egyrészt nem webfejlesztõk képzése a cél, másrészt nincs erre idõ).
Pedig ezekre egy professzionális/profitorientált weboldal esetében eléggé szükség van - és ezt a WYSIWYG-szerkesztõprogramok kizárólagosan grafikus nézetére hagyatkozva eléggé komplikált elérni.
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
SoF II: C4z0rla
Ez nem a tárhely-szolgáltató feladata.
Gigabyte MA790X-UD4, AMD Phenom x4 9950 BE+refhûtõ, Kingston HyperX 2x1GB 1066Mhz Kit, Asus Geforce 8800GTS 320MB, HKC 560W Samsung 160GB Win7 Ultimate 32bit, Apple Iphone 3GS 16GB
