kezdek belejönni, de a segítséged nélkül szerintem most semmire nem mentem volna. bár sokat olvasok a neten, de azért ilyen részletesen sokminden nincs meg.
"ezt is mindegyikre akarom érvényesíteni akkor a fenti felsorolásba betehetem" Ha a #left, #content és #right elemekre, akkor: #left, #content, #right { float: left; height:200px; line-height: 200px; padding: 20px; }
már csak egy kérdésem lenne. azt írtad, hogy ahol tudok csoportosítsak: #left, #content, #right { float: left; } #left, #content, #right { height:200px; } #left, #content, #right { padding: 20px; }
így jó, ha ilyen sorrendbe rakom, vagy máshogy jobb lenne?
ill. írtál egy ilyet: #content p {line-height: 200px; ezt közvetlen a #content{ alá tetted, ha én ezt is mindegyikre akarom érvényesíteni akkor a fenti felsorolásba betehetem, vagy mindig az adott doboz (left, right, stb.) alá tegyem?
Mûködik az: HTML, CSS, megjelenés - a tartalom blokkban levõ szöveg függõlegesen középen van (maga a konténer is - de az meg a margin: 0 auto; illetve a text-align: center; miatt).
viszont a a középre igazítás nem jött össze. Ezt beírtam: #content { height:200px; width:350px; background-color:#FFFF33; }
#content p { line-height: 200px; } semmi nem változott, viszont amikor ezt is: <div id="content"><pTartalom</p></div> akkor eltûnt a felirat.
és még egy kérdésem lenne: ha a feliratot pl. balra szeretném igazítani, de nem teljesen a szélére (mint a példában), akkor a paddingot kell álítanom? (Valami belsõ kontúr)
köszi
Ha jól sejtem errõl az oldalról van szó, ami ezt a stíluslapot használja, és valószínûleg ezen iromány alapján készült.
Ha javasolhatnám, a CSS-kódot mindenek elõtt egyszerûsítsd: 1. A CSS-kód legelejére például tedd az alábbit: * { margin: 0; padding: 0; border: none; } Ezzel minden elem margóját, kitöltését, és szegélyét eltünteted. Ez azért jó, mert eltünteted a böngészõ alapbeállításaiból eredõ margókat, kitöltéseket és szegélyeket, és nem kell ezeket egyesével kinyírni (esetedben a body, #container, #left, #content, #right elemeknél) - tiszta lappal indulhatsz. 2. Ahol lehet, csoportosíts! Ahogy látom 3 blokkot - #left, #content, #right - egymás mellé akarsz "lebegtetni". A helyett, hogy mindegyiknél megadod: float: left;, vond össze a 3 elemet: #left, #content, #right { float: left; } 3. A position: relative; CSS deklaráció megadása nem kell, csak a helyet foglalja.
No akkor középre igazítás: "és szövegre olvastam olyat, hogy: line-height: 100%;" Ha van egy, egysoros szöveged, amit egy blokk típusú elemen belül akarsz elhelyezni, a blokk magasságával megegyezõ line-height tulajdonsággal ruházol fel, akkor függõlegesen középre fog pozicionálódni a szöveg.
Tehát HTML-kódrészlet: <div id="content"><pTartalom</p></div> CSS-kódrészlet: #content{ height:300px; width:500px; background-color:#FFCC00; } #content p { line-height: 300px; }
Viszont ha a HTML-kódban az adott blokkba több sor kerül: <div id="content"><pTartalom 1</p><pTartalom 2</p></div> akkor ez a trükk már nem mûködik megfelelõen.
"viszont annyit azért kérdeznék, merthogy mindenhol azt írják, hogy nehéz a középre igazítás, hogy:" Tegyük fel, hogy van az alábbi iromány alapján készült HTML, és CSS kódod.
Középre akarod pozicionálni a #container elemet. Ez esetben 1. a <body> elemnek megadod, hogy a szöveget pozicionálja középre: body { text-align: center; }
2. a #container blokknak, meg a két oldalról automatikus margót adsz (a szöveg középre igazitását meg visszaveszed): #container { margin: 0 auto; text-align: left; width:650px; } Szóval így
És vízszintesen középre is van pozicionálva a #container blokk.
Középre pozicionálásról még itt illetve itt olvashatsz.
különben, bár én sülthal vok, de úgy látom, hogy sok hiányossága van még ennek a css-nek (méretezés területen), pedig kegyetlen jó.
na, már találtam egy csomó mindent.
viszont annyit azért kérdeznék, merthogy mindenhol azt írják, hogy nehéz a középre igazítás, hogy: #container{ position:relative; top:0px; left:0px; width:650px; margin:0; padding:0; }
itt kell megadnom vmit, ami az oldal közepére igazítja? pl.: height: 100%; width:100%;
és szövegre olvastam olyat, hogy: line-height: 100%; ha ezt (csak egy sorra jó, pl. menü) beállítom, akkor középre teszi a szöveget, de nekem nem jött össze.
kösziiiiiiiii
Faust, már több linket mutattál, de nekem egy olyanra lenne szükségem, ahol az alapok jól levannak írva. Rákerestem a doboz modellre, de az a helyzet, hogy olyat nem találtam ahol leírná, pl.: hogy osztom szét több darabra az oldalt.
tehát tudod, a teljes nulláról!
köszi.
ja igen, erre emlékszem! köszi a segítséget. mostmár remélem boldogulok!
"amit linkeltél megoldást, az tök jó, csak a szín nem változik egérre." Kicsiny változtatás a CSS kódban és kész.
"amit a css-ben elmentek az minden oldalon megvalósul, ahol hivatkozok rá?" Ha külsõ stíluslapot használsz, akkor igen.
1. Szerintem használd a pastebin.com oldalt. Áttekinthetõbb kódot kapunk, és a hozzászólást sem nyújtja szét a kód. 2. Íme egy megvalósítás: HTML, CSS (ez utóbbit mentsd el style.css néven, így fel tudod használni több oldalon a stíluslapot) 3. Pár észrevétel: - Ha már magyar nyelvû oldalról van szó, az iso-8859-1-es karakterkódolás helyett használj iso-8859-2-t, vagy utf-8-at - A táblázat nem oldalszerkezet kialakítására való. - A függõleges középre pozicionálás megoldható a line-height CSS-tulajdonságnak a blokk méretére történõ állításával is (lásd a CSS forráskódban: mind a height tulajdonság, és mind a line-height 45 pixel méretû),
Igen, csak azt (Dreamweaver) valamennyire ismerem és most is úgy "tanulom", hogy a kódok változtatásával látom a változást is (design nézetben).
Tudom, hogy ez barkácsolás, de nem vok programozó és nem is célom weboldalakkal foglalkozni. De általában olyan vok, aki ha vmibe belekényszerül, akkor igyekszem minél többet megtudni arról.
"a css nagyon érdekel, de ha fent lesz a cs4, akkor tudok csak elméjedni." A CSS és a Dreamweaver CS4-es változata egymástól teljesen független - szóval a CSS megtanulásához nem kell Dreamweaver (de a webfejlesztéshez sem kell feltétlenül).
"ezt a külsõ ablakos megnyitást viszont én nem értem, nem lehet, hogy a scriptben van benne? " window objektum open metódus - mint Javascriptben.
"Egyébként egy 15 soros scriptrõl van szó, ami egy kb 150x300-as ablakban nyílik meg." Másold be a szkriptet a pastebin.com oldalra (vagy ha valamilyen weboldalról származik, add meg hol találtad), megpróbáljuk átírni.
"azt, hogy css vagy php könyvet érdemes venni arra értettem igazából, hogy mivel semmihez nem értek, melyik hasznosabb? " Elõbb érdemes a(z) (X)HTML-t és a CSS-t megtanulni, az a weboldalak "alapja", utána érdemes PHP-val foglalkozni. Rengeteg tananyag érhetõ el a neten, érdemes nézegetni különbözõ oldalak forrásait.
elszúrtam, a negatív számok után rakj egy !important-ot is, sorry pl. 0px -45px!important;
cseréld ki a CSS-t és a menüt erre, ez jobb. így most egybõl betölti a háttérképet ami egy fájlból áll. amíg nincs letöltõdve a háttérkép, addig ugyanolyan szürke lesz a háttér színe. Ha növeled a menüpontok számát adj hozzá a CSS-hez még egy a:hover.rollover[szám]-ot és növeld a háttérkép melletti negatív számot 45-tel (a képet meg értelemszerûen lefelé kell növelni újabb gombokkal)
vbscriptet nem ismerem, PHP-hez vehetsz könyvet ha foglalkozni akarsz vele, de szerintem elõbb szórakozz egy kicsit a CSS-el (táblázatmentes oldalszerkezet stb.), az úgyis kell szinte mindig
a vbscript kb megegyezik a js-el? tehát, ugyanúgy le lehet tiltani, mint a js-t?
david, akkor ez tulajdonképpen nem cseréli ki a képet, csak elõször 20px-t mutat, majd az egészet?
ha színt szeretnék kicserélni képre, annak a kódja sokban tér el ettõl?
mi az a "külsõ ablakos"?
azt, hogy css vagy php könyvet érdemes venni arra értettem igazából, hogy mivel semmihez nem értek, melyik hasznosabb?
Ez a kép látszik alapból az elsõ linknél, de csak az elsõ 20px széles szürke rész. Ha fölé viszed a kurzort akkor 150px széles lesz, és így látszik az egész kép
a.rollover2 és a.rollover3 a további menüpontok, csak be kell õket másolnod mégegyszer és átírni a számot a végén 4-re 5-re stb. (de a linkeknél is ugynanúgy kell újakat berakni pl. <a class="rollover4" href=""></a>)
na így értem. bár ez erõs túlzás, inkább felfogtam :) igen ott csak színt szerettem volna, de így is jó, ha kép, csak akkor írd le légyszi, hogy mit változtassak meg, hogy mindenhol (6 menü) más kiinduló háteret tudjak beállítani (most szürke téglalap).
Az is a háttérképen van rajta, színt nem adtam meg sehol. (de ha nem lesz ott kép, csak színt akarsz, akkor szólj és átírom)
szerintem minden notepad nevû program kódszerkesztõ (is), kódírásnál a lényeg, hogy sima szöveget írsz és nem grafikusan húzogatod a dolgokat Könyvvásárlást meg te döntsd el, a neten is megtalálsz szinte mindent, de ha neked könyvbõl könnyebb, érdemes lehet.
sziasztok! A segítségeteket szretném kérni, script html-be való beágyazásával kapcsolatban. Vannak szöveges fájlokba mentett dolgaim, amiket összegyûjtöttem egy html-be. Viszont van egy .vbs fájl, ami egy keresõ. Ezt szeretném elérni a html-bõl, úgy hogy ha megnyitom a html-t, akkor abba legyen benne és ne külön ablakba nyissa meg. Egyébként egy 15 soros scriptrõl van szó, ami egy kb 150x300-as ablakban nyílik meg. köszi a segítséget elõre is.
IGEN! egyazegyben ilyet szeretnék.
a kérdésem az, hogy te minden téglalapot szürkére állítottál, de én azt szeretném, hogy egymás alatt más színek legyenek. azt hol adom meg, merthogy nem láltok "utalást"?
a notepadot ismered? az érdekelne, hogy az kimondottan kódszerkesztõ? Mert leszedtem és láttam, hogy kilehet választani milyen "nyelven" akarok szerkeszteni (html, php, stb...) csak mivel én nem értek hozzá így nekem ez a progi nem segít.
Ill. css vagy php könyvet érdemesebb venni?
köszi
a -157px csak a példa háttérképre vonatkozik, ami 3x157 széles más méretû képnél át kell írni, attól függõen, hogy mennyi, és milyen irányú elmozdulást akarsz
#8311: a class-okra nem hivatkoztál a CSS-ben: #menu a helyett a.ap a.mu kell
"<a class="rollover1" href=""></a> <a class="rollover2" href=""></a>" melyik részbe kell tenni ?
itt van, amit készítettem, de ugyanazt a képet teszi be. http://jokaiapartman.atw.hu/pl2.html
köszi
azt nem értem, hogy ha a kép 120px széles, akkor miért -157-et teszi arréb? jobban megnéztem a linkelt oldalon a leírást és sikerült is megcsinálni, de ha megtennéd, hogy megnézed ezt: http://jokaiapartman.atw.hu/pl.html
itt látható, hogy bal szélen van egy 20x45 pixeles téglalap. én azt szeretném, hogy mindössze ennyi lenne a link, amibõl kijön egy 250px szélességû. tehát ha a téglalap melletti fehér részre megyek, ott ne legyen link.
ha nem akarsz a linkbe szöveget, csak töröld ki belõle: <a hef=""></a> a CSS rollovernél érdemes egy fájlba rakni a megjelenõ képeket (sprite), így nem fog külön töltögetni a böngészõ, amikor változna a háttérkép
gondolom azért nem történt semmi amikor az ráraktad a kurzort, mert csak egy képet tartalmaz a háttérkép a linekelt leírásban így néz ki:
ennél ha fõléviszed a kurzort, jobbra elmozdul a háttérkép 157 pixellel, így pont nem látszik az eredeti kép, helyette viszont látszik a második #menu a:hover {background-position: -157px 0px}
ha több linkhez más hátteret akarsz, akkor többször kell ugyanígy megcsinálni (külön a és a:hover mindnek), más ID-val/class-el ellátva, pl. <a class="rollover1" href=""></a> <a class="rollover2" href=""></a>
3 megoldás van: 1. Beágyazott stíluslap - a <head> és a </head> elemek közé be kell rakni a CSS-kódot <style> és </style> tagek közé ágyazva: <head> <style type="text/css"> p { color: blue; } </style> </head>
2. Külsõ stíluslap - ekkor nyitsz egy új állományt stilus.css néven, beleírod a stílusdefiníciókat - például: p { color: blue; } majd a HTML forráskódban a <head> és </head> tagek között a <link> taggel beágyazod a külsõ stíluslapot: <link rel="stylesheet" type="text/css" href="stilus.css" />
3. Elemhez rendelt stíluslap - itt egy adott taghez tudsz rendelni stílusdefiníciót: <p style="color: blue;">Ez itt egy bekezdés</p>
A 2. megoldást érdemes leginkább használni, ugyanis egy stíluslapot több lapon is fel tudsz használni, így sok munkától tudsz megszabadulni, illetve a látogató szempontjából sok sávszélességet tudsz megtakarítani (elég csak egyszer letölteni a stíluslapot, a következõ lapon már a böngészõ gyorsítótárából hívod elõ).
A kérdésem az, hogy a dreamw8-ban nem tudok css-t szerkeszteni (legalábbis én nem találok ilyet) és az egész oldal html, akkor hogy tudom ezt megoldani? Mert ugye a html kóddal nincs is gond, csak css-sel.
KÖSZÖNÖM a segítséget! De ha linket adtok az is jó, csak én nem találtam.
Köszönöm a segítséget Faustus!
A kiértékelést nem lehet natív HTML-bõl megoldani - két lehetõséged van rá: 1. kliens oldali szkript (például Javascript) segítségével - hátránya az, hogy a kiértékelést végzõ kódot a böngészõ letölti, abban fut le, így a helyes válaszok a forráskódból kiolvashatóak (már aki ért a Javascripthez) 2. szerver oldali szkript (például PHP) segítségével - itt a kód a webszerveren fut le, tehát nem lehet egykönnyen visszafejteni a dolgot; de olyan webtárhely, kell, ami engedélyezi a PHP-kód futtatását (a webtárhelyek többsége azért ilyen).
Sziasztok! Segítséget szeretnék kérni én a html-ben még kezdõ vagyok. Csináltam egy ûrlapot és azt szeretném ha az értékelés gombra rákattintok akkor ugyanezen az oldalon kiértékelje a feladatsort. Valaki tudja, hogy kell ezt? Én így csináltam: <table width="706" height="748" cellpadding="0" cellspacing="0"> <tr> <td width="704" valign="top"><blockquote class="style28"> <p class="style51">Válassza ki a helyes megoldást! </p> <form>
<strong>1 . She was killed in a car .......</strong><br /> <input type="radio" name="ko[1]" value="a" /> blow <input type="radio" name="ko[1]" value="b" /> shock <input type="radio" name="ko[1]" value="c" /> crash <input type="radio" name="ko[1]" value="d" /> hit <input type="hidden" name="koze[1]2" value="c" /> <br /> <br /> <strong>2 . He won the first ....... in the competition.</strong><br /> <input type="radio" name="ko[2]" value="a" /> prize <input type="radio" name="ko[2]" value="b" /> price <input type="radio" name="ko[2]" value="c" /> reward <input type="radio" name="ko[2]" value="d" /> premium <input type="hidden" name="koze[2]2" value="a" /> <br /> <br />
elküldi az üzenetet, de egy üres oldal+ Warning: Cannot modify header information - headers already sent by (output started at /mail.php:10) in /mail.php on line 20
azt meg lehet oldani, hogy amikor a "Mehet" gombra kattint, akkor ne csak elküldje a levelet, hanem irányítsa ugyanarra az oldalra.
Faustus php ötlete mûködik "az ûrlapot és az elküldést végzõ PHP-kódot egy PHP oldalba kell egyesíteni" csak nem tudok egyéb beállításokat megoldani, így inkább HTMLbe oldanám meg az ûrlapot.
már 4napja weblap készítéssel álmodok, úgyhogy már lezárnám ezt az egészet :)
köszi a segítséget!!!
megpróbálnám azt, ami nekem egyszerûbb, (mert ez a középrehelyezés és a színek beállítása sem megy php-ban) a html-t.
azt nem lehet megcsinálni, hogy amikor a "Mehet" gombra kattint, akkor ide: <input name="submit" type="submit" value="Mehet" /> beszúrok vmi kódot, pl.: kapcsolat.html, és akkor így ugyanazon (kapcsolat.html) oldalon maradna?
bocs, hogy ennyire értetlen vok, de a php nagyon nem megy. még.
köszi a segítséget.
különben nem kezdõ vagyok, hanem a leendõbeli anyósomnak próbálok összedobni vmi oldalt. nem akarok ezzel foglalkozni de ha már csinálom, hát jól akarom csinálni.
valójában csak a mail küldõ dologgal van problémám, a többit megoldom, de helyesebb, ha azt írom, hogy összebarkácsolom :)
:)
köszi. ha azt írja, hogy tegyem centerbe, akkor tudom mit keressek, de abból, hogy ide vagy oda írjak, az nem esett le...
a google-t elég sokat taposom! különben van egy érdekessége ennek a mail küldõnek, nem tudom miért csinálja, mert a kódban sehol nem találtam ilyet.
amikor megkapom az üzit (próba miatt hozzám van irányítva) bármit ütök be névnek, mail címnek, üzenetnek, mindig ugyanazokat írja ki. amikor az email-t megnyitom, akkor azt írja ki, amit beírtam.
faustus, köszönök mindent! ez a php nagyon leegyszerûsít mindent. sajna nem értek hozzá. a notepad-ot kipróbálom.
amit elkészítettél php-ban azt hogy tudomm beállítani, hogy oldal középen legyen? mert a többi oldal középen lesz. mivel a php-hoz (sem) értek még így egyenlõre a többi html-ben lesz.
"az ûrlapot és az elküldést végzõ PHP-kódot egy PHP oldalba kell egyesíteni..." ez sikerült, tök jó!!
"azt belehet állítani, hogy maradjon meg ugyanaz a szerkesztõ oldal mondjuk kapcsolat.html?" Ez esetben az ûrlapot és az elküldést végzõ PHP-kódot egy PHP oldalba kell egyesíteni, és ez esetben a <form> tag action attribútuma lehet üres.
"A legfelsõ nem vált =]" Ugyanis az az aktív menüpont. ;)
"a notepadról hallottam és gondoltam is, hogy felteszem. írtál ++ és 2 verztiót. melyik jobb?" A Notepad2 és a Notepad++ kódszerkesztõ programok nem összetévesztendõ a Windows beépített Jegyzettömbjével (angolul Notepad).
Én személy szerint a Komodo Editet preferálom (leginkább platformfüggetlensége, és beépített FTP/SCP támogatása miatt), de a Notepad++ talán egy elterjedtebb program.
"a css 1értelmûen sokkal korrektebb, csak felraktam a css4-et, de a 8-assal vagy ütközött, vagy nemtom, de soxor behülyült és töröltem, viszont azóta nem engedi telepíteni." A CSS nem egy Dreamweaver változat, hanem a honlapok (vagy XML dokumentumok) kinézetének kialakítására szolgáló leírónyelv (Cascading Style Sheets - egymásba ágyazott stíluslapok).
"lenne egy másik kérdésem. van egy email küldõ kódom, ami magában tök jól mûködik, de ha beteszem egy táblázatba, már nem küldi el a mail-t." Azért nem küldi el a levelet, mert a <form> tag action attribútuma nincs megadva (mi hajtsa végre a levélküldést). Másrészt oldalszerkezet kialakítását ne táblázatokkal oldjuk meg. Nem arra valóak. Szóval e helyett inkább így.
amikor nem ment el az üzenet, ugyanazon az oldalon maradt, most pedig miután elküldi az üzenetet, egy üres oldal jelenik meg.
azt belehet állítani, hogy maradjon meg ugyanaz a szerkesztõ oldal mondjuk kapcsolat.html?
Faustus, nagyon köszönöm a segítséget!!!!!!!!!!!!! Ez igazán az én szintem :) így értem a dolgokat, bár a példában szereplõ kódot, ha bemásolom, a menük háttere nem jelenik meg és azt sem látom, hová kell beilleszteni.
a notepadról hallottam és gondoltam is, hogy felteszem. írtál ++ és 2 verztiót. melyik jobb?
a css 1értelmûen sokkal korrektebb, csak felraktam a css4-et, de a 8-assal vagy ütközött, vagy nemtom, de soxor behülyült és töröltem, viszont azóta nem engedi telepíteni.