Aknakereső tábla méretezés

Aknakereső tábla méretezés
2018-04-01T10:52:12+02:00
2018-04-07T15:10:19+02:00
2022-10-15T21:30:18+02:00
WinDev
Sziasztok!
Aknakereső, adat tárolása, frissítés újratöltés nélkül probléma

A kérdésem az volna hogy:

echo "<table border='10' background='http://kephost.com/images/2018/03/30/teszt40ce5f8671aed0c8.png'>"; for($tr=1;$tr<=5;$tr++){ echo "<tr height='115px'>"; for($td=1;$td<=5;$td++){ echo "<td align='center' width='115px'>".$tr*$td."</td>"; } echo "</tr>"; } echo "</table>";
Milyen lehetőségeim vannak a pixeles méretezésen kívül, hogy a háttér és a szöveg minden felbontásnál ugyan ott legyen, tehát amikor kizoomolok a böngészőn, vagy átállítom a monitorom felbontását ne változzon meg a táblázatom kinézete.

Előre is köszönöm a választ.
Mutasd a teljes hozzászólást!
Valamit félreértesz vagy rosszúl csinálsz...
Íme egy link de nem kép...

echo '<table style="width:600px;margin:0 auto;background-color:black; color:red;font-size:48px; border-collapse:collapse;border-spacing:0; border:1px solid red; text-align:center;">';
Mutasd a teljes hozzászólást!

  • Hali!

    Milyen lehetőségeim vannak a pixeles méretezésen kívül, hogy a háttér és a szöveg minden felbontásnál ugyan ott legyen…

    Hacsak nem valamilyen speciális CSS-szabályt használsz, a háttér és a szöveg minden felbontásnál ugyanott van. Használj olyan képformátumot (ha már mindenképpen egy képpel szeretnéd megoldani a táblát/táblahátteret), ami esetén méretezésekor nincs minőségveszteség. Érdemes még a background-size CSS-tulajdonságnak utánanézned.

    … tehát amikor kizoomolok a böngészőn, vagy átállítom a monitorom felbontását ne változzon meg a táblázatom kinézete.

    Lehet, hogy a korai (?) időpont az oka, de nem igazán értem ezt. Ha zoom-olsz a böngészőben, átállítod a monitorod felbontását, mi az amit nem szeretnél, hogy változzon?

    Mutasd a teljes hozzászólást!
  • Ha kizoomolok a böngészőben akkor elcsúszik a képen levő felirat.
    http://kephost.com/images/2018/04/01/zoom.png
    Mutasd a teljes hozzászólást!
  • Milyen képem, milyen felirat?
    Nem lehet, hogy az egyik akna robbant fel a kezedben?
    Nem kellene inkább keresni megoldásokat a tanulás céljából?
    Mutasd a teljes hozzászólást!
  • Nézd meg a példakódot és az utána mellékelt képet :D
    Illetve nekem ha megnézted nem egy sima js aknakeresőre van szükségem, hanem egy PHP által menedzseltre. :)
    Mutasd a teljes hozzászólást!
  • Azt nem tudom miért jó neked a "PHP-menedzselt" aknakereső, azt Te tudod (nem akarom a JS-es megoldást erőltetni)...
    Te viszont próbáld ki, nézd meg az én kódom...
    Megj: És nyugodtan zummolj (Ctrl+ ésCtrl- és Ctrl0), de ne ki a böngészőből...

    <?php echo '<table style="width:600px;margin:0 auto;background-color:black;color:red;font-size:48px; border-collapse:collapse;border-spacing:0; border:1px solid red;">'; $szam = 1; for($tr=0;$tr<5;$tr++){ echo "<tr>"; for($td=0;$td<5;$td++){ if( $td%2 == 0 ) echo '<td style="width:120px;height:117.6px;border:1px solid red; background-image: url(http://family-team.emszinet.hu/proghutest//akepek/kacsint.gif); background-position:center center;background-repeat:no-repeat;background-size: 50% 50%;">'. $szam.'</td>'; else echo '<td style="width:120px;height:117.6px;border:1px solid red; background-image: url(http://family-team.emszinet.hu/proghutest//akepek/hihi.gif); background-position:center center;background-repeat:no-repeat;background-size: 50% 50%;">'. $szam.'</td>'; $szam ++; } echo "</tr>"; } echo "</table>"; ?>
    Mutasd a teljes hozzászólást!
  • http://kephost.com/images/2018/04/01/bemasol.png

    A kódodat egy az egyben bemásolva ez történik, nálam már egyből nem a képen van rajta a szám ahogy a te képeden.

    Illetve ha kizoomolok eteljesen akkor kerül jó helyre de akkor már annyira kicsi minden hogy olvansi is alig lehet.
    Mutasd a teljes hozzászólást!
  • Hali!

    Mi lenne, ha feltennéd az eddigi próbálkozásodat egy publikusan elérhető helyre?

    Mutasd a teljes hozzászólást!
  • De hát ha üres a PHP fájlom és csak ez van benne és úgy is eltolódik akkor mi mást másoljak ide? :D 


    Mármint fogom, kigörgetek a chromeban és eltolódik jobbra balra a szöveg. mintha a szélesség nem tetszene neki pixelben.
    Mutasd a teljes hozzászólást!
  • Valamit félreértesz vagy rosszúl csinálsz...
    Íme egy link de nem kép...

    echo '<table style="width:600px;margin:0 auto;background-color:black; color:red;font-size:48px; border-collapse:collapse;border-spacing:0; border:1px solid red; text-align:center;">';
    Mutasd a teljes hozzászólást!
  • Hali!

    De hát ha üres a PHP fájlom és csak ez van benne és úgy is eltolódik akkor mi mást másoljak ide? :D

    Azon kívül, hogy ennek a problémának semmi köze a PHP-hez (sokkal inkább HTML/CSS lehet a gond, ha van egyáltalán), már a nyitó hozzászólásod alapján sem lehet üres a PHP fájlod.

    Ide csak egy linket rakjál be, ahol el lehet érni a próbálkozásodat és meg lehet nézni, hogy mi lehet a gond. Mert alapvetően semmilyen zoom-nak, képernyő-felbontásnak állításának nem szabadna befolyásolni a megjelenítést (már azt a részét, amit te problémásnak állítasz be).

    Mutasd a teljes hozzászólást!
  • Milyen lehetőségeim vannak a pixeles méretezésen kívül, hogy a háttér és a szöveg minden felbontásnál ugyan ott legyen, tehát amikor kizoomolok a böngészőn, vagy átállítom a monitorom felbontását ne változzon meg a táblázatom kinézete.

    Szia!

    Ha nem ismered még, akkor olvass utána a vw és a vh mértékegységnek css-ben. (magyar nyelvű leírást is találsz). Akkor mindegy milyen felbontásban nézed, a grafika és a pozíciók a helyükön maradnak. Hogy "ne pixelesedjen" egy kép nagyobb felbontáson, vagy zoomoláskor, tervezz nagyobb felbontású képet amit inkább kicsinyítesz kisebb felbontású monitoron. A képeknek, a háttérnek, a grafikai elemeknek pedig adhatsz ilyen méreteket például, hogy: width: 10vw;

    Ha az egész css-ben így adod meg a méreteket és pozíciókat akkor szerintem jó lesz (nekem így sikerült).
    Mutasd a teljes hozzászólást!
  • Ez a megoldás egy "üres PHP-fájl" esetében (2018.04.01. 15:25) biztosan hatásos lesz.
    Mutasd a teljes hozzászólást!
  • Miután center lett megadva értéknek már nem csúszik el semmi benne, nem gondoltam volna hogy ez volna a probléma hogy a tartalom nincs fixálva.
    Mutasd a teljes hozzászólást!
  • Hali!

    Tehát, mégsem az volt a gond, hogy ha „kizoomolsz” a böngészőn vagy átállítod a monitorod felbontását, akkor változik a táblázatod kinézete. Merthogy ekkor – mai, modern böngészőkön – nem szabadna változnia. Persze, mindenre előbb rájöhettünk volna, ha feltetted volna a próbálkozásodat egy publikusan elérhető helyre. 

    Mutasd a teljes hozzászólást!
  • Igen ebben igazad van, a jövőben így fogok tenni.
    Mutasd a teljes hozzászólást!
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd