Új hozzászólás Aktív témák
-
cucka
addikt
És a táblázatban is be tudom állítani, hogy a szélétől hány pixel távolságra kezdődjön a tartalom?
Be tudod, a td padding tulajdonsága mondja meg, hogy a cella szélétől milyen messze kezdődjön a tartalom.Ugyanúgy tudok class-al style-t hozzárendelni, mint egy div-hez?
Ugyanúgy.A táblázatnál arra figyelj, hogy mindig így add meg:
<table cellspacing="0" cellpadding="0">
A különböző böngészőkben különbözően működik ez a két tulajdonság, de ki lehet őket váltani a padding-al.
Layout-nál a táblázatok előnyös oldala, hogy nagyon könnyen lehet velük pixelpontosan dolgozni, a hasábjaid mindig egyforma hosszúak és táblázat cellában bármit bárhova igazíthatsz függőlegesen is, mert működik a vertical-align. (A div-ekben is működik a vertical-align, csak teljesen más, haszontalan dolgot csinál, mint amit a név alapján feltételeznél). Amire viszont nagyon oda kell figyelni, az a méretezés, ha az hajszálpontos, akkor minden böngészőben jól fog megjelenni a táblázat, ami ugye div-es layout-nál külön problémát okoz.Amúgy nem javaslom, hogy mindent mindenhol táblázattal oldj meg, ugyanis sok helyen valóban nem túl elegáns, viszont bizonyos esetekben tényleg megkönnyíti a munkát.
[ Szerkesztve ]
-
cucka
addikt
válasz Sk8erPeter #1813 üzenetére
A 48. oldalon leírja.
-
cucka
addikt
válasz Sk8erPeter #1815 üzenetére
Ami még a frame-ek ellen szól, hogy ha valamilyen dinamikus oldalt szeretnél (mondjuk php-val), akkor a frame-ek eléggé meg fogják nehezíteni az életedet. Amúgy vannak olyan helyzetek, amikor nincs nagy gond a frame-eket használatával, jellemzően olyan helyeken, amelyeket nem lát a nagyközönség, pl. adminisztrációs felületen.
-
cucka
addikt
válasz Louloudaki #1818 üzenetére
arra vigyázz hogy az utolsó kép után következő cuccnak állítsd be hogy clear: left; vagy az utsó képnek clear: right; különben ha az utsó kép után van még hely, akkor a következő elem becsusszan mellé
Általában ezt úgy oldom meg, hogy a float-os cuccok után közvetlenül berakok egy ilyet:<div style="clear:both;"></div>
Persze a te megoldásod is jó, csak a fentivel talán kissebb a hibalehetőség.
[ Szerkesztve ]
-
cucka
addikt
Igazából pdf-eket sem tudsz sehogy beágyazni a weboldalba. Az kizárólag a kliens böngészőjének beállításaitól függ, hogy a weboldalon található pdf a böngészőbe beágyazva jelenik-e meg vagy letöltésre kínálja fel, amúgy egy egyszerű, pdf file-ra mutató link-el van megoldva, nincs semmiféle trükk.
Lehetséges megoldások:
- valamilyen 3rd party doc -> html konvertáló program. Ennek hátránya, hogy nem vagyok benne teljesen biztos, hogy mindig jó eredményt fogsz kapni.
- Word-ben le tudod menteni html-ben is a dokumentumot. Ezt kizárólag új ablakban fogod megnyitni, mivel a word által mentett html css stílusai bekavarnak a weboldalad jelenleg használt stílusainak.
- Átalakítasz mindent pdf-be, doc-ban amúgy sem illik semmit közzétenni a neten. -
cucka
addikt
Amit a többiek írtak a témáról, az teljesen korrekt. Amúgy javascript-el lehet popup-ot nyitni, a window objektum open metódusával. Ha beírod a google-be, hogy "open popup window", akkor kapsz 50 millió releváns találatot, ahol megnézheted.
Igen, én is le tudom írni, hogy hogyan kell felparaméterezni a window.open-t, de ott a google, az első 10 találatból 10-en le van írva. -
cucka
addikt
Nem, ennek nem kell működnie
A html-ed hibás. Nem ettől nem megy a képcserélés, de azért leírom, tehát:
Először is a html szintaxisod helytelen, a html tag-ek összes paraméterét dupla idézőjelbe kell tenni.
<a href='show.php?kep=298' ...
helyett
<a href="show.php?kep=298" ...
Másodszor: A border html paraméter értéke egy szám, tehát a border="0px" szintén helytelen. A "px" mértékegységet css-ben használjuk.
Harmadszor: a képnek hiányzik az ALT tulajdonsága, enélkül nem lesz valid a kód.A képcserélés: az onmouseover eseményben a gomb objektum src adattagját próbálod változtatni. A probléma, hogy attól, mert van egy "gomb" nevű képed, még nem fogod tudni annak a képnek az objektumát globális változóként elérni.
Első lehetséges megoldás, hogy a képnek adunk egy id értéket és arra hivatkozva már elő tudjuk szedni a képhez tartozó objektumot a document.getElementById függvénnyel.
<a href="show.php?kep=298"
onmouseover="document.getElementById('gomb').src='_arrow_left_over.gif';"
onmouseout="document.getElementById('gomb').src='_arrow_left_normal.gif';">
<IMG id="gomb" name="gomb" src="_arrow_left_normal.gif" width="55" height="55" border="0" alt="" ></a>Másik lehetséges megoldás, hogy magára a képre kötjük rá az eseményt, ilyenkor this-el hivatkozhatunk a kép objektumra. (Ez természetesen nem csak képekre igaz)
<a href="show.php?kep=298'">
<IMG name="gomb" src="_arrow_left_normal.gif" width="55" height="55" border="0" alt=""
onmouseover="this.src='_arrow_left_over.gif';"
onmouseout="this.src='_arrow_left_normal.gif';"></a>Harmadik lehetőség: a link-re kötöd rá az eseményt. Az eseményben először is a this.childNodes tömbben megkeresed a kép objektumot, majd ennek változtatod az src értékét. Ezt szerintem ide fölöslegesen bonyolult, úgyhogy nem írom meg a kódot (meg lusta is vagyok ).
[ Szerkesztve ]
-
cucka
addikt
válasz milegyen #1918 üzenetére
Amire te gondolsz, az a title tulajdonság.
Az alt tulajdonság az "alternative" rövidítése, azokra az esetekre van kitalálva, amikor a böngésző nem jeleníti meg a képet, vagy esetleg felolvasó programot használ a látogató.
Értelemszerűen a title tulajdonsághoz elég egy cím, az alt-hoz viszont írhatsz részletesebb leírást a képről, ugyanis azt azok fogják látni, akik nem látják magát a képet.Persze legtöbbször nem használjuk ezeket a tulajdonságokat, ugyanis ma már nehezen képzelhető el, hogy valaki képek nélkül netezik. Esetleg ha szempont, hogy vakok és gyengénlátók is tudják használni az oldalt, akkor töltögesd ki az alt tulajdonságokat.
mod: látom, megelőztek..
[ Szerkesztve ]
-
cucka
addikt
válasz Agostino #1971 üzenetére
Az az oka, hogy szintaktikai hibás a html-ed. Sima idézőjel helyett mindig dupla idézőjelet használj a tag-ek paramétereinek, a background-image-nél meg zárd le a zárójelet.
<p>
<div class="comments" style="background-image: url(/e107_themes/dreamy/images/bg-comline.gif);">{NEWSCOMMENTS}{TRACKBACK}</div><div class="icons">{EMAILICON}{PRINTICON}{PDFICON}{ADMINOPTIONS}</div>
</p> -
cucka
addikt
válasz Agostino #1973 üzenetére
A html nyelvben a paraméterek értékei dupla idézőjelek között vannak, ez a szabványban leírt helyes szintaxis, nem tudom, milyen rendszer dobja vissza és miért (és egyáltalán, mi az, hogy visszadobja?). Ez amúgy akkor lesz gond, ha valamilyen eseményre javascript-et akarsz kötni, ahol viszont sima idézőjeleket kell használni.
-
cucka
addikt
Igen, csak semmi szükség 45-50 tesztre, meg 15 különféle böngészőre a teszteléshez.
IE 6-7-8, legújabb Firefox, legújabb Opera, legújabb Chrome, Safari és kalap, gyakorlatilag lefedted a teljes piacot. Ezeket pedig egy gép + egy virtuális gép kombóval le lehet fedni. Virtuális gépre felmehet az IE6-IE7, gazda gépen IE8, a többit ízlés szerint eloszthatod a két gép között.[ Szerkesztve ]
-
cucka
addikt
A különböző oprendszerek máshogy renderelik a betűket, ezt lehet előre tudni, ezért ha az oldalad valamelyik részét pixelpontosan szeretnéd megcsinálni, akkor a méretezést nem a betűk méretezésével kell megoldani, és rögtön meg van oldva a probléma. És igen, úgy kell megtervezni a weboldalt, hogy egy 1-2 pixeles méretbeli különbségtől ne csússzon szét. A html és a css nem alkalmas arra, hogy különböző böngészőkön pixelre ugyanazt az eredményt adja, és ezt a webdizájnernek is tudnia kell.
-
-
cucka
addikt
Talán még megpróbálhatod betölteni ajax-al egy div-be...
Olyat még sosem csináltam Írjátok le hogy kell.
Az iframe-en kívüli div-be kell betöltsd, hogy látszódjon.
Valahogy így:document.getElementById('div_neve').innerHTML='html kód, amit bepakolsz a div-be '
cucka: én az iframen belüli kódot irogatom, tehát az is megoldás lehet: hogyan kell kinyúlni a jelenlegi oldalra?
Például valami hasonlót írsz az iframe-be:parent.document.getElementById('testdiv').style.color='red';
-
cucka
addikt
válasz Sk8erPeter #2094 üzenetére
Az előbbi függvény ( tinyMCE.editors.myEditorId.focus() ) működéséről még nem találtam leírást...
Nem használtam még tinyMCE-t, de a következőt sejtem:
A tinyMCE úgy működik, hogy az oldal megtekintésénél egy javascript rakja ki a textarea helyére. Mindegyik kirakott tinyMCE szerkesztőnek van egy azonosítója, mert előfordulhat, hogy egy oldalra többet is ki szeretnél rakni. A tinyMCE egy javascript változó (tömb), ebben vannak a tinyMCE objektumok. A myEditorId a kérdéses szerkesztő azonosítója, a focus pedig egy tinyMCE objektum függvénye. -
cucka
addikt
válasz Sk8erPeter #2096 üzenetére
Hát esetleg próbáld ki. Amúgy valószínűleg meg fog egyezni.
-
cucka
addikt
válasz Narancs #2102 üzenetére
Igen, illetve azok az oldalak is számítanak, ahol linkelve van az oldalad. Nem vagyok szakértő ebben, tehát ajánlom figyelmedbe a keresőoptimalizációs topikot.
(#2103) Sk8erPeter
Igen, és mintha azt olvastam volna, hogy igazából a keresőmotorok már nem is igazán veszik figyelembe a <meta> tageknél megadott kulcsszavakat
Igen, mert a meta tag-ekbe mindenki azt ír, amit akar, függetlenül attól, hogy van-e köze az oldal tartalmához vagy sem.ezért érdemes tematizált honlapokat készíteni, nem minden szirszart egy helyre feltenni.
Attól függ, mit szeretnél, milyen kifejezésekre optimalizálsz és így tovább. -
cucka
addikt
válasz N!Tr0v!CS^^ #2203 üzenetére
Az iframe egy olyan "doboz", aminek a tartalma egy másik html oldal. Az src attribútum mondja meg, hogy melyik oldal jelenjen meg benne, ez lehet bármi, tehát nem csak a saját oldaladhoz tartozó lap, hanem tetszőleges weboldal. Annyit érdemes még tudni róla, hogy sorszintű elem (ezért az elnevezés - inline frame).
-
cucka
addikt
Először is ne szemeteld tele sok oldal kóddal a fórumot, mert ezt emberek szokták olvasni. Vannak a neten ingyenes oldalak, ahol közzéteheted a kódot, például a pastebin.
Másodszor: olvass el egy tutorialt a weboldal szerkesztésről, vegyél egy könyvet, stb. Ha abszolut lövésed sincs a témáról, akkor igen nehéz segíteni .
-
cucka
addikt
Nem oldható meg egyik sem.
Ahhoz, hogy egy látogató megnézhesse az oldalad, le kell töltse a gépére az oldal html/css/javascript kódját, az összes képet, flasht, mindent. Szóval mit akarsz levédeni?
(Olyan a kérdésed, mint ha egy könyvkiadó szeretné levédeni a papírkönyveit a másolás ellen) -
cucka
addikt
A jobb gombos menü teljes tiltása megoldható, de az előbb felsorolt okok miatt nem javasolt.
Amit közzéteszel egy weboldalon, az nyilvános, nem tudod megvédeni. Ha olyan adatod/szöveged/képed van, amit nem szeretnél, hogy elmentsenek maguknak a látogatók, akkor ne tedd közzé. -
cucka
addikt
válasz petrusz82 #2386 üzenetére
Bár szerintem kell lennie valami másik lehetőségnek is.
Float-olt div-ekkel nincs más lehetőség. A div-es layout gyakorlatilag azt jelenti, hogy lebegő, jobbra vagy balra igazított dobozokkal próbálod eljátszani azt, mint ha hasábokra lenne bontva az oldalad, pedig valójában nincs .Ha arra van szükséged, hogy a rendelkezésre álló helyet mindig és minden esetben kitöltsék a hasábjaid (függőlegesen), akkor készítsd el táblázattal a layout-ot. Tudom, hogy ez nem túl divatos megoldás, viszont működik, illetve ebben az esetben csak ez működik.
Javascript-es megoldás is működhet, de szerintem az kicsit túlzás, hogy az oldal alapvető struktúráját is ezzel kelljen beméretezni. (Bár volt olyan feladatom, amit csak ilyen javascript-es bohóckodással tudtam megoldani )[ Szerkesztve ]
-
cucka
addikt
válasz great65 #2445 üzenetére
Két apróság, csak halkan
- Ne nagyon számíts rá, hogy valaki ezt neked ingyen, vatikáni valutáért megcsinálja. Pont úgy, ahogy te sem ugranál át csak úgy ingyen egy idegenhez kiporszívózni vagy felásni a kertet.
- Próbáld értelmesen megfogalmazni, hogy mit szeretnél. Addig ok, hogy vannak oldalak, amelyeken vannak űrlapok, viszont az alkalmazás működésének a leírása totál homály. -
cucka
addikt
Na és melyik része nem érthető? Az általad használt doctype szerint a td-nek nem lehet background nevű attribútuma. Az általad küldött kódban ott figyel a background. Melyik rész nem világos?
Amúgy azt sem értem, hogy miért van az, hogy a W3C által jelzett összes hiba kijavítása után mitől keletkezhetnek újabbak ..., pedig előzően az újabb hibát nem jelezte.
Azért, mert így van megírva a validator. Majd ha megpróbálsz valamilyen hasonló progit írni, akkor rájössz, hogy miért ilyen . (Pongyola nyelven azért, mert ha talál egy hibát, akkor a hibás részben nem feltétlenül lehet/érdemes/értelmes további hibákat keresni) -
cucka
addikt
Elképzelhető, hogy a biztonsági lyuk a tárhelyen lévő kódban található, nem pedig a gépeden. (Wordpress-nek volt régen egy ilyen sebezhetősége)
Amúgy általában úgy működnek, hogy a dokumentumok végére odafűznek egy szándékosan nehezen olvasható javascript kódot, ami berak a dokumentumba egy kártékony oldalra mutató iframe-et.
-
cucka
addikt
Esetleg így? (Nem próbáltam, de elvileg jó kéne legyen)
.homeBlockLeftOuter{
/*.....*/
background: url('/images/homeblockleft.png') top left no-repeat;
height: 100%;
width:100%;
z-index:2;
}
* html .homeBlockLeftOuter{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/homeblockleft.png',sizingMethod='scale');
}[ Szerkesztve ]
-
cucka
addikt
válasz Speeedfire #2851 üzenetére
Lehetséges okok:
1. A css nem jó, tehát a "#CB_Window img" szelektor nem vonatkozik a clearbox-os képre.
2. Egy későbbi css stílus felülírja ezeket a szabályokat. Próbáld a clearbox css-t a css végére rakni.
3. Ha a fenti kettő sem megy, akkor használd az !important-ot a css-ben. (Bár általában az a tag-re szokott előjönni ez a probléma és főleg firefox-ban) -
cucka
addikt
A gépek ~60%-án van silverlight, ami azt jelenti, hogy a maradék 40-en nincs, tehát ezeket a felhasználókat az ügyfeled elveszíti. Ha az ügyfeled nem egy farok, akkor kifejezetten hálás lesz neked, ha ezt közlöd vele. (Ha az a fajta ügyfél, aki nem ért hozzá, de mégis mindent jobban tud, akkor nem kell erőltetni sztem )
(Igazából mindegy, hogy hány % linuxos, meg iphone-os, mert a windows-os gépek jó részén sincs Silverlight, és ha a júzer Silverlight-os oldallal találkozik, akkor a legvalószínűbb forgatókönyv, hogy nem fogja megnézni azt az oldalt)
[ Szerkesztve ]
-
cucka
addikt
válasz Sk8erPeter #3201 üzenetére
69+28=97, a fennmaradó részen osztozik a többi verzió. A "not detected" pontosan azt jelenti, hogy nem találtak Silverlight-ot az adott klienseken, tehát várhatóan nem is fog futni náluk semmi, amit ebben írtak.
-
-
cucka
addikt
válasz Brown ügynök #3215 üzenetére
Szerintem nem számít, hogy Stricht vagy Transitional a CSS szempontjából.
A kettő közötti leginkább lényeges különbség az, hogy a Strict nem enged meg olyan tag-eket és attribútumokat, amelyekre a css-el történő formázás miatt amúgy sincs szükség, továbbá szigorúbban betartatja a blokkszintű elem -> sorszintű elem hierarchiát.
Lásd még [link](#3216) Sk8erPeter
Az utóbbi jópár hozzászólásban html-ről volt szó, nem pedig xhtml-ről, nem mindegy[ Szerkesztve ]
-
cucka
addikt
és kiemeli a 2. idézőjelet mint hiba?????
Nem, azt írja, hogy nincs olyan attribútum, hogy language. Tehát helyesen így írjuk
<script type="text/javascript">A második hibánál azért zavarodik meg, mert ott egy " idézőjel a szövegben. Ha html szövegbe idézőjelet vagy kacsacsőrt vagy bármilyen spec. karaktert akarsz berakni, akkor azt ne így natúrba tedd, hanem html kóddal. Ettől zavarodik meg a validátor (és teljesen joggal, majd egyszer írj meg legalább egy lengyelforma kiértékelőt és akkor meglátod, miért nehéz normális hibaüzeneteket adni ilyen jellegű hibákra)
A harmadik hibánál az a baj, hogy a javascript kódodat nem tetted be egy cdata-ba. Valahogy így:
<script type="text/javascript">
//<![CDATA[
--Ide jön a javascript kód
//]]>
</script>A (privátban is elküldött) félig lecsúszó zászlók problémáját viszont még nem sikerült megfejtenem, de az is meglesz
-
cucka
addikt
A kettes hibát rosszul írtam, így ez alapján pontosan ugyanaz a megoldás rá, mint a harmadikra.
A problémát az okozza, hogy a validator a <script> tag-ben található szöveget pontosan ugyanúgy validálja le, mint ahogy egy bármilyen más tag-ben elhelyezett szöveget (tehát nem érdekli, hogy az javascript vagy sem). Ezért van az, hogy ha a javascript kódodba html részeket is szeretnél beletenni (mint ahogy itt is van), szólni kell a validátornak, hogy azt ne vegye figyelembe, erre írtam a cdata-s megoldást. A harmadik hiba tehát így fog kinézni javítva:
<div id="headimg"><script type="text/javascript">
//<![CDATA[
var a=Math.floor(Math.random()*5);
document.write("<img src=img/header_hu/Header"+a+".png></img>");
//]]>
</script></div>Egyébként a CDATA jelentése az, hogy Character Data, és jellemzően xml-ben szokás használni pontosan ugyanerre: ha két tag közé szöveget szeretnél rakni, akkor így jelzed az xml parser-nek, hogy azt a szöveget legyen szíves nem parse-olni.
Egyébként ennek az egész bohóckodásnak egyetlen értelme van, hogy a validator lefusson. Ahogy látod, maga a CDATA egy javascript kommentben van, tehát a böngészőnek tökmindegy, hogy odaírod-e vagy sem, ugyanúgy fog működni.
mod: a & jelet &-re csak a html elemeknél (pl. link) vagy folyó szövegben kell cserélni, a javascript kódban értelemszerűen nem
[ Szerkesztve ]
-
cucka
addikt
válasz Sk8erPeter #3238 üzenetére
Természetesen mindenkinek, aki most tanulja ezeket a dolgokat, javaslom, hogy tanuljon meg valid kódot írni. Ugyanakkor ha évek óta ezt csinálod, akkor egy idő után elsőre fogsz tudni olyan kódot írni, ami szép is, jó is, mégsem feltétlenül valid. Például az előző hozzászólásokban szereplő, CDATA-val történő bohóckodás egyetlen célja is annyi, hogy a validátor lefusson, különben nincs rá szükség. Akkor se lesz semmi, ha xhtml-ben egy br vagy img tag-et elfelejtesz lezárni, és sorolhatnám az ilyen apróságokat.
(Mondjuk abban igazad van, hogy aki itt segítséget kér html-ből, annak valószínűleg jobb tanács hosszú távon, hogy figyeljen oda arra, hogy az oldala valid legyen )
Új hozzászólás Aktív témák
- Autós topik
- Counter-Strike: Global Offensive (CS:GO) / Counter-Strike 2 (CS2)
- Android szakmai topik
- Luck Dragon: Asszociációs játék. :)
- Kerékpárosok, bringások ide!
- Aliexpress tapasztalatok
- Samsung Galaxy S23 és S23+ - ami belül van, az számít igazán
- AMD Ryzen 9 / 7 / 5 / 3 5***(X) "Zen 3" (AM4)
- Adobe Lightroom topic
- Milyen egeret válasszak?
- További aktív témák...
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: Ozeki Kft.
Város: Debrecen