Új hozzászólás Aktív témák
-
rikxjeee
tag
válasz
hiperFizikus
#2399
üzenetére
Elolvasod egyáltalán a kódot, amit küldünk neked? Vagy adhattam volna olyan scriptet is, ami elküldi nekem a gépedről az összes cookie-t nekem, mert a házidnak nem része az értelmezés? Nyilvánvalóan az eventListener callback függvényébe kell írni, amit futtatni szeretnél...
-
#2399
hiperFizikus
senior tag
hiperFizikus
senior tag
Várjunk csak, a
z00thval=this.id ; z00()az onClick -hez hogyan kell beszúrni ?
z00thval vátozó
z00() funkció
A z00 -át az event szó helyére kell írni ? - de mi legyen a z00thval -vel ? -
#2398
hiperFizikus
senior tag
hiperFizikus
senior tag
Köszönöm mindkettőtöknek . Így már célba értünk . Picit módosítva ilyen lett:
<!DOCTYPE html><html lang="hu"><script type="text/javascript">document.addEventListener('click', function (event) {if (event.target.matches('.myCustomClass')) {alert('Alerted')}}, false);</script><style>.myCustomClass{text-decoration: none;}.myCustomClass:hover{text-decoration: underline;cursor: pointer;}</style><head><meta charset="UTF-8"><title>Ez az 03</title></head><body><a href="#" class="myCustomClass">Example</a><a href="#" class="myCustomClass">Example2</a><a href="#" class="myCustomClass">Example3</a><br><span class="myCustomClass" >alma</span></body>Kipróbáltam
span.myCustomClass-val is, ment mindegyik tag-en, de nem specializálta magát csak a span -ra . -
rikxjeee
tag
válasz
hiperFizikus
#2395
üzenetére
"Úgy gondolom, hogy a
hovera nem jó, a nem az igazi ."Teljesen jó az a hover, nem kell se több, se kevesebb.
"Amikor kivettem az
<meta charset="UTF-8">-et, akkor az ó betűt rendesen írta ki a title-ben."PEBKAC, nem dísznek van az a tag.
JS-el bővítve:
https://codeshare.io/G7Qr3L -
#2396
edari
őstag
hiperFizikus
#2395
edari
őstag
válasz
hiperFizikus
#2395
üzenetére
A css nem erre való. Mint a nevéből is látszik, ő stílusleíró.
Ha jól értem a példád, akkor átakarsz adni egy id-t a z00-nak?
Egyébként ha megakarsz valamit hívni onclickre, akkor az így néz ki.
<p onclick="zoo(this.id)">Example</p>Javascript odalon:
<script>
function zoo (id) {
alert(id);
}
</script> -
#2395
hiperFizikus
senior tag
edari
#2394
-
#2394
edari
őstag
hiperFizikus
#2393
edari
őstag
válasz
hiperFizikus
#2393
üzenetére
Tudtommal sehogy. Az onclick az már javascript. De ha elmondod mit szeretnél vele csinálni, megpróbálok segíteni.
-
#2393
hiperFizikus
senior tag
edari
#2392
hiperFizikus
senior tag
A pointer-rel jól megy . Kérlek mond meg, hogy a style-be és a class-hoz hogyan kell a onClick-et megadni.
<!DOCTYPE html><html lang="hu"><style>.LDSevent{text-decoration: none;}.LDSevent:hover{text-decoration: underline;cursor: pointer;}</style><head><meta charset="UTF-8"><title>Title</title></head><body><a href="#" class="LDSevent">Example</a><a href="#" class="LDSevent">Example2</a><a href="#" class="LDSevent">Example3</a><br><spAn class="LDSevent">alma</spAn></body> -
#2392
edari
őstag
hiperFizikus
#2388
edari
őstag
válasz
hiperFizikus
#2388
üzenetére
hand helyett nem
pointert akartál írni? Bocsi nem olvastam vissza az egészet, csak itt a végét.Illetve
spAnhelyettspan.Illetve a
cursor:nonenem kell, mivel ha elviszed onnan az egeret akkor a kurzor visszaáll.Ha marhaságokat beszélek akkor bocsi.
-
#2391
hiperFizikus
senior tag
hiperFizikus
senior tag
Lehet egyáltalán direkt eventeket style és class -val deklarálni ?
-
#2390
hiperFizikus
senior tag
hiperFizikus
#2388
hiperFizikus
senior tag
válasz
hiperFizikus
#2388
üzenetére
Úgy gondolom, hogy a
hovera nem jó, a nem az igazi . -
#2389
hiperFizikus
senior tag
hiperFizikus
#2388
hiperFizikus
senior tag
válasz
hiperFizikus
#2388
üzenetére
Amikor kivettem az
<meta charset="UTF-8">-et, akkor az ó betűt rendesen írta ki a title-ben. -
#2388
hiperFizikus
senior tag
rikxjeee
#2387
hiperFizikus
senior tag
válasz
rikxjeee
#2387
üzenetére
Alakul de nem teljes:
A cursor tulajdonság hand értéke nem megy, none félre megy .
Aztán az onClick is kell, mert evvel változónak értéket adok, és funkciót meghívok.<!DOCTYPE html><html lang="hu"><style>.LDSevent{text-decoration: none;cursor: none;}.LDSevent:hover{text-decoration: underline;cursor: hand;}</style><head><meta charset="UTF-8"><title>próba 03</title></head><body><a href="#" class="LDSevent">Example</a><a href="#" class="LDSevent">Example2</a><a href="#" class="LDSevent">Example3</a><spAn class="LDSevent">alma</spAn></body> -
rikxjeee
tag
válasz
hiperFizikus
#2386
üzenetére
https://codeshare.io/G7Qr3L
Ez így bőven egyszerűbb, a js meg class alapján intézheti amit szeretne.
-
#2386
hiperFizikus
senior tag
hiperFizikus
senior tag
1. ha felviszem a szóra a kurzort, akkor mutatóúj jelenik meg rajta, és aláhúzás formázás. Ha leviszemróla a kurzort, akkor mindez megszűnik. Ez a <A>link</A> helyet van, hogy specializálva többre legyen képes.
2. az onklick azért kell mert vele bármire rávehet a JS-et, ha klick éri a spAn -os szavamat . Konkétan változónak értéket adhatok, funkciót indíthatok vele, kombináltan is.
3. a class="LDSevent" pedig a helypazarlás ellen lép fel, ami ugye több szempontból is kedvező.
4. A 130 oldalas programom úgy működik, hogy sorozatban betölt résztartalmakat a html oldalra-környezetbe, amihez kellene a style LDSevent, ez aktiválná minden új betöltés class="LDSevent" -jét. Hogy technikásabb legyen az oldal kódja. -
rikxjeee
tag
válasz
hiperFizikus
#2384
üzenetére
De ennek mit is kéne csinálnia?
-
#2384
hiperFizikus
senior tag
hiperFizikus
senior tag
A jóval bonyolultabb CSS kódom a következő:
<HTML><HEAD><title>EA próba 01</title></HEAD><BODY><br><br><spAn id="a1" " title="+ ..." onClick=' z00thval=this.id ; z00() ' onmouseover=' this.style.cursor="hand" ; this.style.textDecoration="underline" ' onmouseout=' this.style.cursor="" ; this.style.textDecoration="" '>alma</spAn><br><spAn id="a2" " title="+ ..." onClick=' z00thval=this.id ; z00() ' onmouseover=' this.style.cursor="hand" ; this.style.textDecoration="underline" ' onmouseout=' this.style.cursor="" ; this.style.textDecoration="" '>körte</spAn><br><spAn id="a3" " title="+ ..." onClick=' z00thval=this.id ; z00() ' onmouseover=' this.style.cursor="hand" ; this.style.textDecoration="underline" ' onmouseout=' this.style.cursor="" ; this.style.textDecoration="" '>szilva</spAn><br><spAn id="a4" " title="+ ..." onClick=' z00thval=this.id ; z00() ' onmouseover=' this.style.cursor="hand" ; this.style.textDecoration="underline" ' onmouseout=' this.style.cursor="" ; this.style.textDecoration="" '>dió</spAn><br></BODY></HTML>Ez rendben megy, de ennek a következő rokon kódja viszont nem :<HTML><HEAD><title>EA próba 02</title><style>spAn.LDSevent { onClick=' z00thval=this.id ; z00() ' onmouseover=' this.style.cursor="hand" ; this.style.textDecoration="underline" ' onmouseout=' this.style.cursor="" ; this.style.textDecoration="" ' }</style></HEAD><BODY><br><br><spAn id="a1" " title="+ ..." class="LDSevent" >alma</spAn><br><spAn id="a2" " title="+ ..." class="LDSevent" >körte</spAn><br><spAn id="a3" " title="+ ..." class="LDSevent" >szilva</spAn><br><spAn id="a4" " title="+ ..." class="LDSevent" >dió</spAn><br></BODY></HTML>Kérlek titeket, hogy ha tudjátok, akkor tegyétek helyre ezt a második kódomat, mert egy 130 oldalas fontos programhoz lesz rendelve. -
#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ó.
-
#2382
hiperFizikus
senior tag
hiperFizikus
senior tag
Még evvel az egyszerű kódal sem bírok el . Mi a hézag benne ? Csak nem akar piros lenni az alma . Nem hogy valami bonyolult kódal jöttök, mert én egy kicsit maradi kódoló vagyok. Ugyanis ennél jóval bonyolultabb kódott szeretnék CSS -be átteni, és félek tőle.
<html><head><title>próba 01; CSS</title><style>.st1 {color:'red'}</style></head><body><p class="st1">alma</p></body></html> -
biker
nagyúr
Üdv
elakadtam egy kérdésben: select lista option elemeinek külön külön betűszín megadása
Mindig csak a teljes lista selecet elemen érvényesül a szín, egy elemen nem
Ehhez teljes egyedi select box css kell és ahhoz betűszínek soronként?faék példa:
<select name=whatever>
<option value="0" style="color: Blue;">Blue
<option value="1" style="color: BlueViolet;">BlueViolet
<option value="2" style="color: Brown;">Brown
<option value="3" style="color: BurlyWood;">BurlyWood
<option value="4" style="color: CadetBlue;">CadetBlue
<option value="5" style="color: Chocolate;">Chocolate
<option value="6" style="color: Coral;">Coral
<option value="7" style="color: CornflowerBlue;">CornflowerBlue
<option value="8" style="color: DarkBlue;">DarkBlue
<option value="9" style="color: DarkCyan;">DarkCyan
<option value="10" style="color: DarkGreen;">DarkGreen
<option value="11" style="color: GoldenRod;">GoldenRod
<option value="12" style="color: Green;">Green
<option value="13" style="color: Indigo;">Indigo
<option value="14" style="color: LightSlateGrey;">LightSlateGrey
<option value="15" style="color: Orange;">Orange
<option value="16" style="color: SteelBlue;">SteelBlue
</select> -
K1nG HuNp
őstag
válasz
K1nG HuNp
#2373
üzenetére
Közben megoldottam, nem csak az animation fill mode volt a ludas, CSS gridet használok és a képhez nem írtam semmilyen positiont, hagytam alap staticon, ami ezekszerint nem megfelelő illetve ugyebár ilyenkor mint megtudtam ignorálva van a z-index is. tehát a megoldás egy
position: relative;
z-index: 10;
volt -
K1nG HuNp
őstag
animation-fill-mode: forwards;
után miért hasznavehetelen egy kép? ha nincs benne az animaciomban ez a sor akkor minden rendben, kattinthato az<img>viszont ugyebár ha nincs benne akkor animacio utan azonnal eltünnek az elemek...Próbáltam a z-indexeket állítgatni de semmi, valaimért a kép mellett lévő p feljebb van még akkor is ha a kép indexe 999 !important a p-é pedig -654654 !important
Jah.. a legjobb az egészben, hogy pl a fontawesomeos <i> tagek meg igazabol barmely mas link/kattinthato dolog faszan megy fill-mode val is
-
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'); -
K1nG HuNp
őstag
Jsben írok egy:
document.body.style.transition = "0.5s ease, background 4s ease"erre a gombjaim meg a <hr>-ek basznak 0.5-sel szépen lassan változini, csak simán átkattannak egyik színből a másikba (darkmode switch) és konkrétan ezt a két randa sort le kell írnom, hogy ők is méltóztassanak.for(line of lines) {line.style.transition = "0.5s ease"}
for(button of buttons) {button.style.transition = "0.5s ease"}Miért van ez? Ők nem a body része? Vagy miért nem vonatkozik rájuk is?
-
bandi0000
nagyúr
sziasztok
Tudnátok segíteni
Ki honnan veszi az ötletet, hogy hogyan is nézzen ki a weboldala? Illetve vannak trükkök amikkel tudom gyorsítani/egyszerűsíteni a a dolgom?
Hülye vagyok CSS-ből, nincs hozzá szakértelmem, se türelmem
tervek lennének a fejembe de fogalmam sincs hogy miket merre hogyan rakjak, hogy úgy is nézzen ki -
#57018880
törölt tag
válasz
radi8tor
#2358
üzenetére
Hát én úgy vagyok vele, hogy a pointer-events tiltása nem jó praktika CSS-ből, de lehet, hogy nálad már épít rá valami kód, ezért mindenképpen javasolnék egy backupot, ha ki akarod tisztítani.
Ha Linux rendszeren vagy akkor grep paranccsal lehet relative gyorsan kihámozni az ilyesmit.
A text rendering auto valami bulletproofing-nak néz ki,.Sajnos ez is olyan, hogy lehet, hogy A böngészőben klassz lesz mondjuk az ikon, B-ben meg nem. És akkor ez egy workaround rá. Csak ugye nem 2 kliens van :p
-
#57018880
törölt tag
válasz
radi8tor
#2356
üzenetére
Úgy látom ezek az SVG specifikáció részei, habár a böngészők implementálják a DOM-ra is vagy legalább részben.
Szerintem nem kell különösebben foglalkozni vele, kivéve ha mindenképpen kell a W3C valid plecsni, de a nagyok sem foglalkoznak vele különösebben, átlag usernek meg szerintem nem jelent semmi +t.
-
topjoyy
tag
Sziasztok!
Szeretnék egy adott oldalon egy adott elemnek az összes CSS tulajdonságát áthozni egy másik oldalra anélkül, hogy az összes CSS-t kimásolom és, csak az adott CSS tulajdonságok legyenek benne.
Hogy lehet a legegyszerűbb módszerrel egy adott HTML tag classját vagy id-jét és azon belüli classokat, id-ket kimásolni, úgy hogy az összes hozzátartozó CSS tulajdonságot kimásolja, mert eddig úgy csináltam, Chromon belül, hogy F12 és egyesével másoltam. Van valami bővítmény vagy program?
-
#2352
#57018880
törölt tag
hiperFizikus
#2351
#57018880
törölt tag
válasz
hiperFizikus
#2351
üzenetére
A DHTML egy mára elavult gyűjtő kifejezés a HTML + CSS + JS különösen a DOM API kombóra.
Így a problémádat vagy a weblapkészítés topikban, vagy egyéni [KÓD]-topikokban lehet érdemes feltenni.
Kérdezz tömören és lényegre törően, akkor nem "piszkálnak" majd. Ha vissza kell kérdezni többször, hogy mit szeretnél elérni pontosan, akkor nem nagyon lesz segítség.
Általában akik segíteni próbálnak, programozásból is élnek, így érdemes tiszteletben tartani mennyit kér az ember, egy fél honlapot/alkalmazást nem fognak megírni helyetted.
Szerk: pótoltam a linket
-
#2351
hiperFizikus
senior tag
radi8tor
#2350
hiperFizikus
senior tag
válasz
radi8tor
#2350
üzenetére
Szia Moderátor !
Azt szeretném megkérdezni, hogy a DHTML kódolás problémámmal ide kell-e fordulnom, mert a HTML topikban megint lebarmoltak és trolkodásnak minősítették, ami sziven ütött! Tehát nem a CSS kód érdekell, hanem a DHTML kód CSS nélkül. Találtam is egy Css dhtml probléma topikot, de ez zárolva van !
-
radi8tor
MODERÁTOR
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 monjdukrgb(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!
-
rii
nagyúr
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 ....
-
rii
nagyúr
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
-
rii
nagyúr
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?
.container {
width: 100%;
max-width: 960px;
margin: 0px auto;
} -
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;
} -
petyus_
senior tag
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?
-
Mr Dini
addikt
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...
-
-
Csati7100
csendes tag
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.
-
#2328
fordfairlane
veterán
edari
#2326
fordfairlane
veterán
-
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.
-
-
Mr Dini
addikt
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!
-
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.
-
DNReNTi
őstag
-
edari
őstag
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.
-
#2319
nightzone
aktív tag
fordfairlane
#2318
nightzone
aktív tag
válasz
fordfairlane
#2318
üzenetére
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!
-
#2317
nightzone
aktív tag
fordfairlane
#2315
nightzone
aktív tag
válasz
fordfairlane
#2315
üzenetére
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:
-
-
nightzone
aktív tag
válasz
DNReNTi
#2310
üzenetére
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.
-
-
#2307
GG888
senior tag
BTminishop
#2305
GG888
senior tag
válasz
BTminishop
#2305
üzenetére
Szülőelem biztos kitölti a 100%-ot? Milyen állapotba kerül a tábla animáció után? inline/inline-block/block/???
-
#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.
-
#2305
BTminishop
aktív tag
BTminishop
aktív tag
ü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? -
#2303
DNReNTi
őstag
fordfairlane
#2302
DNReNTi
őstag
válasz
fordfairlane
#2302
üzenetére
Szerk:
Egyebeknt tok jo hogy bedobtad, errol a feature-rol nem tudtam en sem. Thx!
én is erre jutottam...
tervek lennének a fejembe de fogalmam sincs hogy miket merre hogyan rakjak, hogy úgy is nézzen ki
Pár elírásból eredő hibát javítottam a CSS-ben és már csak ezek maradtak. Akkor maradnak.
Szebb megoldas lenne mint egy pseudo selector. De ha ragaszkodsz hozza pusztan CSS-el megoldhato lenne, de nem ennyire trivialis.
Új hozzászólás Aktív témák
- Lenovo IdeaPad 3 17ITL6 - 17.3" HD+ Intel 6305 - 8GB - 256GB SSD - Win11 - MAGYAR
- OHH HP EliteBook 850 G8 Fémházas Multimédiás Laptop 15,6" -40% i5-1145G7 16/512 Iris Xe FHD EU-HUN
- Toshiba Enterprise Capacity MG09 18TB - 512MB, 7200rpm, SATA3 - 100/100 -as - Eladó!
- FSP Aurum Pro 1200W 80 PLUS Gold - AU-1200PROH
- EVGA RTX 3070 8Gb
- BESZÁMÍTÁS! 1TB Kingston KC3000 NVMe SSD meghajtó garanciával hibátlan működéssel
- MacBook felvásárlás!! Macbook, Macbook Air, Macbook Pro
- Fém, összecsukható és kihúzható fotó állvány eladó
- Bomba ár! Lenovo ThinkPad X270 - i5-6G I 8GB I 256GB SSD I 12,5" FHD I HDMI I Cam I W10 I Garancia!
- Honor 200 , 8/256GB , Kártyafüggetlen
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest