- Azonnali mobilos kérdések órája
- Nothing Phone (3a) és (3a) Pro - az ügyes meg sasszemű
- A Samsung gyártja az első 2 nm-es Qualcomm lapkát?
- Garmin Forerunner 970 - fogd a pénzt, és fuss!
- Apple Watch Ultra - első nekifutás
- Egyszerre legnagyobb és legkisebb is a Garmin Venu X1
- Xiaomi 14T - nem baj, hogy nem Pro
- iPhone topik
- Macrodroid
- Bemutatkozott a Poco X7 és X7 Pro
Új hozzászólás Aktív témák
-
Csepe
aktív tag
Szia!
Egy gyors megoldás: az adott oldalon nyomd meg az F12 gombot, és a konzolba másold be a következő kódot, majd nyomj entert.
document.onselectstart=new Function ("return true")
document.onmousedown=new Function ("return true")
document.onmouseup=new Function ("return true") -
#7129
Csepe
aktív tag
LilProphet90
#7128
Csepe
aktív tag
válasz
LilProphet90
#7128
üzenetére
Szia!
A legjobb ezt flexbox-szal megoldani. Pl: [link]
De ha nem használsz flexbox-ot (display: flex a .container elemen), akkor ha .left és .right elemre használod a float: left tulajdonságot, akkor is ugyanígy fog kinézni. -
Csepe
aktív tag
válasz
gyulank
#7117
üzenetére
Ha jól értem csak annyit akarsz, hogy ne kelljen a HTML fájlban egyesével megadni a képeket, akkor az egy kis PHP segítségével könnyen megy, pl. az alábbi kód szerint a $directory változónak megadod a mappa elérési útját és akkor az összes képet megjeleníti a mappából.
Ezt lehet még finomítani és fejleszteni, a további igényeknek megfelelően (pl. Lightbox, videó thumbnailek, stb)<div id="gallery">
<?php
$directory = "/images/";
$files = array_diff(scandir($directory), array('..', '.'));
foreach ($files as $file) {
echo "<img class='gallery-item' src='{$directory}{$file}'>";
}
?>
</div> -
Csepe
aktív tag
válasz
gyulank
#7115
üzenetére
Ha csak annyi kell, hogy egy adott mappából megjelenítse a fájlokat, akkor azt lehet egyszerűbb kézzel megcsinálni pár sor PHP kóddal, ha már valamilyen funkciók is kellenek, akkor lehet már használni egy kész megoldást.
Nem tudom, hogy használsz e az oldalhoz valamilyen CMS, pl. Wordpress-hez is vannak file manager, image manager widgetek, vagy te is implementálhatsz az oldalba egy kész library-t, lásd JQ+Ajax+PHP pluginek. -
Csepe
aktív tag
Azt nem tudom, hogy közvetlenül össze e lehet kötni a böngészőket, de a régimódi megoldás biztos működik.
A szerveroldalon php-val lehet menteni a beállításokat adatbázisba, vagy json fájlba, a kliensoldalon meg megadni, hogy ha bármilyen beállítás módosult, akkor az ajax script frissítse automatikusan a klienst az új adatokkal. -
Csepe
aktív tag
Működik rendesen ez, a képpel volt akkor a baj.
mArZsi: az egész menüt középre helyezni?
Ezt a kettő elemet kell módosítani (az elemre display: inline-block, float: none, a szülőelemre text-align: center kerül, ennyi a trükk).body {
background-color: #000;
text-align: center;
}
body ul.menu {
display: inline-block;
float: none;
text-align: left;
} -
Csepe
aktív tag
-
Csepe
aktív tag
válasz
Zola007
#6953
üzenetére
Ez jó kérdés, bár eléggé szubjektív, hogy ki melyiket szereti.
Folyó szövegnek szvsz mindenképpen valami Sans-Serif típus a legjobb 14-16-os körüli betűmérettel, közepes sormagassággal, a letisztultabb klasszikusok közül pl.: Arial, Verdana, Open Sans, Calibri de van sok 'modernebb' is, pl.: Futura, Gotham, Avenir, ARS Maquette.Szerk: Na mondom én, hogy ez eléggé szubjektív.
-
Csepe
aktív tag
válasz
Carasc0
#6906
üzenetére
Szia!
Mivel én is unatkoztam itt a munkában, ezért összedobtam neked egy full reszponzív HTML változatot helyes képelérésekkel.
Most csak 1 kártya van berakva, ha berakod a többi kártya képét is, akkor már jól nézne ki és működnie is kellene rendesen. -
Csepe
aktív tag
válasz
alpihun
#6840
üzenetére
A margin és a padding értéke sem számít bele a szélességbe és a magasságba, vagyis azokat ki kell vonni a width értékéből. A box-sizing: border-box tulajdonsággal megadható, hogy a paddingot beleszámolja a szélességbe, viszont a margin értékét mindenképp ki kell vonni (egyszerűbb így %-ban megadni, és azzal számolni).
Így jó lesz:
#leftDiv,
#rightDiv {
width: 18%;
margin: 1%;
float: left;
padding: 10px;
box-sizing: border-box;
}
#rightDiv {
width: 78%;
} -
Csepe
aktív tag
válasz
PoniLoW
#6803
üzenetére
Szia!
Az első kérdésre még mindig: ha a contentre megadod a text-align: center; tulajdonságot és a left, right, center div-re a display: inline-block; float: none; tulajdonságot, akkor középre fognak igazodni.
A második kérdésre: ha pontosan tudod mennyi lesz a header és a footer magassága, akkor egyszerűen megadhatod a fő tartalom magasságát:
pl: #main-content { min-height: calc(100vh - 500px); }
Ha változik a magasságuk, akkor a legegyszerűbb jQuery-vel megadni majdnem ugyanez a logika alapján a magasságát. -
Csepe
aktív tag
válasz
PoniLoW
#6788
üzenetére
Ha megadod ezeket, akkor biztos középre igazodik, a lényeg, hogy az igazítandó elemek inline-block-ok legyenek, és a szülőelemen text-align center legyen megadva.
nav{
width: 100%;
max-width: 1350px;
}
nav ul{
text-align: center;
}
nav ul li{
display: inline-block;
float: none;
vertical-align: top;
} -
Csepe
aktív tag
válasz
PoniLoW
#6781
üzenetére
Ha pl. ide bedobod a html-t és a css-t, hogy mi is lássuk, akkor még talán tudunk is segíteni.
![;]](//cdn.rios.hu/dl/s/v1.gif)
A reszponzív oldalszerkezethez nem kellenek feltétlen scriptek, css-ből is megadhatod pl.
1350px felett:
@media screen and (min-width: 1350px){
#content{
width: 90%;
padding: 0 5%;
max-width: 1200px;
}
}1350px alatt:
@media screen and (max-width: 1350px){
#content{
width: x%;
padding: x%;
}
} -
Csepe
aktív tag
A törvényt én sem tudom mikor kell pontosan alkalmazni, itt egy rövid áttekintés róla.
Felugró cookie policy üzenet beillesztéséhez pedig a Cookie Consent generátora jó választás.
![;]](http://cdn.rios.hu/dl/s/v1.gif)
Új hozzászólás Aktív témák
Hirdetés
- Hegesztés topic
- Házi barkács, gányolás, tákolás, megdöbbentő gépek!
- Filmvilág
- Azonnali mobilos kérdések órája
- Anime filmek és sorozatok
- Milyen asztali (teljes vagy fél-) gépet vegyek?
- Milyen légkondit a lakásba?
- Debian GNU/Linux
- Norvégia átmenetileg betiltja az áramigényes kriptobányászatot
- Óvodások homokozója
- További aktív témák...
- Dell Latitude 7410 Strapabíró Ütésálló Profi Ultrabook Laptop 14" -80% i7-10610U 16/512 FHD IPS MATT
- Új MSI KATANA 15 Gamer Tervező Laptop 15,6" -35% i7-13620H 10Mag 16/1TB RTX 4060 8GB FHD 144Hz
- HP Omen - 27" IPS - UHD 4K - 144Hz 1ms - NVIDIA G-Sync - FreeSync - HDR 400 - USB-C - KVM Switch
- Garanciális MSI Katana GAMER 15,6"240Hz!i5 12500H(16X4,5Ghz)RTX 3060 6 GB VGA,32-64GB RAM/1TB SSD
- Bivaly MAGYAR Lenovo P1 gen2 (Core I7 32 Gb 1Tb 15" 4K 4Gb Nvidia) Laptopom eladó!!!
- BESZÁMÍTÁS! Intel Core i9 9900K 8 mag 16 szál processzor garanciával hibátlan működéssel
- BESZÁMÍTÁS! MSI B450M R5 5500 32GB DDR4 512GB SSD RTX 3060 12GB Rampage SHIVA Chieftec 600W
- Bomba ár! Dell Latitude 5495 - Ryzen 5 I 16GB I 256SSD I 14" FHD I HDMI I Radeon I Cam I W10 I Gari!
- Dymo LabelWriter 400 - Hőpapíros címkenyomtató
- Alkatrészt cserélnél vagy bővítenél? Nálunk van, ami kell! Enterprise alkatrészek ITT
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: PC Trade Systems Kft.
Város: Szeged