Html-, css- és php-help

Jelentkezz be a hozzászóláshoz.

Ability
#4876
<div>
<img src="valami.jpg" width="55" height="67" align="left" alt="valami" /> szoveg is legyen melle
</div>
Dj Faustus
#4875
Mutass példakódot, mert ez így kusza - de nagyon.

Ability
#4874
Faustus! Azt szeretném kérdezni Tõled, hogy ha egy sima, semmilyen css tulajdonságokkal el nem látott div-ben van egy kép (azon sincs css), aminek be van állítva az align="left", de a kép maga magasabb mint a div, akkor az normális, hogy a div-et nem nyújtja a kép, hanem egyszerûen csak kilóg belõle a tartalom?

Kicsit kuszán írtam, remélem érthetõ. Ezzel szenvedek már tegnap óta, és nem jöttem rá, hogy miért teszi. Mert szerintem nyújtania kéne, nem pedig kilógnia.

Gondoltam arra, hogy ez olyasmi lehet, mint a floatolt divek, ahol ugye használni kell a clear:both-ot. Azzal pedig tökéletesen jelenik meg. Csak szerintem itt ebben az esetben erre nem lenne szükség.

Elõre is köszönöm válaszod!
cr3ativ3
#4873
jó, jó, bocs.
tudod, hogy összesen két napot vagyok itt, aztuán megint van 5 nap, ameddig nem leszek.

- Kukurikú törökcsászár, add ide a védelmipénzt! - Nem adom bize! - Akkor ereszd ki begyem a tisztiorvost!

Dj Faustus
#4872
Eztetet válaszolja:
HTTP/1.x 200 OK
Date: Thu, 22 Feb 2007 22:52:27 GMT
Server: Microsoft-IIS
Keep-Alive: timeout=20, max=13
Connection: Keep-Alive
Transfer-Encoding: chunked
Content-Type: text/html

passatgt
#4871
egyébként prog.hu-val nemtudod mi van?

passatgt
#4870
köszi

Dj Faustus
#4869
passatgt
#4868
Konkrét példának jobban örültem volna,mindegy megcsinálom a css-es módszerrel😊

Dj Faustus
#4867
A varázsszó: image-map.
Van kliens oldali (<img usemap...>+<map>+<area>😉, szerver oldali (<img ismap...>😉, klasszikust (a kliens oldalit lecserélõ) helyettesítõ (szimpla CSS-sel - mint például ez, vagy Javascripttel - mint az általad belinkelt). Megoldható Java-val, vagy Flash-sel.

passatgt
#4866
Hali!
Egy olyan javascriptes, esetleg flashes dologra lenne szükségem, ami egy világ térképen bevannak jelölve az országok, és rá lehet kattintani mindegyik országra.Remélem érthetõ😊
Valami ilyesmi: http://alistapart.com/d/cssmaps/mapfinal/index.html, csak országokkal

Dj Faustus
#4865
"Ez a "DOCTYPE-t neki", ez mit akar jelenteni amúgy?"
Egy HTML-dokumentumnak van egy verziója, amit a HTML-dokumentum elején deklarálni kell. Ezt nevezik DOCTYPE-nak.
Ez határozza meg, hogy mely elemek használhatóak az oldalon, milyen szabályok vonatkoznak rá.
Itt találhatsz egy magyar nyelvû listát a különbözõ (X)HTML verziókról.

"Tehát, hogy egy mondatban egy szót külön kiemeljek más színnel, azt hogy?"
HTML:
<p>Ez egy bekezdés. Ide sok szép szó jön például egy <span id="piros">piros</span>. Utána visszatérünk normál szövegre.</p>

CSS:
#piros {
 color: #ff0000;
}


"gondolom, ha azok színét akarom deklarálni, akkor már kell a ":link" kapcsoló, nem? Vagy csak a többihez?"
A :link egy látszólagos osztály, a nem látogatott link színét állítja be. De mivel az a tipusszelektor beállítja a link színét, ezért a :link látszólagos osztály elhagyható.

Ha a link látogatott (:visited), aktív (:active), illetve fölött kuror van (:hover), akkor az a megfelelõ dinamikus látszólagos osztály (lásd a zárójelben) használatával érhetõ el:
a:visited { color: blue; } /* látogatott link */
a:hover { color: yellow; } /* kurzor a link fölött */
a:active { color: lime; } /* aktív link */

Forrás: htmlinfo

Rettenthető
#4864
Köszi szépen, hogy ennyit fáradtál vele!
A body opciókat próbáltam a css-be tenni, de lehet nem megfelelõen - nem mûködött, így hagytam.
Az "a:link" -t viszont több oldal css forráskódjában is láttam, igaz ott volt a többi is (a:visited, a:active, a:hover), gondolom, ha azok színét akarom deklarálni, akkor már kell a ":link" kapcsoló, nem? Vagy csak a többihez?

Betûszín változtatásra van más eljárás, ami nem emel sort (nálam az a1, a2 elem ez akart lenni, ha mûködne:-) )? Tehát, hogy egy mondatban egy szót külön kiemeljek más színnel, azt hogy?

Ez a "DOCTYPE-t neki", ez mit akar jelenteni amúgy?

A demokrácia és a jogállam egy helyen található meg az egész Világon: A szótárban.

Dj Faustus
#4863
Ime itt van abszolút pozicionálással.

Dj Faustus
#4862
http://rettentheto.fw.hu/d/rett.zip
Na ezzel az a probléma, hogy a pozicionálást fixed-re állítottad, amit az IE6 nem kezel (az IE7 se valami fényesen). Használj inkább abszolút pozicionálást.
Másrészt a HTML-kód kissé csúnyácska. DOCTYPE-ot neki!

Dj Faustus
#4861
Tessék türelmesnek lenni. Nekem is csak két kezem, két fülem, két szemem van, és egy agyam (ja és egyszerre szeretnék 10 dolgot csinálni).

Sátor alól kikiáltó szétnéz:
"Itt látható a nagyhírû bûvész!
A lábával karikázik,
A kezével citerázik,
Az orrával orgonázik,
A fülével figurázik,
A szemével gurgulázik,
A szájával vacsorázik!"

(Weöres Sándor: Vásár)

cr3ativ3
#4860
erre?
végül is csak annyi kéne, hogy az oldal magassága a szöveggel változzon.

- Kukurikú törökcsászár, add ide a védelmipénzt! - Nem adom bize! - Akkor ereszd ki begyem a tisztiorvost!

Dj Faustus
#4859
"Hogy lehet adott dobozon belülre kerülõ szöveg színét css-bõl módosítani?"
HTML:
<div id="doboz">
 <p>Szöveg a dobozon belül</p>
</div>


CSS:
#doboz {
 background-color: #ffffff; /* Ez fehér háttérszínû */
 color: #000000; /* Ez fekete betûszínû */
}
#doboz p {
 color: #0000ff; /* Ez kék betûszínû */
}


"Az érdekelne, hogy hogy a halálba lehet megcsinálni, hogy ugyanazt lássa az összes böngészõ?"
Ha valóban az összes kell: sehogy 😉
Ugyanis vannak böngészõk, amik a CSS sem ismerik (vagy mert nagyon régiek, vagy mert nincs bennük CSS támogatás - szöveges böngészõk).
Kompromisszumot kell kötni: a jelenleg elterjedt böngészõkön (IE7, IE6, Opera 9, Opera 8, FF 2.x, 1.5.x, 1.x, Safari) kell mûködnie, a többin pedig élvezhetõnek kell lennie.

CSS támogatottság
IE CSS hibák
IE CSS hibák
IE CSS hibák
IE CSS hibák

IE PNG hiba
IE PNG szín-gond

Conditional comments - egy mód az IE hibáinak kikerülésére

Rettenthető
#4858
Helló mindenki!

Próbálkozom a css-sel, de hát félelmetes.
Amit megcsinálok - bár biztos van benne számtalan hiba, lehet csak az van benne, de Firefox-ban olyan szép, mint egy álom (legalábis tükrözi az elképzelésem); erre megnéztem mit látnának az IE felhasználók és baaaah. Akkora szar fogadott, hogy nem is tudom kifejezni.

Az érdekelne, hogy hogy a halálba lehet megcsinálni, hogy ugyanazt lássa az összes böngészõ? Opera-val már meg sem merem nézni, bár lehet csak az IE ilyen felhasználóbarát (az origo forráskódjából kiindulva <!-->...).

Hogy lehet adott dobozon belülre kerülõ szöveg színét css-bõl módosítani? Mert a vastagon szedést azt veszi, de a színeket nem, miért?
Jah, dobozon kívûl veszi a szineket is, de persze csak FF alatt, mert IE alatt az sem látszik természetesen.

Vagy ez a kérdéskör még annyira bagatel, hogy ezzel menjek a HTML kezdõknek topic-ba?

A demokrácia és a jogállam egy helyen található meg az egész Világon: A szótárban.

#4857
😊 egyenlõre hiányzik a php tudás 😊

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

Dj Faustus
#4856
CSS nélkül nem lehet, nincs olyan attribútuma a checkbox-ot létrehozó <input> elemnek.

#4855
sziasztok!

kissé sürgõs lenne megoldanom, hogy html-ben css nélkül egy adott checkbox piros egy másik checkbox pedig zöld legyen.
tud valaki erre megoldást? (olyat, ami IE-ben és Firefoxban is jó?)

Köszönöm!
Tamás
Dj Faustus
#4854
Egy kicsit pontosítva:
Kell egy ûrlap ami HTML (lehet Flash, vagy Java , de akkor ezeket mindenképpen be kell illeszteni a HTML-kódba - lásd <object> és <applet>😉 <form>, <input> és egyéb hasonló elemekbõl épül fel.

Kell egy PHP (ASP, JSP, Perl) szkript, ami:
* Lehet külsõ szkript - ez esetben a HTML ûrlapot .htm/.html kiterjesztéssel mented el, és a <form> tag action attribútumánál megadod a külsõ szkript elérési helyét (Flash-nél és Java-nál is megvannak a megfelelõ metódusok erre).
* Lehet belsõ szkript - ez esetben a PHP kódot <?php és ?> elemek közé helyezve kell elhelyezni a HTML kódon belül, és az egészet .php kiterjesztéssel elmenteni. A <form> tag action paramétere ez esetben maradhat üresen, vagy hivatkozhat az oldalra is.
* Lényegében a regisztrációs rendszer szívét jelenti. Egyrészt ellenõrzi, másrészt elmenti (adatbázisba/adatállományba) a felhasználótól érkezõ adatokat, harmadrészt ha külön aktivációs rendszer is mûködik mellette, akkor kiküldi az aktivációs e-maileket.

És kell egy adatbázis/adatállomány ami tárolja az adatokat.

Amit érdemes betartani:
* Minden bemenõ adatot ellenõriz le! Ha például telefonszámot kérsz be, abban nem szerepelhet betû! Ne engedj meg HTML-tageket: használj < -> &lt; > -> &gt; konverziót. MySQL használatánál például ott van a mysql_real_escape_strings függvény.
* Használj Captcha-t az automatikusan regisztráló botok kikerülésére!
* Jelszót ne tárold le titkosítatlanul, mert az adatbázis feltörésekor hozzájuthatnak a jelszavakhoz.
* Minden adatot (e-mail, IP-cím, stb...) kezeld bizalmasan. Ne add ki 3. félnek, ne kezeld laza módon. Ha komoly dologról van szó, vannak ehhez fûzõdõ törvények, metódusok (olvass el néhány nagyobb portál - Origó, Index - adatvédelmi nyilatkozatát, és a hivatkozott törvényeket nyálazd át).

#4853
Köszi (immár sokadszor) a segítséget. 😊

Max7
#4852
Ez egy kicsit zürös!

1. Kell egy ürlap ami nem feltétlenül kell, hogy php legyen! Lehet sima html is.

2. Kell egy php ami átveszi az adatokat és feldolgozza (átadja az adatbázisnak)

3. kell egy adatbázis ami tárolja (90%-ban SQL)

Ne vitatkozz a hülyékkel, mert lealacsonyodsz a szintjükre és legyőznek a rutinjukkal! [ http://dchelp.hu ]

#4851
hali egy elméleti kérdés
pl regisztárciós rendszenél
kell egy ûrlap amiben van php és a a php feltölt egy mysql es adatbázist ?

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

Dj Faustus
#4850
"hogy tudom megoldani, hogy ne e-maileben küldje el az adatokat?"
1. a <form> tag action mezõjénél nem mailto:[email protected]] címet adsz meg, hanem egy szerveroldali (PHP, ASP, JSP, Perl,...) szkriptét.
2. a <form> tag action mezõjénél nem e-mail-t küldõ szerveroldali szkriptre hivatkozol, hanem másra.

#4849
Sziasztok!

HTML oldalon lévõ ûrlapot készítettem, hogy tudom megoldani, hogy ne e-maileben küldje el az adatokat.
Ability
#4848
Köszönöm, teljesen jó. 😊
Dj Faustus
#4847
Jaj, én botor, hisz szûrni akarod a speciális karaktereket...
Akkor a reguláris kifejezés:
var filter = /<^a-z^A-Z^0-9>+/gm; - azaz nem angol ABC kisbetûi, nem angol ABC nagybetûi és nem számok esetén teljesülõ kifejezés.

Én jobban szeretem a match metódust (több nyelvben van hasonló függvény):
if (username.value.match(filter)) { //Hibás bevitel } else { //Hibátlan bevitel }

Ability
#4846
Köszi a segítséget, de nem a legjobban akar mûködni. Valamiért az aláhúzást is engedi, sokszor össze vissza ingázik a kettõ lehetséges érték között. Szerintem jobb lenne, ha ránéznél az egész funkcióra...

function checkerrors_username()
{

var username = document.getElementById('regusername');
var filter = /+/gm;

if (username.value.length < 3 || username.value.length > 20)
{
username.style.border='1px #FF3300 solid';
}

else if (!filter.test(username.value))
{
username.style.border='1px #FF3300 solid';
}

else
{
//elég hosszú, itt egy xmlhttprequest van
}
}
Dj Faustus
#4845
var filter = /^\w+$/i;
Mivel a \w az angol (kis- és nagy-) ABC betûit, a számokat, és az aláhúzás karaktert (_) is tartalmazza (helyettesítõ: ).
Az i flag nem kell. Ami maximum kellhet az g flag (globális), és az m (többsoros) flag.
A ^ és a $ sem kell feltétlenül.

Tehát vagy így:
var filter = /+/gm;
vagy így (ha az aláhúzás-karakter megengedett):
var filter = /\w+/gm;

Ability
#4844
Valaki, aki ért javascripthez légyszíves segítsen nekem. Akarok egy olyan ellenõrzést, hogy csak az angol ABC betûi és számok megengedettek. Én a reguláris kifejezéseket nem nagyon szoktam érteni, de utána jártam, és ezt sikerült kihoznom:

var filter = /^\w+$/i;

Ez mennyire megbízható és jó megoldás? Köszönöm elõre is.
hispan2
#4843
Nekem ugyanez a problémám...

Intel Core2 Duo E8500 @ 8x400MHz; 2x 2 GB CSX DDR2 1066MHz; ASUS EN8800GT TOP 512MB; http://www.lostsite.hu | http://stalker.hardwired.hu/forum

Dj Faustus
#4842
Hát igen, a PHPBB éppenséggel nem a legszeretettebb fórummotor biztonság szempontjából. Frissítsd a legfrissebb verzióra.

Egyes Captcha rendszerek is feltörhetõek - például optikai karakterfelismerõkkel.
Ha lehetséges, cseréld ki/állítsd be bonyolultabbra.

Itt olvashtsz még jó tanácsokat.

Van itt egy remek kiegészítés PHPBB-hez. Itt is egy érdekes kiegészítés.
Ez egy fotófelismerõ modul.

#4841
Sziasztok!

Két oldalon üzemeltetek phpBB fórummotort, és a spammerek már az agyamra mennek. A felhasználói beregisztrálást adminisztrátori engedélyhez kötöm, de még így is idegesítenek a beregisztrálásuk. Pluszba még egy képen megjelenõ kódot kell megadniuk minden beregisztrálónak, de a robotok ezt is valahogy kikerülik.

A segítségeteket szeretném kérni. Ha tudja valaki, hogy hogyan képesek a robotok megkerülni a "képes" számkódmegadást, akkor azt elmagyarázhatná valaki, mert szeretnék rájönni, és ha tudtok, akkor ajánlhatnátok valami jó gyógyírt az ellen, hogy phpBB alatt végérvényesen leszámoljak a kamu regekkel.

Üdv:
DJviolin

hispan2
#4840
Köszönöm.

Intel Core2 Duo E8500 @ 8x400MHz; 2x 2 GB CSX DDR2 1066MHz; ASUS EN8800GT TOP 512MB; http://www.lostsite.hu | http://stalker.hardwired.hu/forum

#4839
thx aszem menni fog a javás...

http://www.sg.hu/cikkek/75599/feladta_wow_os_eletet_a_valosagert ------- MMORPG rajongóknak: \"Ne feledd, minél királyabbul fest a karaktered, annál szánalmasabb az életed.\"

Dj Faustus
#4838
Készíts a képekhez Javascriptes preloadert, és csatold a dokumentum (vagy a <body> onload eseményéhez). Amelyik képet legelõre raksz a preloader listájában, azt fogja leghamarabb betölteni.
http://www.dynamicdrive.com/forums/showthread.php?t=14225

hispan2
#4837
Üdv!

Van egy oldalon 100 kép, az oldal maga html. Meg lehet határozni valahogyan egyszerûen, hogy ebbõl a 100 képbõl melyik legyen az, amelyiket biztosan legelsõnet tölti le a gép? (hogy ez jelenjen meg elõször minden alkalommal, függetlenül attól, hogy a többit aztán meddig töltögeti). Köszönöm.

Intel Core2 Duo E8500 @ 8x400MHz; 2x 2 GB CSX DDR2 1066MHz; ASUS EN8800GT TOP 512MB; http://www.lostsite.hu | http://stalker.hardwired.hu/forum

cr3ativ3
#4836
huh... 😊 PsPad és NVU télleg nagyon jó

- Kukurikú törökcsászár, add ide a védelmipénzt! - Nem adom bize! - Akkor ereszd ki begyem a tisztiorvost!

Dj Faustus
#4835
Válogass: PsPad (én ezt preferálom), JEdit, Notepad2, Notepad++ (ez is jó), Amaya, NVU (ez se rossz), Aptana, Context, WeaverSlave, HTML-Kit, HateML,...

cr3ativ3
#4834
a javából 😊

- Kukurikú törökcsászár, add ide a védelmipénzt! - Nem adom bize! - Akkor ereszd ki begyem a tisztiorvost!

Dj Faustus
#4833
"ilyen legördülõ menüt hogy tudok késziteni"
Az alábbi lehetõségek vannak:
* CSS - modern, szemantikus hátránya, hogy el kell kicsit (kicsit nagyon) mélyülni a CSS rejtelmeiben.
http://www.htmldog.com/articles/suckerfish/dropdowns/
http://www.dynamicdrive.com/style/csslibrary/category/C1/, vagy keress rá a horizontal dropdown css list keresõszavakkal.
* Javascript: hátránya, hogyha kikapcsolod a Javascriptet a böngészõben,használhatatlanná válhat a menü
http://www.dynamicdrive.com/dynamicindex1/indexb.html
* Flash: plugin kell hozzá, de igen csicsás menüket lehet vele eszkábálni - viszont ront az oldal akadálymentességébõl

"mik a legalkalmasabb eszközök hozzá"
Egy testhezálló kódszerkesztõ (PSPad, JEdit, Eclipse, Notepad++, Notepad2), esetleg egy képszerkesztõ program (Gimp, Paint.NET,...). Ha Flash-ben készíted a menüt akkor meg Adobe (Macromedia) Flash / SwishMax

zvaragabor
#4832
fáziskésés😊

Chaos Anno Domini

#4831
Köszi 😊

cr3ativ3
#4830
a font color azért nem jó, mert a sg.hu css-e felülbírálja

- Kukurikú törökcsászár, add ide a védelmipénzt! - Nem adom bize! - Akkor ereszd ki begyem a tisztiorvost!

#4829
Megoldottam:

<a href=http://vitorlazorepules.hu target=_blank><font size=1 color=BLUE>Vitorlázórepülés.hu</a></font>

cr3ativ3
#4828
#4827

amugy nekem bejött bapásból uj ablakban 😛

- Kukurikú törökcsászár, add ide a védelmipénzt! - Nem adom bize! - Akkor ereszd ki begyem a tisztiorvost!

cr3ativ3
#4827
bocsánat, így a helyes:
<font color="BLUE"><a href="http://vitorlazorepules.hu" target="_blank">Vitorlázórepülés.hu</a></font>

egy idétõjelet kihagytam.

Ahogy látod, szerintm nem sokat kell magyarázni a hibádon. Két taget összekombináltál. ILYEN nincs HTML-ben, a másik pedig amit rontottál, az a taget. A target arra szolgál hogy az adott linkre ha rámész, az oldal melyik keretbe jöjjön be. De vannak olyan értékek amiket ha megadsz a targetnek, akkor milyen formában jöjjön be az oldalad. bõvebben (angol)

- Kukurikú törökcsászár, add ide a védelmipénzt! - Nem adom bize! - Akkor ereszd ki begyem a tisztiorvost!