Thx, kipróbáltam mindet de nem igazán jött össze. Más megoldás? :s

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

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 ]

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

size-t kell megadni neki, az selectnél az egyszerre látható opciók számára vonatkozik.

"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

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

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

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

én ezt úgy szoktam megoldani, hogy a div háttere a kép, fölé egy transparent png-t teszek maszknak.

"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

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?

Nincs a két img tag között felesleges szóköz, tabulátor?

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

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

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

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

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 ]

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

Ü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

[felül a probléma]

Bármilyen ötletet, segítséget örömmel veszek.

Immy

Apró: https://hardverapro.hu/aprok/hirdeto/immy/index.html

DIV pozícionálási hiba volt. Mire rájöttem majdnem kihullott az összes hajam...

Apró: https://hardverapro.hu/aprok/hirdeto/immy/index.html

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

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?
Css2-vel nincs, css3-al nem tudom, de annak a támogatottsága még nem elégséges ahhoz, hogy használni is lehessen.

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

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!

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

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!

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

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!

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 !''

"ugyanazon a lapon elővarázsolni", tehát lap-újratöltés nélkül? ha igen, akkor ajax és/vagy javascript.

"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

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 !''

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

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 !''

ü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

nem kérdeztem semmit
megoldottam a gondot, csak meg kellett adni neki, hogy a háttér hol legyen

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

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

ü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?

http://tothszabi.info

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

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 -

ez nálam nem oldottam meg a gondot
az érdekes az h a laptopon rendesen mutatja a linkeket, pedig ott is ugyan az az ie8 van fent

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

kompatibilitási nézetben jól néz ki nálam

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

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

#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ó 0px

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

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 -

köszi a segítséget
mostmár jó ie6-7-8 alatt, crome és ff alatt is

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

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

margin-left: auto;
margin-right: auto;

Nem vagyok egoista, csak uborkagyalu!

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

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

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!