- Karácsonyfaként világíthat a Thermaltake új CPU-hűtője
- Az USA vizsgálja a RISC-V kínai terjedésének kockázatát
- Kicsit extrémre sikerült a Hyte belépője a készre szerelt vízhűtések világába
- Egészen nagy teljesítményspektrumon fedné le a mobil piacot az AMD
- Kihívás a középkategóriában: teszten a Radeon RX 7600 XT
Hirdetés
-
Az USA vizsgálja a RISC-V kínai terjedésének kockázatát
ph A Kereskedelmi Minisztérium egyelőre csak felméri a helyzetet, egyelőre nem látni, hogy tudnak-e bármit is tenni.
-
Spyra: akkus, nagynyomású, automata vízipuska
lo Type-C port, egy töltéssel 2200 lövés, több, mint 2 kg-os súly, automata víz felszívás... Start the epic! :)
-
Agyi chipes gyártóba fektetett a kriptocég
it A Tether 200 millió dollárt fektet a Blackrock Neurotech agyi chipes vállalatba.
Új hozzászólás Aktív témák
-
Chrystall
senior tag
Valaki táblázat kapcsán tudna segíteni? Adott egy 2 cellás táblázat:
<tr>
<td></td>
<td></td><tr>
Meg lehet azt valahogy oldani, hogy a bal oldali oszlop hossza a jobb oldaliét kövesse, a jobb oldalié pedig meghatározatlan legyen? Egy p elemet kellene a bal oldaliba tennem, ami mindig lenyúlna a bal oldali aljáig (pl úgy, hogy megadok a p elemnek valami nagyon nagy hosszméretet: 3-4000 px, amit sose ér el a jobb oszlop hossza), de az kellene, hogy a p elem ne tolja ki a bal oszlop hosszát, hanem, az oszlophossz a jobb oszlop hosszához igazodjon. A jobb oszlopban egy vendégkonyv jellegű mező lenne, így mivel oda mindig megy új tartalom, nem kellene, hogy a hossz fixálva legyen, hanem az szabadon növekedhetne, és ezt követné a bal oszlop.
Tipp?
[ Szerkesztve ]
-
Chrystall
senior tag
válasz DeltaPower #3782 üzenetére
Igen, hossz alatt magasságot értem. az a lényeg, van 2 oszlop összesen, de nevezhetjük 2 cellának is, mert ennyiből állna össz-vissz a táblázat, egy jobb és bal.
A bal magasságának mindig a jobbéhoz kéne igazodnia, függetlenül attól, hogy esetleg a benne levő elemek magassága nagyobbra van definiálva. A jobb oldali cella magassága meg határozatlan kéne legyen, a benne levő elemek magassága határozná meg.
-
Chrystall
senior tag
válasz DeltaPower #3785 üzenetére
Az lenne a cél, hogy a bal oldali cella oldalsáv lenne, és a háttér kellene, hogy lenyúljon a Footer-ig. Ilyen panel háttér volna, az van a jobb cellában is. A háttér divek-hez menne eredetileg, azok lennének az oldalsávba is rakva, de az a baj, hogy ha megadom a div-nek, hogy nagy legyen a magassága, kitolja az oszlopot, nem áll meg a magasság a jobb oszlop magasságánál, mindegy mit adok meg, auto, 100% vagy px. Meg mindegy az is hova írom, nem jó.
De egyébként már megoldottam a dolgot, mert betettem a hátteret a cella háttereként, csak az a baj, hogy így meg szétesik a cellaméret Internet Explorerben (ezért is jobb lett volna ez előző verzió. Erre nincs valami tippetek? Így néz ki most a cucc:
<table>
<tr>
<td id="leftsidebartop"></td>
<td rowspan="2">ide jön a tartalom</td>
</tr><tr>
<td></td>
<td></td>
</tr>
</table>Az a gond, hogy ha a leftsidebartop-nak megadok magasságot ( a td-be vagy tr-be), Firefox-ban meg Chrome-ban beáll arra a cella ugyanúgy, nincs méretbeli eltérés, de Explorerben nem, hanem ott beállítódik egy minimális cellamagasság, valami 260px, ami sokkal nagyobb, mint kéne (180px). Az Explorer csak úgy állítja be rendesen, ha létrehozok egy <div>-et a leftsidebartop megnevezésű cellában, és a div-ben definiálom stílusként a magasságot, vagy a div-re egy "-" előjelű margin-bottom-ot, és lecsökkentem a div méretét 260px-ről. Akkor beáll Explorerben jól a cellamagasság, csak az meg azért nem jó, mert akkor meg Chrome-ban nem lesz jó a magasság, túl kicsire veszi, és kilógnak a cellából az elemek. A Chrome-ra meg úgy tudom nincs conditional command.
Ezt miért csinálja az Explorer? Miért állít be 260px-et minimum magasságra, ha tr-be vagy td-be írom be a magasságot amit szeretnék? Beírom, hogy height="180", és nem érdekli, beállít minimálisnak 260-at. Ugyan ez van, ha stílussal definiálom. Csak 260px értéknél csinálja azt, amit mondok neki, alá nem hajlandó beállítani. Viszont ilyen 260px meg sehol nincs megadva magasságnak, nem tudom miből veszi ezt, hogy erre álljon be.
Egyébként ezt áthidaltam egyenlőre conditional command-dal, de akkor is jó lenne tudni, miért csinálja ezt? Talán azért, mert az alatta levő cellában meg más a magasság, és ha nem egységesek az oszlopban a magasságok, akkor az Explorer elrontja a beállítást? Egyszer már történt nekem hasonló oszlopszélességgel kapcsolatban. Ha nem adtam meg minden cellára azonos szélességet az oszlopban, az Explorer nem igazította pontosan középre a szöveget a cellákban, csak a Firefox. a cellákat jó méretben jelenítette meg, de a szövegigazítás nem lett jó.
-
Chrystall
senior tag
válasz Sk8erPeter #3790 üzenetére
Na, a probléma mégegyszer:
Van egy ilyen táblázat, melyben a cellák:
A B
C DB-nek át kell nyúlnia D-be.
A gond, hogy az Explorer, hogy ha style-ban vagy ezzel, hogy height="xx" megadom a magasságát az A-nak, rá se hederít, hanem beállít, egy minimális magasságot, ami jóval nagyobb mint kéne, ráadásul minden oldalon mást, és ide oda változik így a cella magassága. Ha nem adok meg magasságot, ugyan ezt csinálja.
Firefox, Chrome az beállítja rendesen.
Itt az oldal kódja, de ez nem a szerkesztőből kimentett kód, hanem a weblap mentése utáni. Online szerkesztővel csinálom az oldalt, nem minden részhez férek hozzá, ami a végleges HTML-ben van. De a nagyrészéhez azért igen.
http://jsbin.com/aximew/2
Azt a rowspan-t télleg elrontottam, nem kellett volna a D cellát is megadni td /td-vel, de ha kitörlöm, akkor se jó a táblázat Explorerben, kipróbáltam.
Egyébként itt a problémás rész:
<table id="mainbody" cellspacing="20"> <!-- Oldalsáv + mellette a tartalom -->
<!--[if !IE]--> <tbody><tr style="vertical-align: top; height: 180px;"> <!--[endif]-->
<!--[if IE]> <tr style="vertical-align:top;" > <![endif]-->
<!--[if !IE]--> <td class="sidebarpanel" style="width: 150px;"> <!--[endif]--><!--- Bal oldali zöld gombos menü -->
<!--[if IE]> <td class="sidebarpanel" style="width:150px;" rowspan="2"> <![endif]-->Ez a " td class="sidebarpanel" "-es cella nem akar működni.
Egyébként eredetileg azt akartam, hogy ilyen a táblázat:
A B
B-nek nem lenne megadva maximális magasság, az terjedhetne, ameddig a benne levő elemek akarják, az A viszont B magasságát követné, akkor is, ha a benne levő elemek miatt nagyobb kéne legyen a magassága, mint az adott pillanatban B-nek.
Mivel ezt nem sikerült megoldani, ezért csináltam a 4 cellás táblázatot, de ez a két cellás verzió is jó lenne, ha ezt, amit most írtam meg lehetne oldani.
[ Szerkesztve ]
-
Chrystall
senior tag
válasz cidalain #3794 üzenetére
Ez ígéretesnek tűnik. Viszont mi a helyzet, ha a div-nek megadok egy border-t? A hidden attribútum csak a tartalomra fog vonatkozni, vagy a div border-ére is? A border alsó része látszódni fog, vagy a tartalom aljával együtt eltűnik az is, ha túlnyúlik a div tartalma az aktuális cellamagasságon?
-
Chrystall
senior tag
válasz cidalain #3794 üzenetére
Közben kipróbáltam. Nem értem miért, de ez a kód nem válik be. Hiába van hidden, a magasságot az A oszlopban levő div akkor is kitolja.
Egyébként nézd meg, itt az oldal: centraltravel.weebly.com
Ott látható, hogy a bal oldalsáv mindig alkalmazkodik hosszban a tartalomhoz. Persze most egy másik módszerrel megy az egész, azzal a 4 cellás táblázatos módszerrel, de 2 cellával jóval egyszerűbb lenne, bár mostmár lehet mindegy, ha megcsináltam.
-
Chrystall
senior tag
válasz DeltaPower #3798 üzenetére
Persze, azt javítom.
-
Chrystall
senior tag
Sziasztok!
Az a kérdésem lenne, hogy az Internet Explorer 10 az hogyan kezeli a conditional commenteket? Eddig nem volt gondom ezekket, de most észrevettem, hogy egy honlapom szét van csúszva. ez van pl. az ajján:
<![if !IE]>
<div style="margin-bottom:40px;margin-top:-42px;"><p class="panel" style="width:96.4%;text-align:center;font-size:20px;font-weight:bold;color:#CC0000;">
<img src="/files/theme/buszb.png" style="position:absolute;z-index:50;margin-left:-137px;margin-top:25px;"/>PARTNERÜNK:<br/><a href="http://www.kanadabusz.hu/" target="_blank"><img src="/files/theme/kanada.gif" style="border:1px solid;border-color:#999999;padding: 1px 1px 1px 1px;" /></a>
<img src="/files/theme/buszj.png"style="position:absolute;z-index:50;margin-left:8px;margin-top:-8px;"/></p></div>
<![endif]>Ez elvileg a nem Internet Explorer böngészőkre vonatkozna. Nincs is baj, ha Firefoxban vagy Chrome-ban nézem ezt meg, de Internet Explorer 10-ben van, mert ezt a részt is figyelembe veszi. Ez hogy lehet? Direkt ki van kötve, hogy if !IE, erre még is figyelembe veszi. Sőt, azt a részt, ahol csak if IE van, arra meg rá se hederít. Mi a fene lehet?
-
Chrystall
senior tag
Akkor most mivel lehet Internet Explorer 10 számára külön definiálni utasítást? Táblázatnál nem ugyan úgy kezeli a sormagasságot, mint a Firefox vagy a Chrome, kicsit eltér a méret, így meg idétlenül néz ki a lap azon része.
-
Chrystall
senior tag
Sajna ez az Explorer 10 hiába standard, valamit a táblázatok terén máshogy kezel, mint a Firefox meg Chrome.
Itt volna a problémás honlap:
Ha valamelyikőtöknek van ideje, pillantson már bele. Kissé kaotikus, de értelem szerűen az if !IE feltételes részek azok, amik mostmár számítanak, az if IE az már lényegtelen. Van egy tonna cucc a kódban, de a táblázat maga egyszerű:
Van két oszlop, az első oszlopban 2 cella (bal oszlop), a másodikban 1 rowspan-nel összeolvasztva 2-ből (jobb oszlop). mainbody az id-je a táblázatnak, úgy hamar rátaláltok. Van a celláknak egy "sidebarpanel" class-sal definiált stílusa a mainstyle.css-ben, de az annyira nem oszt nem szoroz, csak a panel grafikáját határozza meg, hogy betöltődjön a kék háttér meg az élkerekítés.
A hiba ott van, hogy explorerben ha elkezdek tartalmat tenni a 2. oszlop egyetlen cellájában, elkezdi széthúzni az első oszlop felső celláját, ami grafikailag a felső sidebar lenne. Hiába adok meg neki max magasságot, rá se hederít az explorer, szépen húzza szét függőlegesen, minél több adat van a jobb oldalon, annál jobban. Firefox-ban ez nem áll fenn, ott megadok max magasságot, ahhoz beállítja, és kész.
Elég sok cucc van a tartalom-ban a jobb oldali cellában, de úgy találtam ennek nem igen van szerepe a hibában, mert ha kitörlöm a tartalmat, és simán elkezdek csak ilyet beletenni a jobb cellába, hogy: <span>a</span>, és ezt vagy 100x ismétlem, azaz csak betű lesz a cellában, akkor is elkezdi széthúzni a felső sidebart. Valahogy rá kéne venni az explorer-t, hogy hagyja fixen azt a felső sidebart, de nem akarja. És akkor még azt mondják, hogy szabványos
[ Szerkesztve ]
-
Chrystall
senior tag
válasz DeltaPower #5078 üzenetére
Hát épp ez a baj. De hogy lehetne ezt kivédeni? Akkor is ezt csinálja, ha beleteszek egy másik újtáblázatot ugyanilyen felosztással, és jobboldalra egy egyszerű szöveget beszúrok. Amint átmegy a sorszám egy bizonyos határon, már kezdi is széthúzni a bal felső cellát az explorer. Eleinte aszittem a jobb oldalon a tartalom miatt csinálja, de ezek szerint akkor nem.
[ Szerkesztve ]
-
Chrystall
senior tag
válasz DeltaPower #5081 üzenetére
De miér lehet ez ilyen komplikált az explorernél? Nem lehet, hogy minden jellemzőt be kellene benne állítani a cellákra vonatkozóan? Pl. szokott olyat is csinálni, hogy van 10 sor, 4 oszlop. És ha az egyik oszlopban csak 1 cellának van meghatározva pontosan a szélessége, akkor a fejlécben abban az oszlopban nem zárja középre a szöveget, csak hogyha a teljes oszlopra megadsz pontos szélességet. A Firefox az középre zárja. De ez is eltartott egy darabig, míg rájöttem, hogy ez a hiba, miert ki a fene gondolná. Nem tudom itt is nem-e valami ilyesmi van, hogy nincs megadva pontosan egy érték, és emiatt bénázik. Csak nem tudom, hogy mit lehetne még megadni. Balfelső cella magasságát megadom, az ok, de a többire nem tudok megadni, mert azok a tartalom függvényében kell, hogy növekedjenek. Próbáltam, hogy a padding-et is beállítom, az se jó. Bár nem tudom, hogy ha a jobboldali cellának is adok meg padding-et, akkor esetleg úgy működne-e. Teljesen következetlenül viselkedik.
[ Szerkesztve ]
-
Chrystall
senior tag
Sziasztok!
Az alábbi honlapom megjelenítésével lenne problémám Blackberry-n:
lokitoyacongo.weebly.comAz a gond, hogy Blackberry-n teljesen átméreteződnek a betűk, és elég kaotikus lesz így a tartalmi rész kinézete. Itt van egy kép is erről, szemléltetés gyanánt:
Itt van egy másik lap is, ahogy Blackberry-n kinéz: www.congoplanet.com
Mi a két lap között a különbség, ami miatt a Blackberry a másodikat nem rendezi át? Jó lenne az enyémet is így megcsinálni.
Androidos Samsung-on egyébként nem ilyen az én lapom sem, ott megörződnek az arányok. Blackberryben van valami, ami miatt felnagyítja a honlapom betűit, de mi?
-
Chrystall
senior tag
Sziasztok!
A weboldalam betűhibájával lenne gondom. Erről az oldalról van szó: http://lokitoyacongo.com Coustard betűtípus van a szövegre beállítva. Valamilyen oknál fogva Google Chrome-ban nagyon idétlenül jelenik meg néhány vastagon szedett betű. Alább van egy példa is. Ezt vajon mi okozhatja? Mikor megnéztem Chrome-ban a Coustard betűtípust letöltésre kínáló oldalakat, ott nem láttam hibát, mikor a félkövér betűket mutatták be, vagy mikor én próbáltam ki a preview-ban. De olyan honlapokon se, ahol a szöveg szintén Coustard-dal van megjelenítve. Arra gyanakszom valami hibalehet a kódsorban.
Egy másik fura dolog, hogy szintén Chrome-ban, olyan helyeken, ahol van a szövegben (pl. a főoldal alsó részében a "much to those who supported"), egyszerűen kihagyja a szóközt. Firefox-ban meg IE-ben nincs hiba, de Chrome-ban igen. Ennek mi lehet az oka?
-
Chrystall
senior tag
válasz cidalain #6537 üzenetére
Nem igazán nyugtat meg, de úgy tűnik elnéztem a dolgot, a Chrome-mal lehet valami gond, mert mikor letöltöm a TTF-et és csinálok egy új oldalt egy sor szöveggel, @font face-szel pedig ráirányítom a TTF-re úgy is elrontja. Azt hittem a Google betűtípus gyűjteményében lehet valami hiba, mert az oldalam arra van linkelve. De úgy tűnik nem. Nem jó hír...
-
Chrystall
senior tag
válasz cidalain #6539 üzenetére
Következetesen mindig, ugyanazokat a betűket, ugyanúgy. A nagy T-t rontja el pl. ha vastagon szedettre állítod. Meg az i-t, abból a kicsit is nagyot is, szintén ha vastagon szedett. A nagy I az kifejezetten ronda, tehát nem az az elnézhető kategória, olyan mint egy felkiáltójel. De mindegy, átállítottam más típusra a címeket, a google forumába pedig írtam egy üzenetet, ha akarnak majd kezdenek vele valamit.
-
Chrystall
senior tag
Sziasztok!
Van arra megoldás, hogy a viewport metatag-et a böngésző csak meghatározott képméret alatt vegye figyelembe?
-
Chrystall
senior tag
Azaz pontosítanék, a megváltoztatott metatag-et
-
Chrystall
senior tag
Sziasztok!
Egyenletesen szeretnék pozícionálni elemeket egy főelemen belül. Az alábbi kép mutatja hogyan:
Az a lényeg, hogy az elemek száma előre nem meghatározott lenne. Nincs meghatározva az sem egy sorban mennyi lehetne. Annyi lenne, amennyit a képernyőméret megenged, valamint lenne beállítva egy minimális margóméret, hogy ennyi hely biztos legyen köztük. A sorokban egyenlő távolságra lennének elosztva, az utolsó sorban pedig középre rendezve lennének, és ha több elem kerül oda, a fentebbi sorokban levő elemközöknek kellene az utolsó sorban levő elemek közt is lennie. Ez az utolsó pont az, amit nem sikerül sehogyse elérnem. Eddig jutottam:
#foelem {
display: flex;
flex-flow: row wrap;
justify-content: space-evenly;}
.elem {
display:inline-block;
margin-left:10px;
margin-right:10px;
width:310px;
height:600px;}
Itt tehát még az a gond, hogy ha az utolsó sorra 1-nél több elem esik, a hézag köztük nem ugyanakkora, mint a fentebbi sorokban az elemek közt. Valaki tudja hogy lehetne elérni, hogy ott is ugyanakkora legyen a hézag?
-
Chrystall
senior tag
Jajj, most nézem amúgy, hogy nem is jó ez az ábra, mert ebben sem ugyanannyi az utolsó sorban az elemek közt a hézag mint az első sorban. Tehát úgy kéne, hogy minden sorban egyenlő legyen az elemek közt a hézag, az pedig nefix, hanem amennyi a sorkizárással kijön az első sorban, annyi.
-
Chrystall
senior tag
Egyenlőre megvan addig, hogy legalább balra zárja az utolsó sort:
#foelem {
display: flex;
flex-wrap: wrap;
justify-content: space-between;}
#foelem:after {
content: '';
flex: auto;
}.hidden {
visibility: hidden;
margin:0 20px 30px 20px;
height: 0;
}.doboz {
display:inline-block;
margin:0 20px 30px 20px;}
És akkor:
<div id="foelem">
<div class="doboz"></div>
<div class="doboz"></div>
<div class="doboz"></div>
<div class="doboz"></div>
<div class="doboz"></div>
<div class="doboz"></div>
<div class="hidden"></div>
<div class="hidden"></div>
<div class="hidden"></div>
<div class="hidden"></div>
</div>A rejtett elemek kitöltik a szabadon maradó helyet. Azt kellene, hogy a script az utolsó sorban megnézze mennyi a hézag az utolsó doboz és a főelem széle közt, és annak felével betolja jobbra az utolsó sort. Ebben tudnádok segíteni, hogy hogy lenne az a script, mert ahhoz semmit nem értek?
-
Chrystall
senior tag
Sziasztok!
Az alábbi címen elérhető sablont szeretném felhasználni, csak az a gond van benne egy hiba:
https://testmediaquery.weebly.com/Itt látható, hogy a főkép jobbra foglal helyet a szövegtől, de ha összenyomom vízszintesen az ablakot (utánozom a mobileszköz felbontást), akkor 1024 pixel képernyőszélesség alatt a kép felugrik a szöveg fölé.
A gond az, hogy nagyfelbontású képernyők esetén, ha a böngésző ablakát ugyanígy összenyomom vízszintesen, a kép nem ugrik fel a szöveg fölé. Pl. ha megnézitek, bármilyen laptop monitoron -50% zoommal a böngészőablakot ha elkezdi az ember vízszintesen összenyomni, látható a hiba. Úgy lenne jó, ha ilyenkor is felugrana a szöveg fölé.
Próbáltam ezt úgy elérni, hogy a CSS-ben van egy @media query 1024px képszélesség alatti esetekre, ide toldottam hozzá egy képarány kitátelt:
@media (max-width:1024px), (max-aspect-ratio:3/4) ....
Elvileg ez a rész felelne azért, hogy a kép a szöveg fölé ugorjon ha úgy van.
De erre rá se hederít a böngésző. Egyáltalán nem veszi figyelembe az aspect ratio-s részt. A Vizsgálat panelen Chrome-ban látszik, hogy nem foglalkozik az aspect-ratio kitétellel.
Tudnátok erre javasolni valamilyen megoldást?
Új hozzászólás Aktív témák
- AKCIÓ Új Dobozos Macbook Pro dokkoló új ára 70.000 forint
- ThinkPad Hybrid USB -C USB -A Dock 40AF Új ára 80.000 Forint Ingyen szállítás
- Xiaomi Redmi Note 9s 128/6 GB 34.9E !!!
- Új Hp Pavilion 15-eh Fémházas Szuper Laptop 15,6" -30% AMD Ryzen 7 5700U 8Mag 16/1TB FHD MATT
- ATI RADEON RX 480 -8 gb DDR5 256 bit videokártya