- Luck Dragon: Asszociációs játék. :)
- A nagy BOR topic
- ricsi99: 6. Genes alaplap tündöklése.. kontra MS/Zintel korlátozásai.(Mehetnek a levesbe)
- sziku69: Fűzzük össze a szavakat :)
- Gurulunk, WAZE?!
- sziku69: Szólánc.
- sellerbuyer: Milyen laptopot vegyek? Segítek: semmilyet!
- MaxxDamage: Vizes Laptop Hűtés? Lehetséges? Igen!
- Argos: Az vagy, amit megeszel
- ubyegon2: Airfryer XL XXL forrólevegős sütő gyakorlati tanácsok, ötletek, receptek
Új hozzászólás Aktív témák
-
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
Igen, a select elemeinek kinézetét nem lehet módosítani, de vannak kerülôutak, pl: Custom select
-
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
radi8tor #2348 üzenetére
Szia!
Vagy egy gradient editor-ral adod meg a színátmenetet, vagy mivel nem jelentős a átmenet, így lecserélheted az összes background tulajdonságot az egy kiválasztott színre.
-
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.
-
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
).
-
Csepe
aktív tag
válasz
Shilnoue #2253 üzenetére
Ezt már szépen megfogalmazták korábban is.
-
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){}
Új hozzászólás Aktív témák
- MacBook Pro 14 M2 Pro (16/512GB) - Alig Használt, 48 Ciklus!
- Vanquish Gamer Számítógép ház
- Eladó Ablakos Számítógép ház
- DELL Optiplex 3050 Mini PC, I5-7500T CPU, 8GB DDR4, 256GB NVMe SSD, Wifi, Bluetooth, Win 11, 2 év g,
- Lenovo Thinkcentre M710s SFF PC, I5-7500 CPU, 16GB DDR4, 256GB NVMe SSD, Win 11, Számla, 2 év garan
- ÁRGARANCIA!Épített KomPhone i5 14600KF 32/64GB DDR5 RAM RTX 5070Ti 16GB GAMER PC termékbeszámítással
- GYÖNYÖRŰ iPhone 13 Pro 128GB Graphite -1 ÉV GARANCIA - Kártyafüggetlen, MS2980
- ÁRGARANCIA!Épített KomPhone Ryzen 5 7600X 32/64GB RAM RTX 5060 Ti 16GB GAMER PC termékbeszámítással
- GYÖNYÖRŰ iPhone 11 64GB Purple -1 ÉV GARANCIA - Kártyafüggetlen, MS3167, 100% Akkumulátor
- LG 27UL550-W - 27" IPS / 3840x2160 4K / 60Hz 5ms / HDR10 / AMD FreeSync
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: CAMERA-PRO Hungary Kft.
Város: Budapest