Hirdetés
- Redmi Note 12 Pro - nem tolták túl
- Idén vége lehet a Pixel 'a' szériának?
- Nothing Phone 2a - semmi nem drága
- Samsung Galaxy Z Fold5 - toldozás-foldozás
- Samsung Galaxy S23 és S23+ - ami belül van, az számít igazán
- Samsung Galaxy S22 és S22+ - a kis vagány meg a bátyja
- Százmillió Samsung telepítheti a One UI 6.1-et és a Galaxy AI-t
- Honor Magic5 Pro - kamerák bűvöletében
- Redmi Note 13 Pro 5G - nem százas, kétszázas!
- Samsung Galaxy Z Fold3 5G - foldi evolúció
Új hozzászólás Aktív témák
-
Sk8erPeter
nagyúr
onclick="this.style.backgroundColor='#FF0000';" //#FF0000 helyére a saját kívánt színed
Szerk.: bocs, ezt inkább JavaScript topicba.
[ Szerkesztve ]
Sk8erPeter
-
maathe
senior tag
Megoldottam az iFrame-es problémát de most egy olyan gondom lenne hogy az IE nem veszi a margin-left-et így a képek balra csúsztak. Mi lehet a megoldás?
[ Szerkesztve ]
-
raczger
őstag
Egy legördülő selectnek a magasságát, azaz hogy hány elem jelenjen meg a legördült részben, azt hogy lehetne beállítani?
www.movat.hu - http://bit.ly/2mIziA4
-
raczger
őstag
válasz DeltaPower #555 üzenetére
Nem arra gondoltam. Olyan legördülő select-re gondoltam, ami itt van a fórum tetején, pl az további fórumlisták, és ott rákattintok és abban a részben max pl 5 elem jelenjen meg egyszerre és utána csináljon scroll-t neki.
www.movat.hu - http://bit.ly/2mIziA4
-
DeltaPower
őstag
ja már értem. sima selectre nem ismerek módszert, amivel ilyen formázást lehet. a fórum fejlécben levő nem select elem, hanem egy link, ami egy overflow-y:scroll div-et mutat/rejt
"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
-
tildy
nagyúr
Segitsegeteket kernem :
ha van egy oldal, amin en mondjuk mindig haromszogben /korben szeretnek megjelentetni egy ajanlot *mondjuk ajanlok egy termeket , cssbol ez megoldhato? Tehat , hogz ne kelljen eleve megvagott, stb kepet feltolteni...
Ugy gondoltam, hogy lenne egy belso div, ami transparent lenne ott ahol azt akarom, hogy elojojjon a kep tartalom, es lenne egz kulso div, ami tartalmazna magat a kepet...
mondjuk ilyen lenne a takaro divben:"Tartsd magad távol azoktól, akik le akarják törni az ambíciódat! A "kis" emberek mindig ezt teszik, de a nagyok éreztetik veled, hogy te is naggyá válhatsz" - Mark Twain
-
-
maathe
senior tag
Van 3 kép amik között van kb 2px távolság, minden kódot kipróbáltam de sehogy sem lett egybefüggő. Mi lehet a gond?
-
tildy
nagyúr
válasz DeltaPower #559 üzenetére
Ie6 is szereti a transzparent pngt?
Más : mostanában divatosak a seletboxok css designjai. Tudja valaki ezt hogyna kell csinálni?
PH főoldalán is van ilyen..."Tartsd magad távol azoktól, akik le akarják törni az ambíciódat! A "kis" emberek mindig ezt teszik, de a nagyok éreztetik veled, hogy te is naggyá válhatsz" - Mark Twain
-
DeltaPower
őstag
ie6-hoz kell valamilyen png fix, mivel egy átkozott kövület, és még ezt se tudja.
ezek az általad említett selectboxok valójában nem a szokásos select elemek, hanem div-ek javascripttel megtámogatva, selecthez hasonlóra formázva. position:relative és a display:box/display:none cserélgetés kell hozzá, az elemei pedig sima linkek.
[ Szerkesztve ]
"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
-
tildy
nagyúr
válasz DeltaPower #563 üzenetére
fura, emrt egy;bk;tn emg igy nez ki:
<div class="select"><select name="ssecid" tabindex="3">
<option value="">hardverek</option>
<option value="14">Notebook</option>
<option value="87">Házimozi</option>
<option value="88">Digicam</option>
<option value="1">Alaplap</option>
<option value="2">Processzor</option>
<option value="3">Memória</option>
<option value="4">Hűtés</option>
<option value="5">Ház/Táp</option>
<option value="6">Videokártya</option>
<option value="7">Monitor</option>
<option value="9">Adattároló</option>
<option value="13">PC/Barebone</option>
<option value="10">Hálózat</option>
<option value="11">Multimédia</option>
<option value="12">Nyomtató</option>
<option value="15">Egyéb</option>
</select></div>"Tartsd magad távol azoktól, akik le akarják törni az ambíciódat! A "kis" emberek mindig ezt teszik, de a nagyok éreztetik veled, hogy te is naggyá válhatsz" - Mark Twain
-
DeltaPower
őstag
firebuggal néztem, az ilyet mutat:
<div class="select">
<div class="dds" style="z-index: 0;">
<div class="disp" tabindex="3"><span>hardverek</span></div>
<ul class="opts" tabindex="-1" style="display: none;">
<li class="act"><span>hardverek</span></li>
<li><span>Notebook</span></li>
...
</ul>
</div>
<select tabindex="3" name="ssecid" style="display: none;">
<option value="">hardverek</option>
...
</select></div>
tehát nem látszik a select, csak azért van benne, hogy a kiválasztott értéket tárolja a selectedIndex-ben, amíg a formot elküldjük.(mod) én ezt egy input type=hidden mezővel szoktam megoldani egy rejtett select helyett, bár a javascript ledöglése/letiltása esetén így látszik a választható opciók listája (bár elképzelhető, hogy a layoutba belerondít).
[ Szerkesztve ]
"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
-
scott_free
senior tag
hali,
egy div-et szeretnék úgy elhelyezni, hogy középen legyen és egészen az oldal legtetején. középre könnyen be tudom tenni a "margin: 0 auto" értékkel, de ez ugye nem működik "position: absolute"-nál. így viszont az oldal tetején egy 18px nagyságú üres sáv lesz (azért 18, mert épp ekkora a betűméretem)
szóval erre keresnék egy használható megoldást.
ill. egyet találtam már magam is: Centering: Negative Margin
máshogyan nem lehet eltüntetni azt a hülye sávot az oldal tetején?
[ Szerkesztve ]
-
DeltaPower
őstag
válasz scott_free #566 üzenetére
css legelején szoktunk csinálni margin és padding nullázást:
html * { margin:0;padding:0; }
továbbá, ellenőrizd hogy van-e valami a div előtt."Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
-
Immy
őstag
Üdv
Sajnos itt megállt a tudományom:
[link]Ha a böngésző méretét vízszintesen elkezdem összetolni (csökkenteni), akkor ha úgy kb 1000pixelnél kisebb ablakban tekinted meg a honlapot akkor a fejléc szétcsúszik.
Firefox alá feltelepítettem a webdeveloper kiegészítőt és ott megvizsgáltam külön a fejléc css-ét, de egyszerűen tehetetlen vagyok
Bármilyen ötletet, segítséget örömmel veszek.
Immy
Apró: https://hardverapro.hu/aprok/hirdeto/immy/index.html
-
Agostino
addikt
Kivánok!
Nem követtem mostanság mit enged a CSS varázslás, ezért hadd kérdezzem meg: képeket lehet rétegelni? Például azért, mert ha akarok egy menüsort, ami repeattel tölti ki a mezőt, viszont lekerekített sarkakat akarok. Azaz van-e egyszerűbb megoldás annál, mint bal sarok def, sarkított háttér, középen repeat, jobb sarok def, kerekített háttér? Azaz nem hozok létre kvázi egy három mezős táblázatot. Remélem értitek mire gondolok. : ))
hey friend listen, i know the world is scary right now but its gonna get way worse
-
DeltaPower
őstag
válasz Agostino #570 üzenetére
csinálsz egy marha széles képet, amelyiken rajta van a bal sarok és a többi része a repeat. ezután megcsinálod a csak jobb sarkot egy másik képen. fogsz egy divet aminek a háttere az első kép a bal sarokkal (left no-repeat), padding amennyi a bal sarokhoz kell. ezen belül csinálsz egy másik divet, aminek a jobb sarok a háttere (right no-repeat), és ennek is adsz annyi paddingot hogy a jobb sarok mindig látsszon.
előnye: csak 2db div, hátránya: átlátszó sarkokkal nem alkalmazható."Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
-
dany27
őstag
hali
egy olyan kérdésem lenne hogy hogyan tudom azt kivitelezni hogy különböző képernyő felbontásokon is jól jelenjen meg az oldalam?? (Gondolom külön stíluslap kell minden felbontáshoz) Mert jelenleg 1280*1024re van írva de ha valaki mondjuk 1024*768ról netezik akkor ott már nem tökéletes....
Előre is köszi!
-
DeltaPower
őstag
javascripttel tudod betöltés után megállapítani a felbontást, és esetleg egy másik css-t ráhúzni. itt le van írva, hogy állapítod meg a felbontást, itt pedig a css betöltés menete.
ennél jobb megoldás úgy megtervezni az oldalt, hogy igazodjon a felbontáshoz, ez viszont nem könnyű és nem minden design esetén megoldható.
"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
-
dany27
őstag
válasz DeltaPower #574 üzenetére
a másik megoldást azt hogyan tudom kivitelezni?? Mert az elsőt azt vágom de azt hogy igazodjon a felbontáshoz??(nem a javascriptesre gondolok hanem a másodikra)
Előre is kössz!
-
DeltaPower
őstag
az oldal elemeit nem pixelre hanem százalékosan méretezed, marginokkal, igazításokkal, fix és auto szélességekkel variálsz.
pl. a php.net vagy wikipedia.org stíluslapját és felépítését megnézheted, a php.net 800, a wiki 640 szélességig skálázódik lefelé."Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
-
dany27
őstag
válasz DeltaPower #576 üzenetére
hmm nem rossz 5let, magyarán akkor mondjuk egy adott táblázat szélességét nem px-ben hanem %ban adom meg! Lehet inkább ezt választom mert szerintem az én designemnél még talán kivitelezhető de majd meglátjuk, ha nem akkor marad a javascript vs css duo!
Kössz a tippeket!
-
Jano_023
őstag
hali,
A következő lenne a problémám, leszedtem egy templetet a netről és azt alakítgatom át mert nem nagyon értek a CSShez. A kérdésem az lenne, hogyan lehet egy linket ugyanazon a lapon elővarázsolni.
Mondjuk egy adott részben. Itt az a temp amit használok a linkre kattintva az adott szövegnek a szürke részbe kellene bejönnie. Ötletek ?''Az életet nem a lélegzet vételek száma határozza meg, hanem azok a pillanatok mikor eláll a lélegzetünk !''
-
DeltaPower
őstag
-
Jano_023
őstag
válasz DeltaPower #579 üzenetére
A belinkelt oldalon oldalt vannak kis hivatkozások, arra rákattintva szeretném ha a link a jobb oldali egyik szürke dobozban jelenne meg.
''Az életet nem a lélegzet vételek száma határozza meg, hanem azok a pillanatok mikor eláll a lélegzetünk !''
-
DeltaPower
őstag
válasz Jano_023 #580 üzenetére
csinálsz egy kezdőlapot index.html néven, lemásolod akarmi.html névre, a másodikba beleírod a kívánt szöveget, és a kívánt bal oldali hivatkozás href részébe beírod mindkét lapon az akarmi.html-t. (bonyolultabb megoldást egyelőre nem merek írni).
amúgy ennek egyáltalán, de egyáltalán semmi köze sincs a css-hez"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
-
Jano_023
őstag
válasz DeltaPower #581 üzenetére
oké, ezt a megoldást már én is kitaláltam de azt mond meg hogy lehet megoldani framek nélkül, hogy az oldal egy adott részébe töltsünk be valamit ? köszi
''Az életet nem a lélegzet vételek száma határozza meg, hanem azok a pillanatok mikor eláll a lélegzetünk !''
-
Speeedfire
nagyúr
üdv
van egy kis gondom a css-el
egy képfeltöltő oldalról van szó, amikor valaki rákattint a feltöltésre akkor bejön egy "loading" kép ami jelzi h folyamatban van a felöltés
ez a kép egy divben van:
#loading {background: url(i/loading.gif) no-repeat;width: 720px; height: 20px; display: none;text-align:center;}viszont nem középen jeleníti meg hanem bal oldalon
mi lehet a gond?Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Speeedfire
nagyúr
válasz Speeedfire #583 üzenetére
nem kérdeztem semmit
megoldottam a gondot, csak meg kellett adni neki, hogy a háttér hol legyenFotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
DeltaPower
őstag
válasz Jano_023 #582 üzenetére
ahogy korábban leírtam, javascript és ajax.
ha használod pl. a jquery javascript függvénytárat, akkor egy adott id-jű divbe lehet tölteni egy adott hivatkozás tartalmát így:
$("div#div_idje").load('http://link-amit-betöltesz');
ezt a hivatkozás onclickjébe kell írni. sima javascripttel kissé bonyolultabb, pl itt van egy tisztán javascriptes példa, az alábbi sorokat kell átírni:
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
saját div-ed id-jére
xmlhttp.open("GET","ajax_info.txt",true);
ajax_info.txt helyett a link amit be akarsz tölteni.ha nem megy, inkább a javascript topicban kérdezz, ott jobban értenek hozzá
"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
-
Speeedfire
nagyúr
üdv!
újra css gondom van
ff és chrome alatt szépen néz ki az oldal, de ie alatt az alső menüsor el van csúszva
ez mitől lehet?Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
PazsitZ
addikt
válasz Speeedfire #586 üzenetére
Mivel position:absolute
Te pedig csak top poziciót adtál neki. left:0px; megoldja a dolgot.(#585) DeltaPower: Ha már jQuery akkor: jQuery.ajax
[ Szerkesztve ]
- http://pazsitz.hu -
-
-
PazsitZ
addikt
válasz Speeedfire #588 üzenetére
Nálam megoldja, ha beleteszem... IE7
[ Szerkesztve ]
- http://pazsitz.hu -
-
Speeedfire
nagyúr
válasz Speeedfire #590 üzenetére
hülyeséget mondok, pont kompatibilitási nézetben rossz a megjelenítés
ha a dev tools-al meglesem az elrendezési módot akkor az van h rendes nézetben 0px van bal oldalon, de komp. nézetben meg 510px-et írt ki nekem
a margók be vannak állítva mégsem jóFotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
PazsitZ
addikt
válasz Speeedfire #591 üzenetére
Minden esetre a left:0px; még mindig nincs benne a style.css 102 sorában.
Szvsz. érdemes lenne kipróbálnod.- http://pazsitz.hu -
-
Speeedfire
nagyúr
#navigation ul.secondary-links li a {
background: #fff url(img/menu-secondary.gif) no-repeat 0pt 0pt;
color:#2d373f;
display:block;
font-weight:700;
margin:0 3px;
padding:5px 0;
text-align:center;
width:90px;
}
#navigation ul.secondary-links li a:hover, #navigation ul.secondary-links li.active a {
margin-top: -5px;
}
#navigation ul.secondary-links {
position: absolute;
top: 90px;
margin-left: 0px;
}ez vonatkozik az alsó menüsorra
és ott is van, h a bal margó 0pxFotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
PazsitZ
addikt
válasz Speeedfire #593 üzenetére
A margin önmagában még nem határoz meg poziciót.
Esetben a margin valóban nulla. Azzal hogy nem adtál meg left értéket, egyes böngészőkben automatikusan definiálódnak 0 értékkel, míg egyes esetekben nem.
Mivel az első ul elem block elemként viselkedik, ezért a következő elem, mivel nem definiált felveszi az előző offset értékét 510px; és ez lesz az alapértelmezett, mert nem definiáltad, hogy left:0px;
Tehát:
#navigation ul.secondary-links {
position: absolute;
top: 90px;
left:0px;
/*margin-left: 0px;*/ /* el is hagyható */
}- http://pazsitz.hu -
-
Speeedfire
nagyúr
hogy lehet egy div tartalmát középre rakni?
pl
<div class="kozep">
blablabla
</div>és hozzá a css?
#kozep {
float?
text-align?
}se a float se a text align nem jó
konkrétan egy képet akarok középre rakni és csak úgy jó ha nem osztályba rakom a div-et, hanem megmondom neki, hogy középen legyen<div align="center">blablabla</div>
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Gyuri16
senior tag
válasz Speeedfire #596 üzenetére
margin-left: auto;
margin-right: auto;Nem vagyok egoista, csak uborkagyalu!
-
DeltaPower
őstag
válasz Speeedfire #596 üzenetére
float ne legyen megadva neki, amúgy lásd előző hsz-t
"Moonshine Whiskey (70°, ízesítés nélküli) van. Fincsi" - Teebee - "De az kiírtaná az egész családomat..Akkor is ha csak én innék belőle.." - forintuser
-
Speeedfire
nagyúr
köszi és a text-align:center; az menjen ?
illetve, olyan érdekelne még hogy az oldalamon van 1-2 pont ahol formázott szöveg van, úgy mint itt a ph-n a programkód, viszont nagyon kicsike a betűméret
az alap css fájlban ehhez nincs semmi formázás, ezért ezt nekem kellene megadni, viszont elég kezdő vagyok css terén
a web developer úgy jelzi ki, hogy <pre>a szöveg amit formázni kell</pre>
nos gondolom, hogy akkor a css fájlban kellene egy olyat létrehozni, hogy:.pre {
ide írni a formázási paramétereket;
}hülyeségeket írok vagy van benne valami reális is?
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Gyuri16
senior tag
válasz Speeedfire #599 üzenetére
a text-align a diven beluli szoveg horizontalis helyet allitja be, itt most nem kell
a font nagysagat a font-size attributum adja. itt jo valamilyen relativ nagysagot megadni (pl 200%) vagy lehet larger, x-large stb
mod:
nem .pre kell, a . azt jelenti hogy olyan osztalyu(class) elementekre vonatkozik, ha konkret element a cel akkor . nelkul kell irni[ Szerkesztve ]
Nem vagyok egoista, csak uborkagyalu!
Új hozzászólás Aktív témák
- LG UltraWide 38WN95C-W Monitor 1 év Garancia
- iMac 2017 27" Retina 5K CTO / i7 4.2 GHz / 40 GB DDR4 / 1 TB SSD + doboz
- iMac 2017 27" Retina 5K CTO / i5 3.8 GHz / 40 GB DDR4 / 1 TB SSD / Radeon Pro 580 8 GB + doboz
- iMac 2017 27" Retina 5K CTO / i7 4.2 GHz / 40 GB DDR4 / 500 GB SSD / Radeon Pro 575 4 GB + doboz
- MacBook Pro 14 M3 Pro, Space Black, 18 GB RAM, 512 GB SSD Bontatlan