Html-, css- és php-help
Jelentkezz be a hozzászóláshoz.
meg el vagyok akadva... ie7, ff, opera alatt az oldalban nincsen szétcsúszás (a vízszintes résekre gondolok), csakis ie6 alatt. már próbáltam, hogy margin, padding-ot 0px-re veszem az összes div-nél, illetve, hogy a lap div-et (ami lényegében magában foglalja a összes többit) megadok egy magasságot, de nem mûködik, valakinek van valami tippje, hogy mi lehet a baj?
amúgy kipróbáltam opera alatt a görgetõsávot és nálam mûködik...
ASUS M2N-SLI | AMD Athlon64 X2 6000+ | 2x2GB Kingston DDR2-800 RAM | Galaxy 9600GT 512MB OC | Windows 7 Pro x64 Games for Windows LIVE blog - http://gamesforwindows.try.hu/
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
Felbontás:
63.6 % -1024x768
14.6 % -1280x1024
7.3 % -800x600
5.7 % -1152x864
5.1 % -1280x800
3.4 % -Egyebek
Böngészõk:
MS Internet Explorer - 68 %
Firefox - 30.5 %
Opera - 0.9 %
Oprendszer:
Windows - 99.2 %
Linux - 0.4 %
Ismeretlen - 0.2 %
Egyebek:
Javascript kikapcsolva - 0.1 %
Böngészõk Java támogatással - 99.4 %
Böngészõk Macromedia Director támogatással - 18.9 %
Böngészõk Flash támogatással - 96.7 %
Böngészõk Real audio támogatással - 37.6 %
Böngészõk Quicktime audio támogatással - 49.4 %
Böngészõk Windows Media audio támogatással - 97.3 %
Böngészõk PDF támogatással - 72 %
Az esetben egy régi esetben Javascriptet alkalmaztam íme - nézd meg a scripts.js-ben az iFrameHeight() függvényt.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>South Park</title>
</head>
<body>
<p>
<iframe width="120"
height="275" src="http://sp.hoff.hu/randepisode/?bgcolor=002070" scrolling="no" frameborder="0" align="left" name="I1">
</iframe>
</p>
</body>
</html>
Errõl lenne szó de ennyire nem vágomhogy ezt értsem elsõre <#zavart2>#zavart2>
MSI 870-C45|AMD Phenom II X4 955 Black Edition|Sapphire Radeon HD 6950 2GB|Kingston HyperX 4*2GB DDR3 1600Mhz CL9 Blu KIT|FSP Blue Storm Bronze 500W www.powerfm.hu www.zoo.webkontakt.hu
ezt két haver csinálta... háát <#idiota>#idiota>
persze itt is vannak olyan megoldások amiket én nem használtam, pedig elférne, de összességében mégiscsak... mindenesetre 35ezret elkértek érte
ASUS M2N-SLI | AMD Athlon64 X2 6000+ | 2x2GB Kingston DDR2-800 RAM | Galaxy 9600GT 512MB OC | Windows 7 Pro x64 Games for Windows LIVE blog - http://gamesforwindows.try.hu/
http://biz88.extra.hu/ ezen az oldalon a South Parkos részrõl lenne szó.
MSI 870-C45|AMD Phenom II X4 955 Black Edition|Sapphire Radeon HD 6950 2GB|Kingston HyperX 4*2GB DDR3 1600Mhz CL9 Blu KIT|FSP Blue Storm Bronze 500W www.powerfm.hu www.zoo.webkontakt.hu
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
Böngészõstatisztika #2
Mint látható az IE6-tal még ajánlatos foglalkozni.
Ja és még:
12. Ûrlapnál ajánlatosabb ez a forma:
<label for="nev" accesskey="N">Az Ön neve:</label><input type="text" id="nev" name="nev" accesskey="N" tabimdex="1" />
Miért? Mert akadálymentesebb, és nem függ a Javascripttõl.
13. Egy nagyon apró dolog:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu">
<meta http-equiv="Content-Language" content="hu" />
Ezek is az akadálymentességet segítik elõ.
Ezek már csak apróságok, de ezekre is ajánlatos figyelni, ha tényleg "nem holmi gagyi lapot akarsz kiadni a kezedbõl".
mondjuk az ie6-os problémára ötletem nincs, de csak lesz majd valami.
mivel ie7-em van, és azalatt ment a lap, így nem gondoltam, hogy ie6 alatt ekkora hiba lesz (bár kikelett volna próbálni az tény, elvégre egy régebbi böngészõrõl van szó, ráadásul a lehetõség adva van erre, mivel itthon csak az én gépemen van ie7)
ASUS M2N-SLI | AMD Athlon64 X2 6000+ | 2x2GB Kingston DDR2-800 RAM | Galaxy 9600GT 512MB OC | Windows 7 Pro x64 Games for Windows LIVE blog - http://gamesforwindows.try.hu/
Mert ez a betûcsalád megnevezése. Az Arial egy talp nélküli (sans-serif) betûtípus.
Ha neadjisten nincs Arial (egyes Unix klónok alatt nincs), akkor a sans-serif mindig eredményre vezet.
"ja meg miért kell leszokni a <center>-rõl? még valid is, vagy esetleg más az ellenindok?"
1. Már HTML 4.01-ben is deprecated státuszú; az XHTML 1.0 Strict-ben már nem is szerepel.
2. Ha már a tartalom, a struktúra ((X)HTML), a kinézet (CSS) és a viselkedés (Javascript) különválasztása a cél (mint modern oldalaknál szokás), akkor egy kinézetet formázó elemnek semmi helye a struktúra leírására szolgáló részben.
Ugyanez a helyzet a <b>-vel és az <i>-vel is.
elolvasva tényleg van benne igazság, egyébként ha nincs a javascriptes görgetõsáv akkor marad a böngészõ alap görgetõje, ami meglehetõsen elüt az oldaltól (ebbõl következik gondolom, hogy úgy csináljam meg a lapot hogy ilyenre ne legyen szükség... lusta vagyok emberek! <#idiota>#idiota> bár azért lehet megpróbálkozok vele)
amúgy a 9 és 10-es pont eszembe se jutott, még jó hogy szóltál...
a font-family-nél miért kell berakni a sans-serifet is? úgy tudom a második betûtípust akkor használja a böngészõ ha az elsõ nem található a gépen, de állítólag az Arial még Mac-en is ott van stb., vagy tévedek?
ja meg miért kell leszokni a <center>-rõl? még valid is, vagy esetleg más az ellenindok?
és nem nem néztem ie6 alatt... még jó hogy mutattad
ASUS M2N-SLI | AMD Athlon64 X2 6000+ | 2x2GB Kingston DDR2-800 RAM | Galaxy 9600GT 512MB OC | Windows 7 Pro x64 Games for Windows LIVE blog - http://gamesforwindows.try.hu/
2. border="0", width="64", align="left" - ha már CSS-sel formázol az ilyesmiket felejtsd el.
3. A <b> elem (vonatkozik az <i> elemre is) ugyancsak nem valami szemantikus. Helyette ott a <strong> meg az <em> - meg a CSS. És ha már külsõ stíluslapokat használsz, formázd onnan (ez érvényes a szövegen belüli képekre is!).
4. alt="" - a keresõrobot/felolvasószoftver mibõl fogja tudni mit ábrázol a kép?
5. Javascript nélkül az oldal használhatatlan. Nem lehet mozogni a tartalomban. Mellesleg az egérgörgõ is értelmét veszti. Felhasználói élményrontás rulez.
6. Ez a kép szöveget, azaz tartalmat tartalmaz, mégis nincs alternatív szöveges tartalom. Keresõrobotok, felolvasószoftverek nem fognak örülni neki.
7. <center> tagról tessék leszokni - bármennyire is mûködik. Középre helyezésre ott a CSS.
8. Láttad már az oldalad Internet Explorer 6 alatt? Próbáltad már használni a Javascriptes görgetõsávot Opera alatt (nem mûködik)?
9. E-mail címet ne tegyél publikussá. A mailto-tól tartózkodj. A e-mail cím gyüjtõ robotok szívesen beindexelik ezeket az e-mail címeket.
Használj például ilyesmit: fiok
10. Ûrlapnál hiányzik a Captcha. Ebbõl következõleg jöhet egy spamrobot, és az ûrlapon keresztül teletöm spamekkel. Használj valamit ellene ("írja be a fenti képen látható/a linken letölthetve meghallgatható kódot" vagy "milyen színû az ég?").
11. font-family: Arial; - helyett font-family: Arial, sans-serif;
de amúgy jól néz ki? vagy kissé gagyi a drága?
ASUS M2N-SLI | AMD Athlon64 X2 6000+ | 2x2GB Kingston DDR2-800 RAM | Galaxy 9600GT 512MB OC | Windows 7 Pro x64 Games for Windows LIVE blog - http://gamesforwindows.try.hu/
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
ASUS M2N-SLI | AMD Athlon64 X2 6000+ | 2x2GB Kingston DDR2-800 RAM | Galaxy 9600GT 512MB OC | Windows 7 Pro x64 Games for Windows LIVE blog - http://gamesforwindows.try.hu/
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
egy weblap véleményeztetésrõl lenne szó:
stevedesign.uw.hu/index.php elég sokat dolgoztam rajta (össz vissz 2 nap <#idiota>#idiota>) de végül sikerült megcsinálni, és még valid is
szal szerintetek milyen? van e valami probléma vele? építõjellegû kritikákat szivesen fogadok, de olyat nem, hogy "ez szar"
ASUS M2N-SLI | AMD Athlon64 X2 6000+ | 2x2GB Kingston DDR2-800 RAM | Galaxy 9600GT 512MB OC | Windows 7 Pro x64 Games for Windows LIVE blog - http://gamesforwindows.try.hu/
Hogy tudnám azt megcisnálni átlátszóság filterrel, hogy ne az egész képem legyen átlátszó, hanem csak mondjuk a fele? (Nem az átlátszóság mértékét, hanem a kiterjedését szeretném változtatni...)
Elõre is köszi a helpet!
Aki másnak vermet ás, ne nézd a fogát!
Mert a magassag sztringként adod meg.
magassag = parseInt(document.documentElement[props]);
Van egy js kódom:
var props = new Array(
'clientHeight'
);
function createPlayer()
{
var magassag = '';
for (var i=0; i<props.length;i++)
{
magassag += document.documentElement[props] + '';
}
var
printstring = '<object mpc-granted="true" id="mediazone_console" type="application/x-oleobject" classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" height="' + magassag + '" width="100%">';
printstring += '<param value="http://www.i-tv.hu/stream/7813.asx" name="URL">';
printstring += '</object>';
document.getElementById('lejatszo').innerHTML = printstring;
}
Ezt szeretném úgy átalakítani, hogy a "magassag" értékbõl levonjon 20-at, és az kerüljön height="' + magassag + '" -hez.
Ezt hogyan kell?
Bõvebben:
http://htmlinfo.polyhistor.hu/js13ref/window.htm#1202731
http://developer.mozilla.org/en/docs/DOM:window.open
http://www.w3schools.com/htmldom/met_win_open.asp
A float: left; esetén a listaelemeket hagyjuk blokkszintû elemnek és úgy lebegtetjük egymás mellé, a display: inline a blokkszintû listaelemet soron belüli elemmé alakítja.
A blokkszintû elemet képzeld el, mint egy összefüggõ bekezdés.
A soron belüli elemet, meg mint a bekezdés egy sorában egy linket.
Én személy szerint jobban szeretem a menüpontokat blokkszintû elemként kezelni, egyfajta dobozként, amelyeknek margói, kitöltései, szegélyei vannak. A soron belüli elem meg egy "alacsonyabb rendû" forma, ami egy blokkszintû elembe ágyazódik.
Nagyon alap kérdésem lenne: hogyan tudom azt elérni, hogy a linkem olyan új ablakban nyissa meg a böngészõ, amelyiknek nincs címsora meg gombjai?
Aki másnak vermet ás, ne nézd a fogát!
ezért is szeretem magamnak megírni a scripteket, mint máshonnan szedni
X360 powaa... Nokia forewa Taste me you will see / More is all you need / Dedicated to / How I\'m FUCKING YOUUUU - on 14th May
Kicsit több lehetõséget biztosít a mysqli. Bõvebben a PHP kézikönyvben
1. Bontsuk az oldalt részekre (és nevezzük el õket).
Egymás mellett 3 blokk van
* A menü és a tartalom bal oldala mellett levõ bal oldali sáv (nevezzük lside-nak)
* A menüt és a tartalmat tartalmazó középsõ sáv (nevezzük cside-nak), ami további részekre osztható:
- A menüre (menu)
- A menü és a tartalom közötti blokkra (submenu)
- A tartalmi blokkra (content)
- A tartalom alatti blokkra (subcontent)
* A menü és a tartalom jobb oldala mellett levõ bal oldali sáv (nevezzük lside-nak)
Az adott linkeken láthatóak a részek (illetve a hozzájuk tartozó majdan háttérképként használt kép, Gimppel gyorsan összevágva)
2. Alakítsuk ki a HTML struktúrát. Még nem sok minden látható, de az oldal struktúrája (egy adott elemnek milyen szerepe van) már ki van alakítva.
Tessék megnézni a forráskódot (a <!-- és a --> jelek között ott vannak a megjegyzések).
Pár dolog:
* Az egész oldalt beraktam egy blokkba (container). Ennek az a lényege, hogy ha az oldalt egységesen akarom kezelni, akkor nem kell minden elemet külön-külön piszkálnom.
* A menüt rendezetlen listával oldottam meg. Ez egy elterjedt megoldás, ugyanis a menüpontok egyfajta felsorolásként tekinthetõek.
* <script src="http://uw.hu/pgstat.js?server=3&username=stego" type="text/javascript"></script> - Ezt a sort az Ultraweb rakta bele. Ne vedd figyelembe, törölhetõ.
* A blokkok elnevezését az id attribútumok segítik el.
3. Formázzuk meg a dokumentumot. Ehhez külsõ állományból (vigyázz! UTF8-as karakterkódolású - Nézet/Karakterkódolás/Unicode menüpont alakítja megfelelõvé Firefox alatt) hívott stíluslapot használunk (ez azért jó, mert az oldal formázása különválik az oldal tartalmától, így könnyebben kezelhetõ - sõt egy stíluslappal több oldal is formázható). Hozzáfûzések a /* és */ jelek között.
* Elsõként kiiktatunk minden margót, kitöltést és szegélyt, ami a böngészõben alapból van. Nem kell nekünk, csak kavarodást okoz.
* Második lépésként az adott blokkokat (lside, cside rside) egymás mellé (float: left) pakoljuk, megadjuk a méretüket (width - szélesség, height - magasság), és beállítjuk a hátterüket. Az egész oldalnak adunk egy háttérszínt (background-color), és az egész hóbelevancot középre helyezzük (így nem tûnik az üres hely annyira nagynak).
* Harmadik lépésként a menü, a menü és a tartalom alatti rész és a tartalom méreteit és háttereit állítjuk be.
4. Vegyük kezelésbe a menüt (külön stíluslapot használok az áttekinthetõség kedvéért). A menüpontokat (li, de hogy csak a menüre legyen érvényes #mennu li) az elõzõekben mutatott módon (float: left😉 egymás mellé rakjuk, és kiiktatjuk a listaelemek jeleit (list-style-type: none😉.
Az egész listát lentebb visszük - kitöltést adunk neki.
Ezek után az egyes listaelemeknek balról margót adunk, hogy a menüpontok középen legyenek a "dobozokban".
5. Viszont a drágalátos IE Explorer 6-os verziója alatt nem igazán hajlandó a CSS-t rendesen kezelni (nézd meg az elõzõ pontban mutatott oldalt IE6-ban). Ezért csak az IE6 és az alatti böngészõk számára (hála a jó égnek vannak erre a célra megoldások - itt a feltételes megjegyzéseket használom) külön stílusdefiníciót csinálunk.
Ha kijavítottuk (stíluslap), akkor már rendesen mûködik.
Lehet (sõt biztos), hogy ez egyszerre egy kicsit sok. De remélem valamennyire átlátod, hogyan megy egy ilyen oldalkialakítás.
Ehhez bizony meg kell tanulni a HTML/CSS nyelvet nem lehet hagyatkozni a grafikus szerkesztõprogramra, mert az nem fog helyetted gondolkodni.
Ajánlom figyelmedbe az alábbi jegyzetet, Cat02 által már belinkelt cikket és ugyanazon az oldalon levõ cikksorozatot.
még valami mi a különbség a mysqli az msql és a mysql kezdetû függvények között? :S
Ne vitatkozz a hülyékkel, mert lealacsonyodsz a szintjükre és legyőznek a rutinjukkal! [ http://dchelp.hu ]
lehet hülyeség, de nekem ez a tapasztalatom
ASUS M2N-SLI | AMD Athlon64 X2 6000+ | 2x2GB Kingston DDR2-800 RAM | Galaxy 9600GT 512MB OC | Windows 7 Pro x64 Games for Windows LIVE blog - http://gamesforwindows.try.hu/
köszi az oldalt, remélem találok valami ilyesmit 😊
http://www.last.fm/user/kuci06 A valóssággal az a gáz, hogy nincsen hozzá háttérzene...
persze, ha nem értessz a php-hez, akkor hiába mondom, de talán van ilyen script itt nézz szét
X360 powaa... Nokia forewa Taste me you will see / More is all you need / Dedicated to / How I\'m FUCKING YOUUUU - on 14th May
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
http://www.last.fm/user/kuci06 A valóssággal az a gáz, hogy nincsen hozzá háttérzene...
Helyesen kell tervezni, jól kell kivitelezni, tesztelni, tesztelni, ha hibát találsz - korrigálni, és ha hibamentes, és mégse úgy jelenne meg mint kéne - trükközni.
1. Elsõ lépésként papíron vagy egyszerû rajzprogramban - például paintben - csinálj skiccet. Legyenek rajta, hogy hogyan helyezkednek el a különbözõ oldalelemek (fejléc, menüpontok, lejátszók, anyámkínja,...)
2. Utána képszerkesztõ programmal (Gimp. Paint.Net, Photoshoop,...) készítsd el az oldal valós kinézetét, és szedd szét részekre. Lesznek képek, amelyeket háttérképként kell felhasználnod, lesznek amit simán az <img> elemmel.
2. Az 1. pontban említett skicc alapján készítsd el a HTML strukúrát. Ne használj semmi pozicionálást, simán csak az elemeket helyezgesd el.
A fõ részeket a <div> elemek fogják alkotni, a menüt a lista (<ul>,<li>😉, stb...
3. Ezek után kell CSS-sel az összes pozicionálást elvégezned.
Mindjárt csinálok oldalpéldákat, és jobban érteni fogod, mirõl van szó.
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ
http://flickr.com/photos/zolika90/
Firefoxban és Safarinál nem mûködik a Flash player, ez most csak nálam van, mert nincs semmi plugin felrakva a egyikhez se, vagy tényleg nem mûködik csak IE-vel?
http://flickr.com/photos/zolika90/
[ cod.magyaritasok.hu ] _____|\\_____\\o/___ Cápatámadás ಠ_ಠ