- MIUI / HyperOS topik
- Mobil flották
- Magisk
- Redmi Note 11 Pro 5G - a bajnokesélyes nem készült fel
- Samsung Galaxy S21 FE 5G - utóirat
- Eleglide C1 - a középérték
- Samsung Galaxy A72 - kicsit király
- Ennyibe kerülnek a Huawei Pura modellek Európában
- Motorola Edge 40 - jó bőr
- Nothing Phone 2a - semmi nem drága
Hirdetés
-
AMD Radeon undervolt/overclock
lo Minden egy hideg, téli estén kezdődött, mikor rájöttem, hogy már kicsit kevés az RTX2060...
-
Mindent megtudtunk az új Nokia 3210-ről
ma Részletes képek, specifikációk és euróban megadott ár is van a legendás modell újraélesztett verziójához.
-
Letartóztatták a bitcoin-Jézust
it Amerikai adókerülés vádjával, Spanyolországban tartóztatták le a bitcoin-Jézusként ismert Roger Vert.
Új hozzászólás Aktív témák
-
pckownz
senior tag
Na megjottem megint.
Kovetkezo temakorom a betutipusok.
body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
Ez az en olvasatomban 4 betutipus jelent.
Na de kicsit bovebben? -
-
pckownz
senior tag
Bootstrap tesz nekem ::before es ::after elementeket egy olyan helyre, ahova nem szeretnem.
Milyen modja van ennek a felulirasanak?
Vagy inkabb keruljem itt a bootstrapot?
Konkretan pagination-t hasznalok egy lista utolso elemekent, de nagyon szethuzza ezekkel a pszeudo elementekkel. -
pckownz
senior tag
válasz fordfairlane #2206 üzenetére
-
pckownz
senior tag
válasz DNReNTi #2208 üzenetére
JS dobja ra, csak kerdes, hogy melyik es miert. Feltetelezhetoen nem a BS, mivel dokumentacio szerint hoztam letre az elementeket.
Korabban volt mar ilyen problema, arra talaltam egy ilyet:
if (Prototype.BrowserFeatures.ElementExtensions) {
var pluginsToDisable = ['collapse', 'dropdown', 'modal', 'tooltip', 'popover'];
var disablePrototypeJS = function (method, pluginsToDisable) {
var handler = function (event) {
event.target[method] = undefined;
setTimeout(function () {
delete event.target[method];
}, 0);
};
pluginsToDisable.each(function (plugin) {
jQuery(window).on(method + '.bs.' + plugin, handler);
});
}; -
Jim-Y
veterán
Sziasztok,
Tudnátok ajánlani valami jó átfogó CSS könyvet Nem feltétlenül kezdőknek? Angol nyelvű kéne, minőségi, tehát kérlek a tanuljunk meg css-esul 24ora alatt tipusuakkal kimeljetek :-P köszi
-
DNReNTi
őstag
Esetleg itt érdemes szétnézned: CSS Tricks - Bookshelf. Ha már ők ajánlják olyan rosszak nem lehetnek.
but without you, my life is incomplete, my days are absolutely gray
-
theo_76
aktív tag
sziasztok!
van két divem, ami egymásba van ágyazva:
<div id='window'>
<div id='border'>
...
</div>
</div>css:
#winow {
width: 1200px;
min-height: 300px;
margin: auto;
margin-top: 50px;
margin-bottom: 50px;
padding-bottom: 2px;
border-radius: 5px;
border: solid 1px gray;
padding:5px;
background: linear-gradient(to top, #C4C4C4 0%,#FFFFFF 100%);
box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
z-index: 1;
}
#border {
width:-webkit-calc(100% - 22px);
width:-moz-calc(100% - 22px);
width:-o-calc(100% - 22px);
width:calc(100% - 22px);
margin:5px 5px 2px 5px;
min-height:-webkit-calc(100% - 35px);
min-height:-moz-calc(100% - 35px);
min-height:-o-calc(100% - 35px);
min-height:calc(100% - 35px);
border:solid 1px gray;
border-radius:3px;
padding:5px;
box-shadow:1px 1px 0 0 rgba(255,255,255,0.8);
}A gond az, hogy a "border" height, nulla értéket kap, nem veszi fel a "window" div magasságát. Viszont ha sorok kerülnek a border divbe, és az meghaladja a minimum magasságot, akkor a window igazodik.
-
tamas1985
aktív tag
Sziasztok!
A következőben kérnék segítséget.
Adot egy oldal, nnek szeretném most elkészíteni egy mobilbarát változatát.
Próbáltam átírni a css-t, de szétesik az oldal. Hogyan kéne megírnom ezt a részt? Előre is kösziA:link{
text-decoration: none; color: white;
}
A:visited{text-decoration: none;
}
A:active{text-decoration: none;
}
A:hover{text-decoration: none; color: yellow;
}
body{
margin:0;
padding:0;
line-height: 1.5em;
}
em{
font-size:x-large;
}
red{
color: #FF0000;
}
#maincontainer{
width: 1024px;
margin: 0 auto;
background: #000000;
}
#header{
height: 80px;
background-image:url('fejlec_hatter.jpg');
}
#header h1{
margin: 0;
padding-top: 10px;
padding-left:128px;
color: #FFFFFF;
font-family:'Arial';
font-weight:lighter;
text-shadow: 3px 3px 1px #000000;
}
#header h2{
margin: 0;
padding-top: 10px;
padding-left:128px;
color: #FFFFFF;
font-family: 'Arial';
font-weight:lighter;
}
#header h3{
margin: -52px;
padding-left:800px;
color: #FFFFFF;
font-family: 'Arial';
font-weight:lighter;
}
#header h4{
padding-left:750px;
padding-top:37px;
color: #FFFFFF;
font-family: 'Arial';
font-weight:lighter;
}
#contentwrapper{
float: left;
width: 100%;
}
#leftcolumn{
float: left;
width: 512px;
color: #FFFFFF;
}
#contentcolumn{
margin-left: 512px;
color: #FFFFFF;
font-size:14px;
}
#vlinetwo{
height: 40px;
}
#vlineone{
height: 20px;
}
#footer{
height: 80px;
clear: left;
background-image:url('lablec_hatter.jpg');
}
#footer h5{
margin: 0px;
color: #000000;
font-family: 'Arial';
font-size:14px;
padding-top: 40px;
padding-left: 15px;
font-weight:lighter;
font-variant:small-caps;
}
td{
/*<!-- color:#F0F;-->*/
font-family: 'Arial';
font-size: 14px;
white-space:pre-line;
padding-left: 32px;
/* text-align:justify;*/
}
/* tr{font-family: 'Arial';
font-size: 20px;
white-space:pre-line;
padding-left: 32px;
text-align:justify;*/
}
p{
/* color:#F0F;*/
font-family: 'Arial';
font-size: 14px;
width:450px;
text-align:justify;
} -
PumpkinSeed
addikt
válasz tamas1985 #2216 üzenetére
Ezt így senki nem fogja megmondani neked, kérlek tegyél fel erről egy példát ide és majd az alapján tudunk segíteni. Ezt viszont nem nagyon értem: padding-left:800px; elég indokolatlannak tartom ilyen szintű behúzást alkalmazni.
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
tamas1985
aktív tag
válasz PumpkinSeed #2217 üzenetére
csak a css részét rakjam fel?
-
DNReNTi
őstag
válasz tamas1985 #2216 üzenetére
Ez például kapásból fail:
/* tr{font-family: 'Arial';
font-size: 20px;
white-space:pre-line;
padding-left: 32px;
text-align:justify;*/
}Kikommentezed a blokk kezdetét, a végét meg nem... Persze valszeg nem ez a baj, de ahogy a többiek már írták is, így nem fog tudni segíteni senki. JsFiddle.
but without you, my life is incomplete, my days are absolutely gray
-
tamas1985
aktív tag
válasz PumpkinSeed #2217 üzenetére
Felraktam
[link]
Szóval a gond, hogy mobilon azt szeretném elérni hogy úgy jelenjen meg hogy minden div egymás alá kerüljön, kijelző szélességeben. -
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){}Nihil Novi Sub Sole /::\ https://bit.ly/2R7gwB2
-
Zedz
addikt
Sziasztok,
Csinált már esetleg valaki olyasmit, hogy görgetés hatására háttérszínt változtaott a body? Grátiszként úgy, hogyha a görgetés megáll, és nem értünk el A-ból B ontba (mondjuk 2 section közt van egy elválasztó tér és ott) akkor a színátmenet is megáll az aktuális állapotban. Tehát fehérből nem fekete lesz azonnal, hanem valahol a szürke környékén.
Mint pl. itt.
-
theo_76
aktív tag
Sziasztok!
Segítséget szeretnék kérni...
Egy formanyomtatványt kellene csinálnom amibe rendezni szeretném a kitöltendő sorokat: kitöltendő sor szövege, majd a kitöltendő részt aláhúzni: [link]. A lényeg az lenne, hogy az aláhúzást megjelenítő divet kéne igazítanom a jobb oldalra úgy, hogy a div eleje igazodjon a szöveg végéhez, a vége pedig a content div jobb széléhez. Van erre valami megoldás, hogy ne úgy kelljen beviteli mezőnként kiszámolnom? -
theo_76
aktív tag
válasz fordfairlane #2229 üzenetére
köszönöm!
-
theo_76
aktív tag
Olyan helyzetre van valami megoldás css-ben, hogy egy divnek, amibe a tartalmat jelenítem meg, változó magassága van, de nem szabad, hogy nagyobb legyen a böngésző ablak kiindulási magasságánál.
-
Des1gnR
őstag
Sziasztok!
Egy elég alap dologban szeretnék segítséget kérni
Van egy div-em amiben vannak további div-ek.(Elég gyakori eset )
Az a problémám, hogy a külső div magassága nem növekedik a belsőkkel együtt, szóval ha egy belső magasabb, az egyszerűen kijön belőle. A külső height értéke 100%. Milyen kapcsoló van még amiről nem tudok?Dell G3 3779 || Samsung S23+ || Samsung Watch 5 Pro || Oculus Quest 2 || Creality Ender 3 V2
-
martonx
veterán
válasz Des1gnR #2232 üzenetére
Nézd, hiszem hogy jsfiddle példa (vagy varázsgömb) nélkül ezt így senki nem fogja tudni neked megmondani.
Ugyanakkor arra is komoly esélyt látok, hogy miközben veszed a fáradtságot a jsfiddle példa megcsinálására, magadtól is rá fogsz jönni a megoldásra.Én kérek elnézést!
-
theo_76
aktív tag
köszi szépen! viszont most láttam, hogy egy fontos adatot kihagytam... a div vízszintesen középre van helyezve, fölülről 70px-re van a böngésző ablakban, alul pedig minimum 50px távolságnak kell lennie.
Itt van a forrás részlet: [link]
Egyébként a belső divnek a túlfutása lefele nálam is fennáll... azért van a workContentData magasságának 423px adva, míg a külső divnek 500px az eredeti megoldás szerint. -
Des1gnR
őstag
válasz PumpkinSeed #2236 üzenetére
Köszönöm mindenkinek, a height: auto; megoldotta
Dell G3 3779 || Samsung S23+ || Samsung Watch 5 Pro || Oculus Quest 2 || Creality Ender 3 V2
-
xors
senior tag
Sziasztok!
Van 3 div -em amik gombok lesznek, hogyan tudom őket a legegyszerűbben arányosan elosztani az oldalamon?Hasonló pozíciónálós kérdésem: egy 50px magas div a fejléc ezen szöveget hogyan rakjak vertikálisan középre, ha ugye nem tudom milyen magas?
-
GG888
senior tag
Szerk:
Hogy arányosan? Szélességre, vagy magasságra?[ Szerkesztve ]
pcmodding.hu | PC MODDING | Minden, ami modding, verhetetlen árak.
-
Jim-Y
veterán
Sziasztok, olyan megoldást keresnék amivel tetszőleges ikon köré tudnék egy kerek bordert csinálni. Magyarán nekem egy olyan komponensre lenne szükségem ami egy ikon-t csinál ami körül van egy kör. Ilyesmire gondolok.
Az ehhez használt markup:<span class="error-icon notification-icon icon"></span>
Az ikon bizonyos css szabályok következtében a ::before-ra kerül bg url-ként. De nem is ez a lényeg, valami megoldást szeretnék hogy az ikon mindig középen legyen, az ikon és a border között mindig legyen padding stb.. Tud valaki ebben segíteni?
-
xors
senior tag
CSS nyilak létrehozásával próbálkozom, sikerült is, csak egy kis magyarázat hiányzik nekem hozzá. Nem értem miért szükséges a containernernek relative position és a nyílnak absolute. (ezekkel a position-ökkel mindíg gondban voltam ) Továbbá az inline-block megjelenés sem tiszta teljesen, hogy miért szükséges.
Ez alapján dolgoztam: http://html-tuts.com/css-arrows-up-down-left-right-triangle/ -
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.
[ Szerkesztve ]
Nihil Novi Sub Sole /::\ https://bit.ly/2R7gwB2
Új hozzászólás Aktív témák
- EDIFIER R1700BTS hangfal pár makulátlan, új állapotban, 2 év hivatalos garanciával, alkalmi áron
- LG OLED55B23LA 2 Év GYÁRI GARANCIA
- Apple iPhone XR 128GB, Kártyafüggetlen, 1 Év Garanciával
- Gamer PC , i7 12700KF , RTX 3080 Ti , 64GB DDR5 , 960GB NVME , 1TB HDD
- Intel PC , i5 8500 , 1660 6GB , 32GB DDR4 , 512GB NVME , 500GB HDD
- D-Link DIR-842 kétsávos, Gigabites router - Foxpost az árban!
- H96 MAX RK3318 TV okosító - 2/16 GB - Új!
- MacBook Pro 13" 2016, i5 2.0GHz, 8GB Ram, 256GB SSD - rossz saját képernyővel, occón!
- Logitech G502 X vezetékes gaming egér, fehér, akár 25600 DPI
- Garett GRC Maxx okosóra, fekete, Android és iOs kompatibilis
Állásajánlatok
Cég: Ozeki Kft.
Város: Debrecen
Cég: Promenade Publishing House Kft.
Város: Budapest