Nincs a diveken class? Akkor használd a nth-child, vagy nth-of-type selectort, pl.:

.valami{
display: flex;
}

.valami > div:nth-of-type(1){
-webkit-order: 2;
order: 2;
}

Nihil Novi Sub Sole /::\ https://bit.ly/2R7gwB2

Link fix.

Szerk:
Egyebeknt tok jo hogy bedobtad, errol a feature-rol nem tudtam en sem. Thx!

[ Szerkesztve ]

but without you, my life is incomplete, my days are absolutely gray

üdv
az miért van, hogy van egy táblám, ami 100%-os width-en van. Az oldal betöltésekor FadeIn effekttel előjön a tábla viszont, amikor betölt, akkor már nem 100%-on van a width hanem baloldalra van igazítva a tábla.
Gondolom a display:none miatt. sajnos kódot most nem tudok mutatni, így látatlanba meglehet mondani mi a probléma?

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.

Nihil Novi Sub Sole /::\ https://bit.ly/2R7gwB2

Szülőelem biztos kitölti a 100%-ot? Milyen állapotba kerül a tábla animáció után? inline/inline-block/block/???

pcmodding.hu | PC MODDING | Minden, ami modding, verhetetlen árak.

Valahogy bekerült egy display: inline a div selectorba és ez vágta tönkre.

Köszönöm szépen!

Sziasztok!

Mit kéne beírni a 6-os helyére az alábbi sorban úgy, hogy ha az változik a weboldal kódolásában 8-asra, akkor azt fel tudja ismerni egy program?

//UL[@class='pagination']/LI[6]/A[1]

Szóval egy wildcard kellene (a * nem jo, próbáltam).

[ Szerkesztve ]

Nem teljesen ertem, gondolom ez vmi xpath egy weboldal parse-olasahoz. Ha azon a specifikus elemen nincs semmi megkulonboztetes (pl egy osztaly) es barmikor valtozhat hogy hanyadik a sorban akkor arra nem fogsz tudni altalanos selectort irni.

but without you, my life is incomplete, my days are absolutely gray

Pontosan-pontosan, egy xpath lenne parse-oláshoz, méghozzá egy oldal léptető (Next) gombjához van a kód, de trükkös mert kb az ötödik oldal léptetés után a 6-os 8-asra változik így nem fut le a scrape-elés. Viszont pozitív hogy az 5. oldal léptetés után már végig 8-as marad, szóval ezt szeretném áthidalni vhogy.

[ Szerkesztve ]

En betennek ra parasztba egy counter-t a ciklusba, amig c <= 5 addig az index 6 ha pedig mar c > 5 aztan az index 8. Nem egy bombabiztos megoldas de erre a celra pont jo lehet.

but without you, my life is incomplete, my days are absolutely gray

Köszi, megtennéd hogy leírod nekem pontosan a sort? (nem vagyok egy programozó), de kipróbálnám.

Leirnam de ezt nem fogod tudni egy sorba beirni. Gondolom vmi ciklus fut a programban ami feldolgozza az oldalakat, na abba a ciklusba kell ezt beirni. Altalanos xpath kifejezes szerintem erre a feladatra nincs. Mondjuk attol meg lehet van.

but without you, my life is incomplete, my days are absolutely gray

van hozzá egy segéd progi:

meg ide is be lehet tenni vmit:

látsz a fentieken vmi beírási lehetőséget?

[ Szerkesztve ]

a lista végén van a next, de az elején így néz ki:

aztán pár oldal után ilyenre vált:

Ez lesz az, király vagy, most már fut rendesen, picit belassult az extrakció (kb dubla annyi idő, bár lehet a gép vacakol csak) de müködik. Köszi szépen és DNReNTi neked is!

Sziasztok
Szeretném a segítségetek kérni, ugyanis én már nem tudom hogy hogyan kéne ezt megcsinálni. Szóval eredetileg úgy néz ki egy oldal, hogy van benne egy csomó kép, szép nagy felbontásokkal. Ezt css-el lekicsinyítettem. Ugye ez a google-nek nem tetszik, mivel a böngésző végzi az átméretezést, nem mellesleg az adatforgalmat is csúnyán megdobja (ebbe mondjuk van valami). Akkor elkezdtem átírni úgy az oldalt, hogy csináltam a nagy képekből thumbnaileket, és ha arra a user rákattint, akkor látja a képet az eredeti méretekkel.
Na most az a bajom, hogyha a lekicsinyített képet felnagyítom, akkor homályos lesz a kép. Hamar leesett hogy hülye voltam, hát átméreteztem újra a képeket akkorára, amekkorára nagyítanám eredetileg (remélem érthető volt). De így is homályos a kép, és az a baj hogy nem is kicsit. De ugyebár ha a nagyfelbontású képeket kicsinyítem le, majd azokat nagyítom, akkor nem lesz homályos. Remélem értitek a problémámat.

Próbálkoztam sima méretezéssel, transformmal is, de mindkettőnél ugyanaz a baj.

Ha amatőr módon próbálom megcsinálni, akkor se kövezzetek meg, nem vagyok profi, csupán hobbiból csinálom.

Az eredeti kepekbol (a szep nagy felbontasuakbol) ket fele meretre kell kicsinyitened. Az egyik a thumbnail, a masik pedig amit majd kattintasra megjelenitesz. Ezek tehat fizikailag kulonbozo fajlok. Igy nem lesz problemaja se a google-nek se a kepminosegnek.

but without you, my life is incomplete, my days are absolutely gray

Erre nem is gondoltam.

És azt hogy csináljam? Eddig :hoverrel csináltam, de azt nem tudom hogy meglehet-e csinálni hogy egy másik képet rakjon be.

Szerintem jobb lenne keresni erre valamilyen kis javascriptes alap galeria library-t. Szebb megoldas lenne mint egy pseudo selector. De ha ragaszkodsz hozza pusztan CSS-el megoldhato lenne, de nem ennyire trivialis.

but without you, my life is incomplete, my days are absolutely gray

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.

Nihil Novi Sub Sole /::\ https://bit.ly/2R7gwB2

Sziasztok!

Adott ez a repository, s itt a CSS hozzá.

PC-n szépen megjelenik minden, viszont egyes telefonokon nem megfelelő a megjelenés. Pl a táblázat nem fér ki, az MSRepo felirat nem pont középen van, stb. Gondolom ennek az az oka, hogy nem százalékban, hanem pixelben vannak megadva a méretek... Ha így van, hogy érdemes kiszámolni, hogy mi mekkora legyen?

Illetve a táblázatnak szeretnék egy valamennyire átlátszó fekete hátteret csinálni, de csak nagyon haloványan, hogy ne olvadjon össze a szöveg a háttérrel. Ezt hogy lenne érdemes szépen megcsinálni?

Köszönöm!

Eleinte angol billentzuyetet akartam. De aztán megismerkedtem a nagy 'Ő'-vel!

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.

Nihil Novi Sub Sole /::\ https://bit.ly/2R7gwB2

Lehet, hogy nem jó helyen járok, de nem találtam jobbat, ami a témámhoz vágna.
Most váltottam Win7-ről Win10-re. Lassan mindent testre szabtam, csak a Windows megnyitásnál lévő hangbeállítást nem találtam.

Annyit megtudtam, hogy a fejlesztők teljesen kihagyták, mert feleslegesnek vélték.
Nekem nagyon hasznos volt a Win7-nél.

Nem tudna valaki egy ilyet írni.

Ha nem, merre kezdjek el keresgélni, mit olvassak el, hogy a végén én is megtudjam írni ezt a hangfájlt kezelő programot, ami a Win belépésnél indulna el.

A CSS programozásba belekezdtem (CodeBerry), tetszett, de később fizetősbe fordult és akkor ment el a kedvem tőle. Idáig PIC alkalmazásokat programoztam hobby szinten, főleg assemblerben.

[ Szerkesztve ]

A Gépházban sajnos nincs ilyen a hangbeállítások között. Az interneten utána kerestem és ott olvastam, hogy egy "nagykutya" nyilatkozott arról, hogy a WIN10 fejlesztéséből ezt szándékosan kihagyták. (nem kifelejtették)

Köszönöm ismét a kész megoldást! Úgy látom sok munka van benne, mivel nem semmi a kód!

Csak most jutottam el odáig, hogy éles környezetben is tesztelni tudjam, PC-n tökéletes, Nexus5-ön, Chrome alatt úgyszintén, viszont egy 5"-os Samsung telefonon pl. a gyári böngészővel egybecsúsztak teljesen a betűk. Így inkább hagytam a jelenlegi állapotot...

Eleinte angol billentzuyetet akartam. De aztán megismerkedtem a nagy 'Ő'-vel!

Sziasztok!

Nemrég kezdtem tanulni a HTML/JS/CSS-t, és akadt egy kis problémám. Mutatok egy képet, úgy egyszerűbb lesz:

Most úgy vannak középre igazítva, hogy az egészet középre rakja, de azt szeretném elérni, hogy az összesnél az eredmény legyen középen. A HTML így néz ki:

És ez a CSS tartozik hozzá:
.matchesDiv {
display: inline-block;
margin: 1px 5px;
padding: 5px;
width: 300px;
text-align: center;
background: rgb(40,40,40);
}

.teamsInMatch, .odds, .result, .inputBoxes {
display: inline-block;
}

.oddsLeft {
float: left;
}

.oddsRight {
float:right;
}

Tudnátok segíteni, hogy tudnám ezt megoldani?

[ Szerkesztve ]

Akkor valami ilyesmit szeretnél?

Igen, pont erre gondolok

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;
}

Nihil Novi Sub Sole /::\ https://bit.ly/2R7gwB2

Köszi, ezzel működik

sziasztok

azt szeretném megkérdezni, mit kellene beírni és hova, hogy az alábbi képen látható 2. és 3. esetben is jól működjön ez a specialis WP oldal

van 4 domain, 3-féle sablon
az egyik domainre fel kellett tennem egy landing page-t, nem is volt semmi gond
most fel kell tennem ugyanazt a landing page-t, és aszittem, hogy csak a design-t kell az adott domainhez igazítani, de két sablonnal is eltérő hibát eredményez ez a Landing page.

az eltérő sablon miatt az alábbi hibák vannak ....

az első képen: ahogy a Best Blog sablonban (és egy másik oldalon a Storefront-tal is) jól működik
második kép: RetroTale sablon: a piros sávot balra vágja, nem hat rá az, ami a felső részt középre rendezi
harmadik kép: Betheme sablon: a piros sáv alatt megszűnik létezni bármi is ... akár background színt adok meg akár egy nagy kép ...

miért nem hat a footer-re ez a container osztály?

inspect element screenshot

.container {
width: 100%;
max-width: 960px;
margin: 0px auto;
}

[ Szerkesztve ]

piros-kapszula: https://www.youtube.com/watch?v=oW-VZVYohRg

valamiért lefut a

#footer {
float: left;

inspect elementbven kivettem előle a jelölést, és beugrott középre ....

de ez egy olyan részben van, ami ki van kommentelve ebben a CSS file-ban

inspect element screenshot - itt lehet látni, hogy lefut a float: left

CSS editor screenshot - itt lehet látni hogy a zöld comment-ben van mind a két float: left

[ Szerkesztve ]

piros-kapszula: https://www.youtube.com/watch?v=oW-VZVYohRg

ez megoldotta:

#footer {
float: inherit;

piros-kapszula: https://www.youtube.com/watch?v=oW-VZVYohRg

Szia!
Másik, a sablon által behúzott css-bôl jön az az érték szerintem. Most vagy felülírod az összes eltérô tulajdonságot, vagy kiveszed a behúzott külön css-t (ha nincs rá szükség).

Nihil Novi Sub Sole /::\ https://bit.ly/2R7gwB2

köszönöm!

a footer előtt történik valami sablon szintű művelet, és ezáltal bejön egy float: left?

piros-kapszula: https://www.youtube.com/watch?v=oW-VZVYohRg

Nem, nézd meg az inspectorban, jogy ez a float left érték melyik css-ben van (pont nem látszik a képen). Szerintem a rossz css-ben kerested.

Nihil Novi Sub Sole /::\ https://bit.ly/2R7gwB2

illetve azt meg szabadna még kérdeznem, hogy ezen a képen a 3. esettel mit lehetne kezdeni?

arra sikerült még rájönnöm, hogy a stílusban meghatározott "Body background" szine jelenik meg egyből a footer alatt ....

de a képből (ami a landing page-ben Background-ként meg van adva) még lennie kellene még egy képernyőnyinyek ..... képernyőninyek ... képernyőnyinek ....

és a sablon meg aszongya a landing page-nek, hogy addig nyútózzon ameddig a footer engedi .... utána jön megint a sablon background color-ra ....

piros-kapszula: https://www.youtube.com/watch?v=oW-VZVYohRg

Sziasztok!

Adott egy cookie-ra figyelmeztető sáv az oldalon. Ennek a fekete színét szeretném megváltoztatni.
Böngészővel ezt a kódrészletet azonosítottam be, mint a színét, de nekem nagyon nem egyértelmű melyiket kellene monjduk rgb(134, 132, 132)-re változtatni:

#cookie-⁠bar {
background: #45484D;
background: -moz-linear-gradient(top, rgba(30,30,30,0.95) 0, rgba(0,0,0,0.95) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,0.95)), color-stop(100%,rgba(0,0,0,0.95)));
background: -webkit-linear-gradient(top, rgba(30,30,30,0.95) 0, rgba(0,0,0,0.95) 100%);
background: -o-linear-gradient(top, rgba(30,30,30,0.95) 0, rgba(0,0,0,0.95) 100%);
background: -ms-linear-gradient(top, rgba(30,30,30,0.95) 0, rgba(0,0,0,0.95) 100%);
background: linear-gradient(to bottom, rgba(30,30,30,0.95) 0, rgba(0,0,0,0.95) 100%);
font-⁠family: Montserrat, sans-⁠serif;
font-⁠size: 10pt;
left: 0;
line-⁠height: 1.5;
margin: 0;
padding: 3px;
position: fixed;
width: 100%;
z-⁠index: 9999;

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc45484d', endColorstr='#cc000000',GradientType=0 );
}

Köszi a segítséget előre is!

⭐ Stella

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.

Nihil Novi Sub Sole /::\ https://bit.ly/2R7gwB2

Köszi megoldva!

⭐ Stella