CSS vagy Javascript hiba
Sziasztok!
Ne haragudjatok, hogy új témát nyitottam, de sajnos sehol nem találtam megoldást a problémámra.
Egy honlapot szerkesztek, melynek a fejlécébe be szeretnék szúrni egy galériát. Ezt a kis bannert már össze is raktam egy üres lapon, ami ebben a formában működik is, viszont mikor beillesztem a weboldalba, akkor már valamiért nem indul el. Szerintetek hol rontottam el? A választ előre is köszönöm.
Üdvözlettel:
Tamás
■ Ne haragudjatok, hogy új témát nyitottam, de sajnos sehol nem találtam megoldást a problémámra.
Egy honlapot szerkesztek, melynek a fejlécébe be szeretnék szúrni egy galériát. Ezt a kis bannert már össze is raktam egy üres lapon, ami ebben a formában működik is, viszont mikor beillesztem a weboldalba, akkor már valamiért nem indul el. Szerintetek hol rontottam el? A választ előre is köszönöm.
Üdvözlettel:
Tamás
jQuery
Nagyon szépen köszönöm a
Az az igazság, hogy megcsináltam a módosítást, ahogy írtad, bár nem tudom, hogy pontosan így gondoltad-e? Most már működik a banner, viszont a menü behalt. Nincs valami megoldás arra, hogy a scripteket a </head> elé tegyem be, ahogy eddig is csináltam és persze működjenek is.
Felülírtad
script
-eket ahead
-be rakni? Teljesen jó helyen vannak az oldal végén.Azt hiszem feladom...
Bárhova is pakolgatom a scripteket, vagy a banner nem működik, vagy pedig a menü. Visszaraktam az eredeti scriptet,
Egyébként azért gondoltam, hogy mindegyiket egy helyre rakom (head-be), mert ahogy nézegetek egy-két honlapot, mindenhol azt láttam, hogy fent vannak, de ha azt mondod, hogy lent is jó, akkor végül is mindegy.
Miért?
Az, hogy egyes honlapokon a
head
-ben vannak ascript
elemek nem jelenti azt, hogy az a helyes megközelítés. A Google és Yahoo! ajánlása szerint is érdemesebb ascript
elemeket abody
elem végére helyezni, a miértek elolvasását rád bízom.SIKERÜLT! :D Nagyon köszönöm
Nagyon köszönöm a segítséget! Ne haragudj, ha kissé értetlennek tűntem, csak számomra ez a javascript egy "sötét ló".
Ha nem nagy kérés, átnéznéd a honlapot, hogy minden rendjén van-e, mármint kód szinten. Előre is köszönöm.
Ha a fejlécben töltöd be a
Pl.:
<script type="text/javascript">
var menüke = document.getElementById('menüke');
menüke.replaceChild(latvanyosabb_menu(), menüke.childNodes[0]);
</script>
Külső scripteket viszont valóban érdemes a html végén betölteni, hogy ne akasszák meg az oldal kirajzolását.
Nem
Ez nem igaz. A
head
-ben beszúrtscript
ahead
-ben fog lefutni, és akkor a DOM elemek még nincsenek betöltve, ezért nem lehet őket manipulálni sem. Akkor tudod őket manipulálni, amikor már bekerültek a DOM-ba, azaz a HTML feldolgozó már eljutott addig az elemig, amit célozni akarsz.A fenti kód semmilyen kitételt nem szab arra, miért kellene a script elemnek a fejlécben lennie, teljesen jó, ha az mondjuk közvetlen a
select
után szerepel.html feldolgozása közbenEz
Nem értem
head
elemben már a feldolgozás közben vagyunk, mégsem érjük el csak azokat az elemeket, amik már korábban szerepeltek a dokumentumban (jelen esetben ahead
-ben). A később megjelenő elemekhez csak a később megjelenőscript
elemekben férünk hozzá, illetve ha valamilyen elemre eseménykezelőt tettünk, akkor azon események kiváltása után az addig feldolgozott elemekhez.Az, hogy a
script
elemedet ahead
-be raktad nem szolgál annyi előnnyel, mint hátránnyal. Ugyanis megakadályozza az oldal feldolgozását, ameddig ascript
elem nincs betöltve (ez elkerülhető azasync
ésdefer
attribútumok használatával, de akkor más problémák jönnek elő). Vagyis a felhasználó addig egy betű hasznos információt nem lát a tartalomban ameddig ahead
-rész nincs feldolgozva, ami rosszabb felhasználói élménnyel jár. Mert a felhasználó a tartalomért látogatott az oldalra, és elsődlegesen azt szeretné látni. Pár tizedmásodperc is számít azügyben, hogy a felhasználó mikor látja meg a tartalmat.Ha nem voltam érthető, akkor
<head>
<script src="sajat_fuggvenyeim.js"></script>
</head>
<body>
[hosszú-hosszú tartalom]
<div id="listbox">
<select></select>
</div>
<script>
sajat_listbox_cserelo_fuggvenyem('listbox');
</script>
[hosszú-hosszú tartalom]
<div id="listbox2">
<select></select>
</div>
<script>
sajat_listbox_cserelo_fuggvenyem('listbox2');
</script>
[hosszú-hosszú tartalom]
</body>
A második bekezdésben
Megint akadt egy kis problémám...
Már említettem, hogy a honlap tetején van egy három képből álló galéria, ami végül is bannerként funkcionál. Ez a galéria több .js-t használ, amiben a galéria méretét is meg kell adni. Viszont van egy .css is, amelyben ugyancsak meg kell adnom a méretét. Tehát, azt szeretném beállítani, hogy a galéria maximális szélessége 960px legyen és a max. magassága pedig 140px. Mivel azt szeretném, hogy körül vegye egy 10px-es keret, ezért így állítottam be a css-t:
Hol a probléma?
Magam sem tudom
Nem tudom, hogy elég érthető voltam-e, de remélem azért sikerült követni.
Ha a JS által generált
A JS egy 960px széles objektumot (iframe, div, canvas - nem derült ki mi az) jelenit meg. A #banner DIV-ed viszont csak 940px széles, így hát szétnyomja azt 960-ra, plusz a margóid miatt 980 lessz.
Azt hiszem most már értem.
Viszont lenne még egy kérdésem. Miért van az, hogy beállítottam a border-radius-t 20px-re és csak a keret külső sarkait kerekíti csak le, míg egy másik frame-nél ugyanez a beállítás lekerekíti a belsőket is. Mi lehet a gond?
Nem gond, ez a "termeszetes"
1.: maskepp epited fel az oldal ezen reszet
2.: a megfelelo kontenereket hozza kerekited
3.: overflow hidden a kulson kontenerre... de ez megint mas eredmenyt fog hozni... legyen meglepetes :)
Ha nem ertettem felre a kerdest akkor a valaszom helyes :)
Egyebkent ha nem vagy elegedett a valasszal... inspector csodakra kepes :)
Sikerült!
Viszont lenne még egy kérdésem. Van egy szövegem, amibe egy képest szeretnék úgy berakni, hogy a szöveg legfelső sorának teteje és a képem teteje egy magasságba kerüljön. Jelenleg így néz ki. Mit kellene beállítanom ahhoz, hogy stimmeljen?
A segítséget előre is köszönöm.
Margó
p
elemnek1em
a felső margója. Ezt kellene 0-ra módosítani, vagy a képnek is adni egy1em
felső margót.Módosítva