- Honor 200 - kétszázért pont jó lenne
- MIUI / HyperOS topik
- iPhone topik
- Google Pixel 9 Pro XL - hét szűk esztendő
- LG G8X - kettőn áll a vásár
- LG V40 ThinQ - olajozott gépezet
- LG V60 ThinQ 5G - hangoskönyv
- Extra erő egy gombnyomásra - Engwe EP-2 Boost
- LG Velvet (4G) - megelőzte a híre
- LG V50 ThinQ Dual Screen - az 5G ára
Új hozzászólás Aktív témák
-
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 ) -
#2385
DeltaPower
addikt
petrusz82
#2384
-
#2383
Sk8erPeter
nagyúr
petrusz82
#2382
Sk8erPeter
nagyúr
válasz
petrusz82
#2382
üzenetére
Gondolom pont az lett volna a célod, hogy NE csússzon le a doboz, ahogy az általad mellékelt képen látható
Tehát sztem rossz képet mellékeltél.A megoldás:
p{
margin-top:0px;
}Jótanács: programozásnál NAGYON NEM szerencsés az ékezetes karakterek használata!! Még ha a böngésző el is fogadja az általad mutatott esetben, inkább cseréld le ékezetek nélküli karakterekre.
-
Gyuri16
senior tag
válasz
petrusz82
#2380
üzenetére
id arra valo, ha az oldalon belul csak egy olyan tag fordul elo, class pedig akkor ha tobb. peldaul a header es footer az tipikusan olyan dolog ami egy oldalon csak egyszer van, azert az lehet id. ezen az oldalon (forum) pl a hozzaszolasokbol tobb van, azert annak a divnek classt kell adni
a te peldadban az osszes div egyedi, tehat lehet id-t hasznalni. ha az egyik menuben lesznek menuelemek, akkor azokat mar classkent kell megadni
-
#2354
Sk8erPeter
nagyúr
petrusz82
#2353
Sk8erPeter
nagyúr
válasz
petrusz82
#2353
üzenetére
A CSS-kódod végén az a </div> remélem csak véletlenül maradt ott.
Úgy tudod megoldani, hogy a <head> tagek közé a következő módon teszed be a CSS-kódodat:
http://www.w3schools.com/CSS/css_howto.aspEsetedben:
<style type="text/css">
body div {
/* ... */
}
/* ..... */
#menu .active a {
background: #BABABA;
color: #000000;
}
</style> -
#2345
Sk8erPeter
nagyúr
petrusz82
#2340
Sk8erPeter
nagyúr
válasz
petrusz82
#2340
üzenetére
Akkor miért nem ezzel kezdted...
A kódodat kicsit átírva:
.......
<td valign="top" width="189" height="600" background="kep/contenedorFondo.gif">
<table style="margin:0px;padding:0px;" width="150" height="118" border="3" align="left" hspace="35" cellpadding="3" cellspacing="3" class="text">
...................
</table>
</td>
........ -
válasz
petrusz82
#2340
üzenetére
Mínusz értékeket is megadhatsz koordinátának, de szerintem nem túl szerencsés. Mindenesetre minden nagyobb böngészőben nézd meg az eredményt.
Mindenesetre előbb mindenképpen próbálkozz a cella align tulajdonságaival (left és top legyen).
vagyis így használd: <td valign='top' align='left'>
-
#2322
Sk8erPeter
nagyúr
petrusz82
#2321
Sk8erPeter
nagyúr
válasz
petrusz82
#2321
üzenetére
Nem itt játszik elsősorban szerepet az abszolút vs. relatív hivatkozás - ilyen szempontból elég rossz a példa, mert ATW-nél a reklámkeretek miatt lehet gond, ha úgy adod meg pl. a képeid elérési útját, hogy http://www.myotonia.atw.hu/kepek/valami.jpg, akkor az nem jó, mert ez esetben csak a http://users.atw.hu/myotonia/kepek/valami.jpg fog működni.
Az abszolút vs. relatív hivatkozások esetén inkább arra kell gondolni, hogy van egy könyvtárstruktúrád, amiben valamelyik könyvtárhoz képest tudsz haladni, nagyon egyszerűen fogalmazva erre utal a relatív hivatkozás, míg az abszolút hivatkozásnál mindig a teljes címet adod meg (vagy a gyökér könyvtártól, vagy base href-től viszonyítva megadott címet).
Példa: van egy root ( / ) (fő/gyökér)könyvtárad, ami esetedben a http://users.atw.hu/myotonia.
Vegyük azt az esetet, hogy mondjuk a főkönyvtáron belül van egy "kepek" könyvtárad, amiben a képeidet tárolod. Tegyük fel, hogy a főkönyvtárban van egy index.html fájlod, amiben elhelyezel egy hivatkozást az egyik képre, hogy teljes méretben is meg lehessen tekinteni, aminek a neve "valami.jpg".
A képre való hivatkozáskor két lehetőséged van a cím megadásához:
1.) Abszolút hivatkozás:
<a href="http://users.atw.hu/myotonia/kepek/valami.jpg"><img src="http://users.atw.hu/myotonia/kepek/valami.jpg" width="600" height="300" alt="" /></a>
2.) Abszolút hivatkozás a root ( / ) könyvtárhoz képest (vagy a korábban említett base href-fel megadott viszonyítási címhez képest):
<a href="/kepek/valami.jpg"><img src="/kepek/valami.jpg" width="600" height="300" alt="" /></a>
3.) Relatív hivatkozás a jelenlegi (ebben az esetben épp a főkönyvtárhoz[, de egyébként ez akármelyik alkönyvtár is lehet]) képest:
<a href="kepek/valami.jpg"><img src="kepek/valami.jpg" width="600" height="300" alt="" /></a>Az máris látható, hogy a forráskód kicsit csúnyább lesz az 1.) esetben, a címek jóval hosszabbak. Ezenkívül ha minden esetben a teljes címet adod meg a SAJÁT honlapodon belül (ahogy az 1. esetben látható), akkor
1.) az olyan, mintha Te otthon ahhoz, hogy a nappaliból átmenj a konyhádba, először a nappaliból kimennél az utcára, majd visszajönnél, és úgy mennél be a konyhába (ehhez hasonló zajlik le a webszerver esetén)
2.) a honlapod abszolúte nem lesz hordozható, tehát egy esetleges honlap-költöztetéskor minden egyes címet át kell írnod ahhoz, hogy rendesen működjenek a hivatkozások.Adatbázisban tárolt elérési utak kezelésekor, aszerint való képmegjelenítéskor, vagy csak pusztán további alkönyvtárakból történő fájleléréskor és sok egyéb esetben a legjobb módszer a 2. példában említett eset: ilyenkor mindig a főkönyvtárhoz képest adod meg az elérési utakat, így nehezebb elbaltázni (pl. lehet játszani azzal, hogy visszaugrálsz az alkönyvtárhoz képest a megfelelő elérési úthoz: ../../masikkonyvtar/masikkep.png , de ez nagyon nehezen átlátható és kezelhető, és tényleg könnyű elrontani, ráadásul ha kimásolod ezt a címet egy másik könyvtárban lévő fájlhoz, akkor már megint bukta az egész, és írhatod át), de olyan esetet is fel lehet hozni példaként, amikor bőven megfelel a 3. eset is.
A 3. esetben mindig az aktuális könyvtárhoz képest adod meg az elérési utat. Ha pl. már van a "kepek" könyvtáron kívül egy "masikkonyvtar" nevű könyvtárad is, és a "masikkonyvtar"-ban lévő index.html-ben adsz meg egy hivatkozást ugyanerre a képre, akkor már így kell eljárnod:
<a href="../kepek/valami.jpg"><img src="kepek/valami.jpg" width="600" height="300" alt="" /></a>
A ".." azt jelenti, hogy egy könyvtárat visszalépsz (ezzel jelen esetben visszalépsz a főkönyvtárba, de ha már mondjuk ez a 3. alkönyvtár, akkor a 2.-ba lépsz vissza, és így tovább), és ahhoz képest ("/") kell viszonyítani a "kepek" könyvtárat.Én amióta adatbázisból kérem le a képek elérési útját, azóta mindig a 2. esetben leírtakat használom, mert így bármelyik alkönyvtárból a cím utólagos buherálása nélkül könnyedén elérem azt a fájlt, amit szeretnék.
Remélem így már nagyjából tiszta a különbség, ha valami mégsem világos, nyugodtan kérdezz.
.
Tehát sztem rossz képet mellékeltél.
Új hozzászólás Aktív témák
Hirdetés
- Lenovo ThinkPad T14 Gen 3:i5 1250P(12mag),16GB,512GB,14"matt TOUCH,vil.HU bill,Lenovo gari 2026.6.25
- Amazfit Gtr 3 Pro okosóra dobozával újszerű állapotban
- i3-8100 + ASUS H310M alaplap + 8GB RAM egyben (félkonfig)
- Asztali PC , R5 5500 , RX 6700 XT , 32GB RAM , 512GB NVME , 1TB HDD
- Sony PlayStation 5 Fat 825 GB eredeti doboz, gyári kontroller
- AKCIÓ! Apple Mac Studio M1 MAX 2022 32GB 512GB számítógép garanciával, hibátlan működéssel
- ÁRGARANCIA!Épített KomPhone Ryzen 7 5800X 16/32/64GB RAM RTX 5070 12GB GAMER PC termékbeszámítással
- Azonnali készpénzes AMD Radeon RX 6000 sorozat videokártya felvásárlás személyesen/csomagküldéssel
- Új Apple iPhone 16e 128GB, Kártyafüggetlen, 3 Év Garanciával
- BESZÁMÍTÁS! MSI Z390 i5 9400F 16GB DDR4 512GB SSD RTX 2060Super 8GB Corsair Carbide Series 200R 600W
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: CAMERA-PRO Hungary Kft
Város: Budapest