- Alacsony profilú, madzagmentes klaviatúrák jöttek a Razer színeiben
- ASUS ROG csúcslap érkezett, ezúttal a "lopakodó" fajtából
- Átvette a DRAM-piac trónját az SK Hynix a Samsungtól
- Pénztárcabarát, ugyanakkor trendi mikrotorony jött a Jonsbótól
- A Linux támogatását vágja meg leginkább az Intel leépítése
- iPad topik
- DDR4 vs DDR5 vs DDR6 – melyik kell neked?
- AMD Ryzen 9 / 7 / 5 9***(X) "Zen 5" (AM5)
- TCL LCD és LED TV-k
- Fejhallgató erősítő és DAC topik
- Milyen TV-t vegyek?
- Egérpad topik
- Milyen asztali (teljes vagy fél-) gépet vegyek?
- NVIDIA GeForce RTX 5070 / 5070 Ti (GB205 / 203)
- A Linux támogatását vágja meg leginkább az Intel leépítése
Új hozzászólás Aktív témák
-
#2383
Csepe
aktív tag
hiperFizikus
#2382
Csepe
aktív tag
válasz
hiperFizikus
#2382
üzenetére
A color tulajdonság értékét nem kell idézôjelek közé tenni. Használj valamilyen kódszerkesztôt (pl. Vs code), ott azonnal aláhúzza, ha nem jól adtál meg valamit, és ki is írja, hogy miért nem jó.
-
Csepe
aktív tag
válasz
K1nG HuNp
#2371
üzenetére
A transition tulajdonság pont nem öröklődik, csak egyesek. De szebb megcsinálni ezt egy class változtatásával, és a CSS tulajdonságokat a CSS fájlban kezelni, mint inline változtatni a dom elemek stílusát:
// CSS
body.valami .line,
body.valami .button{
transition: 0.5s ease;
}
// JS
// Miután valami történt
document.body.classList.add('valami'); -
Csepe
aktív tag
válasz
petyus_
#2335
üzenetére
Nem a legszebb megoldás, de jobban támogatott, mint ugyanez flexbox-szal.
.matchesDiv > div{
float: left;
width: 10%;
text-align: left;
}
.matchesDiv .teamsInMatch{
width: 35%;
}
.matchesDiv .oddsRight,
.matchesDiv .teamsInMatch:nth-of-type(1){
text-align: right;
}
.matchesDiv .result{
text-align: center;
} -
Csepe
aktív tag
válasz
Mr Dini
#2325
üzenetére
A táblázatok nem szeretik nagyon a mobil eszközöket.
Vannak rá szépítgető javascriptek, vagy lehet CSS-ben is reszponzív táblázatot csinálni nagyjából (lásd 500px szélesség alatt + bónusz fekete átlátszó háttérrel).
Tesla93: Image zoom plugin-ra keresve is van választék bőven.
-
Csepe
aktív tag
Az egyszerű, nem túl szép megoldás, hogy megadod, hogy egy új ablakban nyíljon meg kattintásra a nagy méretű kép.
pl:
<p>
<a href="nagy_méretű_kép_elérése" target="_blank">
<img src="kis_méretű_thumbnail_kép_elérése" alt="Első kép">
Első kép
</a>
</p>A szép megoldás pedig egy galéria plugin beépítése lenne a sok közül.
-
#2306
Csepe
aktív tag
BTminishop
#2305
Csepe
aktív tag
válasz
BTminishop
#2305
üzenetére
Ennyiből nem lehet megmondani, hogy mi lehet a probléma, a width: 100%;-nak érvényesülnie kellene a display: none; ellenére is.
-
Csepe
aktív tag
válasz
Mr Dini
#2264
üzenetére
Szia!
1. Tetszik a háttér animációja.
2. Ennyi kb. meg is teszi:
#indexlist {margin: 0 auto;}
body {text-align: center; padding: 5% 0 0 0;}3. Ha ennyi az egész oldal, akkor szinte kész is a reszponzivítás. A HTML-be való belenyúlás nélkül nem is nagyon lehet többet tenni (bár az hogy egy meta tag-ben van a body tartalma, az nagyon szúrja a szemem
![;]](//cdn.rios.hu/dl/s/v1.gif)
). -
Csepe
aktív tag
Szia!
A gombra megadott relatív pozíció azért kell, hogy az ő child elemének számító after, before elemeket hozzá képest tudjuk igazítani. Az abszolút pozíciójú nyilakat így tudjuk bárhova igazítani a szülő eleméhez képest.
Pl. itt a nyilat a szülő eleméhez (tehát a gombhoz képest) a bal oldalra (100%-nyit eltolva) és a közepére igazítjuk:right: 100%;
top: 50%;
margin-top: -10px;Itt olvashatsz róla többet is.
Az inline-block formázás a gombok egymáshoz képest megadott pozíciójához (pl. vertical-align: bottom) szükségesek itt valószínűleg.
-
Csepe
aktív tag
válasz
tamas1985
#2223
üzenetére
Én ezeket az értékeket szoktam használni, de nem tudom mennyire mérvadó.
/*Mobil nézet*/
@media screen and (max-width: 1024px){}/*Mobil álló nézet*/
@media screen and (max-width: 480px) and (orientation:portrait){}/*Mobil fekvő nézet*/
@media screen and (min-width: 481px) and (max-width: 800px) and (orientation:landscape){}/*Tablet álló nézet*/
@media screen and (min-width: 481px) and (max-width: 800px) and (orientation:portrait){}/*Tablet fekvő nézet*/
@media screen and (min-width: 801px) and (max-width: 1024px) and (orientation:landscape){}/*Desktop nézet*/
@media screen and (min-width: 1025px){}
![;]](http://cdn.rios.hu/dl/s/v1.gif)
).
Új hozzászólás Aktív témák
Hirdetés
- Hardcore pizza és kenyér topik
- iPad topik
- Kerékpárosok, bringások ide!
- DDR4 vs DDR5 vs DDR6 – melyik kell neked?
- Samsung Galaxy Watch (Tizen és Wear OS) ingyenes számlapok, kupon kódok
- AMD Ryzen 9 / 7 / 5 9***(X) "Zen 5" (AM5)
- D1Rect: Nagy "hülyétkapokazapróktól" topik
- Milyen légkondit a lakásba?
- Trollok komolyan
- TCL LCD és LED TV-k
- További aktív témák...
- Új Dell 13 Inspiron 5310 FHD+ IPS i5-11300H 4.4Ghz 8GB 256GB Intel Iris XE Graphics Win11 Garancia
- Dell 16 Inspiron 5625 FHD+ IPS Ryzen5 5625U 4.3Ghz 16GB 512GB SSD Radeon RX Vega7 Win11 Garancia
- Új Dell 14 Inspiron 5415 FHD IPS Ryzen5 5500U 4.0Ghz 8GB 256GB SSD Radeon RX Vega7 Win11 Garancia
- Dell 14 Latitude 5440 FHD IPS i5-1245U vPro 4.4Ghz 10mag 16GB 256GB Intel Iris XE Win11 Pro Garancia
- HP 14 Elitebook 640 G9 FHD IPS i5-1235U 4.4Ghz 10mag 16GB 256GB Intel Iris XE Win11 Pro Garancia
- Bomba ár! HP EliteBook 830 G5 - i5-8G I 8GB I 256GB SSD I 13,3" FHD I HDMI I Cam I W11 I Gari!
- REFURBISHED és ÚJ - Lenovo ThinkPad 40AS USB-C docking station (akár 3x4K felbontás)
- AKCIÓ! ASRock Z370 i5 8500 16GB DDR4 512GB SSD 2060 Super 8GB Zalman Z9 Plus Enermax 750W
- HP ZBook Studio G8 WorkStation i7-11850H 32GB 1000GB Nvidia Quadro T1200 15.6" FHD IPS 1 év garancia
- Crucial P3 Plus SSD 500GB és Crucial P5 plus 500GB
Állásajánlatok
Cég: FOTC
Város: Budapest