HTML-szerkesztés kezdõknek!!!

Jelentkezz be a hozzászóláshoz.

#8492
sajna nincs lehetõség CSS-re.
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.

Nosztredamus
#8491
Hi megint :)

Az ugyanaz :) A gond a következõ: a szélére szeretnék egy menüdobozt,ez már látható is a z oldalon,de valamiért állandóan összeugrik a 3 kép,valamint szeretném elérni,hogy a menüdoboz hozzáérjen a s képhez,de mindezt margó megadása nélkül :) (tehát a lényeg az lenne,hogy érjen hozzá,de ha megoldható ne úgy,hogy "px-es" margót kelljen megadni)

#8490
<style type="text/css">
</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 &#3232;_&#3232;

#8489
Dávid és viso, Köszönöm szépen, pontosan ezeket kerestem. Viszont egy kis segítséget szeretnék kérni.
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.

#8488
Igen azt tudom hogy most nincs benne, mert miután nem mûködött és elegem lett belõle ki töröltem, mondván hogy ott ahol volt úgy sincs semmi haszna.
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! :)

Dj Faustus
#8487
Mert nincs is benne a Google Analytics követõkódja. Tedd be a <body> tah után, vagy a </body> elé.

Mellesleg a </body> és a </html> tagek közé ne kerüljön semmi.
Ami ott van, azt tedd a </body> elé.

#8486
Sziasztok!
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. :(

viso 007
#8485
Hasonló ez is..float top bar

#8484
elég hozzá CSS is pl.
#8483
Sziasztok,
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?

Jim Morrison
#8482
Jó a szöveg :D

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/

Nosztredamus
#8481
Köszi

#8480
background-position:top right;
background-repeat:no-repeat;

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

Nosztredamus
#8479

Nosztredamus
#8478
bal oldalon :P

Ic3 m4n
#8477
hol a sárkány?

Nosztredamus
#8476
Hi megint :)

Azt szeretném elérni,hogy a sárkány jobb oldalon legyen.Ezt meg lehet oldani külön div nélkül?

Nosztredamus
#8475
köszi ez jó lett!

viso 007
#8474
Én a body-nak margin: 0px; adnék!

#8473
width: 100 %;
border: 0px; (vagy lehet none)
margin: 0;

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

Nosztredamus
#8472
valamint a pergamen teteje és az oldalkép sem ér hozzá a felsõ "csíkhoz"

Nosztredamus
#8471
Üdv!

Lenne egy kis problémám:
A gond az,hogy a felsõ kék csíknál,alatta levõ kép illetve az alsó kép nem ér végig (valamennyi hely mindig marad)

Elõre is Köszönöm!

#8470
valójában csak egy felmerült ölet volt, de a legegyszerûbb megoldás, amit írtál.

RIZLA
#8469
nem egyszerübb, ha mindenki aki hozzáférhet, kap egy parancsikont az asztalára.... ugy is a szerveren van a doksi, ha jol értettem...

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...

kispeki
#8468
<a href="#window.external.addFavorite('file://blabla/index.html','Website Title');">
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

#8467
Én nem értek a scriptekhez, csak amit a neten találok egyben, mint a dátum kiírása... stb. HTML-t is csak saját erõbõl amiket évek alatt magambagyûjtöttem egy honlap készítése erejéig. Szóval ha lehet ilyet, akkor ha esetleg néhány ismertetõt ha kaphatnék róla, azt megköszönném.

#8466
Valamit átirányításos dologgal nem menne ? http://-t favolja, de átiránytja a file://-ra.

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

#8465
Irodán belül publikus, de nincs lehetõségem feltenni semmilyen tárhelyre és nem is akarom.
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. :)

CattiBrie
#8464
Ilyesmi oldalam nekem is van. Én FireFoxot használok és ott beállítottam, hogy legyen ez a html fájl a kezdõoldalam. Ha jól értem, ez az állomány nem publikus. És ha így van, minek az "add to favourites"? Meg szerintem a favokhoz kézzel is hozzá lehet adni bármit (bár ebben nem vagyok otthon). De akkor talán mégis publikus. De ha meg publikus, akkor tessék valami tárhelyre feltölteni, mert akkor úgy sem éri el más

Ezt jól megaszondtam. :)

[/spam]&#8482;

#8463
sziasztok, segítséget szeretnék kérni abban, hogy a munkahelyen használunk egy olyan htm fájt, amiben mindenféle információ van(sok txt fájl helyett csináltam). Akartam rá tenni egy linket, amivel a kedvencek közé be lehet tenni ezt a thm fáljt, de mivel a hálózaton van és "file://"-rel érhetõ el, nem mûködik az "add to favourites" script. Ha átírom http://... re akkor mûködne, csak akkor meg ugye a hálózaton lávõ fájlt nem találja meg. Tudtok erre megoldást?

xblades
#8462
Most már értem kösz még egyszer.

Úgy éld az életed, hogy ne felejtsd el azokat az emlékeket, amelyeket nem szeretnél ...

Dj Faustus
#8461
"De ez a rész 'alt="Ez egy hatalmas kép lesz" ' nem fontos bele? "
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 ;)

xblades
#8460
Ezer köszönet mindenkinek, így már mûködik.<#worship>
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 ...

Dj Faustus
#8459
Mûködik az, csak meg kell adni a blokk szélességét és magasságát, mert különben a tartalom ki fogja nyújtani a blokk méretét.

Tehát az alábbi HTML kódrészletet feltételezve:
<div id="keret">
<img src="bazinagykep.jpg" alt="Ez egy hatalmas kép lesz" />
</div>


a CSS-kódrészlet ezek szerint módosul:
#keret {
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:
#keret {
overflow: scroll;
}


Bõvebben: CSS overflow

Egy kicsit más "nyelvjárásban":
<div style="width:400px; height: 400px; overflow: auto;">
<img src="bazinagykep.jpg" alt="Ez egy hatalmas kép lesz" />
</div>


Vagy erõltetve:
<div style="overflow: scroll;">
<img src="bazinagykep.jpg" alt="Ez egy hatalmas kép lesz" />
</div>

xblades
#8458
Pedig én képet szeretnék beilleszteni.<#vigyor3>

Úgy éld az életed, hogy ne felejtsd el azokat az emlékeket, amelyeket nem szeretnél ...

#8457
<textarea>szöveg</textarea> de ez képet szerintem nem támogat.
Egyetlen ötletem, az iframe, de az meg nem jó :D

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

xblades
#8456
Kipróbáltam G-portálon és weboldalon(php fusion-t használ) de egyik sem jó.
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 ...

kispeki
#8455
<div id="keret">
<!-- kép és szöveg -->
</div>

CSS-ben:

div#keret {
overflow: auto;
}

SoF II: C4z0rla

xblades
#8454
Hello
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 ...

#8453
Igen. És ezzel nincs is baj (szerintem). Dreamweaver meg nowai, mert fizetõs :D

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

kispeki
#8452
Igen, nyílvánvalóan van különbség egy, az órán megtanult adatokból felépített HTML alapú oldal, és egy profitorientált weboldal között. A tanárokat meg a WYSIWYG-szerkesztõk használatának engedélyezésével kapcsolatban nem értem. Nyílvánvalóan nem az a céljuk, hogy megbuktassák a diákokat, azonban semmi értelme nincs akkor a diákok taníttatásának, ha akár tanulás nélkül mondjuk Dreamweaver-el megcsinálják. Egy alapszinten a számítógéphez értõ ember akkor ezek szerint nulla HTML tudással le tudja tenni a középszintû érettségit? ... Érdekes :-)

SoF II: C4z0rla

Dj Faustus
#8451
"ha jól tudom, nem is szabad külön fájl-t csinálni neki, de ez lényegtelen"
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.

kispeki
#8450
Persze hogy van, a CSS-t általában csak felületesen tanítják, ha jól tudom, nem is szabad külön fájl-t csinálni neki, de ez lényegtelen. A különféle opacity; -moz-border-radius, stb utasításokra ki se térnek, sõt néhol még a háttérkép elhelyezése se érdekli õket, és igen, ott csak és kizárólag táblázatos oldalt készítesz. 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. Megannyi lehetõség van oldal-készítésére, mint Te is leírtad, kezdõdik ez a PHP-vel... De lényegtelen, félreértettük egymást :)

SoF II: C4z0rla

CattiBrie
#8449
Az NVU és a Kompozer által készített kód nem szemetes, sõt, valid!
Emelt szintû érettségin van HTML!

[/spam]&#8482;

Dj Faustus
#8448
"Felraktam a macromedia dreamweaver 8-at és az adobe dreamweaver cs4-et de nem tom, hogy melyikkel kellene."
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.

#8447
Nem NVU-val írtam, hanem Kompozerrel, mert nvu fejlesztése leállt és a Kompozer pedig az nvu továbbfejlesztése (vagyis csak írni fogom, és emeltet, amin nem is hiszem, hogy lesz html). Az, meg, hogy szemetes a kód, egy érettségin teljesen mindegy, az a lényeg, hogy fusson (jó, html esetén nem fog az sehova futni, de érthetõ :D)

[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás &#3232;_&#3232;

CattiBrie
#8446
Szerintem meg lehet. :)

[/spam]&#8482;

kispeki
#8445
Igen, de míg az érettségid HTML részét - biztos vagyok benne, hogy - ezzel a programmal nem 100%-osra írtad, addig azok, akik megírják saját maguk a kódot, már több eséllyel indulnak, mivel nyílván nem lesz szemetes a kódjuk. De bocsáss meg ha tévedtem és sikerült NVU-val akár több mint 90%-os középszintût tenni :)

SoF II: C4z0rla

Dj Faustus
#8444
"Szolgaltatoval esetleg nem lehet beszelni ilyen ugyben, hogy ok tegyenek valamit?"
Ez nem a tárhely-szolgáltató feladata.

#8443
Igen folytatni szeretném, itt nem a html-nyelvel van nekem a gondom inkább a programban nem ismerem ki magam:S Ha elkezdem begépelni az étlapot akkor túl nagy sorközt hagy és azt sem kód nézetben nem desinger nézetben nem tudtam átállítani. Cat 02: igen egy kicsit bezavart arra is kell keresnem egy progot. Én is NVU-n érettségiztem.

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