Új hozzászólás Aktív témák
-
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!
-
Speeedfire
félisten
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
-
DeltaPower
addikt
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
-
Gyuri16
senior tag
válasz Speeedfire #596 üzenetére
margin-left: auto;
margin-right: auto;Nem vagyok egoista, csak uborkagyalu!
-
Speeedfire
félisten
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
-
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
félisten
#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 #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
félisten
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 #588 üzenetére
Nálam megoldja, ha beleteszem... IE7
[ Szerkesztve ]
- http://pazsitz.hu -
-
-
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 -
-
Speeedfire
félisten
ü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
-
DeltaPower
addikt
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
félisten
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
-
Speeedfire
félisten
ü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
-
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 !''
-
DeltaPower
addikt
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 #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
addikt
-
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 !''
-
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!
-
DeltaPower
addikt
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 #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
addikt
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
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
addikt
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
-
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
-
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
-
DeltaPower
addikt
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
-
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
addikt
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
-
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
addikt
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 #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
-
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
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
-
DeltaPower
addikt
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
-
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
-
-
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
-
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 ]
-
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
-
j0k3r!
senior tag
hello!
az (#545) os hsz-ben megoldottam a hovert.
most az volna a kerdesem, hogy hogy kellene megcsinalni, hogy ha rakattintok a <li>-s listaelemre, akkor ugyanugy maradjanak a szinek, mint amikor folotte van az eger (hover), akkor is ha elmaszkalok az egerrel a listaelemrol?
remelem lehet erteni, mit akarok : )
a segitsegeteket elore is koszonom.some men just wanna watch the world burn...
-
maathe
senior tag
Kösz! Amúgy ez a scriptes dolog így müxik? :>
Remélem egy HT mod sem olvassa a topicot.Most működik az oldal de alul az invitearea fehér, ff-be normálisan betölti a képet. Ez mitől lehet?
[ Szerkesztve ]
-
maathe
senior tag
Üdv.
Az aláírásomban lévő oldalról lenne szó: [link]
FF-el teljesen jól működik de minden mással csak a body-t hozza be, mi lehet a gond? -
j0k3r!
senior tag
sziasztok!
nemreg kezdtem el a html/css alapjait tanulni, es volna egy kerdesem.
van nekem 5 menupontom (<li class="szin neve">) (5 kulonbozo szinu), es ugy szeretnem megformazni css-ben, hogyha raviszem az egeret a linkre (hover), akkor pl.
piros betus a menu fekete oldalhatterrel, akkor a hover hatasara fekete betu legyen piros hatterrel (ami nem az egesz oldalra vonatkozik csak a menupontra)
bocs, ha bonyolultan fogalmaztam, es nagyon koszonom, ha valaki tudna segiteni.eddig van meg:
li.kek a:hover{
color:#FFFFFF;
<ide kene valami background valtoztato szerintem>
}[ Szerkesztve ]
some men just wanna watch the world burn...
-
cucka
addikt
Ha annyi a baj, hogy nem ismétlődik a háttérkép, akkor azt background-repeat segítségével tudod megoldani.
Ha kb. egyáltalán nem látszik, akkor az lesz a gond, hogy a böngésző nem méretezi be helyesen a div2-t. Ez akkor fordul elő, ha a div2 csupa float-olt elemet tartalmaz (és igen, ez teljesen normális, ilyen szerencsétlenül van kitalálva). Ilyenkor a div2 tartalmának a végére szúrj be egy ilyet:
<div style="clear:both;"></div> -
raczger
őstag
Divekkel akadt egy kis problémám, itt egy kép hogyan is épül fel:
Azt szeretném elérni, hogy amit megadok div2-ben háttérképnek, az jelenjen meg egészen addig amíg az a div tart. CSS-ben megadtam neki background-image-ként de ez nem működik és lövésem sincs hogy lehetne megoldani.
www.movat.hu - http://bit.ly/2mIziA4
-
DeltaPower
addikt
szerintem mindkettő, letöltöttem ez a fontot (creative commons licenszes szerencsére), ő-ű nincs benne, de a többi ékezetesnek mennie kéne, ha nem az valszeg a javascript hibája
"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
-
cucka
addikt
válasz Termigáßor #538 üzenetére
Itt konkrétam nem a javascript-el van a baj, hanem a betűtípussal. Netről összeszedett egzotikus kinézetű betűtípusoknál nagyon gyakran előfordul, hogy nem tartalmazzák az összes magyar ékezetes betűt.
-
Termigáßor
aktív tag
Ez a jó abban amikor nem magad írod a js-t, hanem innen onnan szedegeted össze.
De ha már ez a helyzet mindig ellenőrizd, hogy a js file is ugyanazzal a kódolással legyen elmentve mint a html ami betölti! pl.: utf - utf, iso - iso. (ezek már csak ilyen homoszexuálisok...)Jobbára ártalmatlan...
-
DeltaPower
addikt
[link] ez alapján úgy nézem, ez a Yanone nevű font nagyjából jó lenne (igaz kalapos ű van benne), szerintem a javascript nem bírja el az ékezetes betűket.
"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
-
perfag
aktív tag
válasz DeltaPower #534 üzenetére
Megvan mi okozza a problémát! Egy cufon.js font megjelenítő fájl. Ez meghív egy font.js-t ami YanoneKaffeesatz Light-ra cseréli a fontokat - ebben viszont valami gond van a magyar ékezetes betűkkel. Kidobtam, így most nem olyan szép nagyok a betűk , de a html legalább műxik . Ha egyszer lesz időm, megpróbálom a fontcserét. (Tudom, hogy nem lesz rá időm, de olyan jó hinni, hogy mégis.)
-
DeltaPower
addikt
akkor az a helyzet, hogy alapból rossz valami, viszont IEben véletlen megy, az ugyanis semmit se csinál szabvány szerint.
lehet, hogy az alap html-ed kódolása nem utf-8, viszont a css-ben rákényszerítenéd és emiatt kiakadnak a szabvány-szerető browserek.ezeket ellenőrizném elsőnek:
html oldal kódolása (utf vagy ansi)
meta charset (iso-8859-X vagy utf-8)
css-ben a charsetezeket kellene egységesíteni.
"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
-
perfag
aktív tag
válasz DeltaPower #530 üzenetére
Két gépen próbáltam, itthon magyar XP, céges angol XP - egyik sem mutatta az ékezetes betűket.
font: h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } -
DeltaPower
addikt
elsőre arra tippelnék hogy a nem-bold fontból hiányoznak az ékezetes karakterek. más gépen is rossz? font-family mire van állítva?
"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
-
perfag
aktív tag
válasz DeltaPower #525 üzenetére
@charset "utf-8";
itt működik:
#nav ul li a {
text-decoration: none;
display: block;
height: 31px;
width: 113px;
line-height: 31px;
background: url(../images/nav_btn.gif) top left no-repeat;
color: #5aa0b1;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
}itt nem:
#page-header {
background: url(../images/header.gif) no-repeat;
height: 35px;
width: 864px;
padding: 15px 40px 0 40px;
color: #FFF;
overflow: hidden;
margin-left: 8px;
}
.title {
float: left;
margin-right: 20px;
margin-top: -1px;
height: 22px;
}
.title h2 {
font-size: 24px;
text-transform: uppercase;
}Tudsz ebből kihámozni valamit, hol lehet a hiba?
-
cucka
addikt
válasz Louloudaki #526 üzenetére
csinálsz egy fehér keret + plusz jel + drop shadow középen átlátszó gifet, az autós képet beállítod egy megfelelően méretezett div háttérenék
Ha fix méretű a kép, akkor sokkal egyszerűbb a helyzet. A div hátterének berakod a képet, a div-be pedig képként a keretet plusz jellel, mindennel. Az áttetszőség miatt lehet használni png-t is, ehhez szükséges némi buherálás az ie6 miatt.
Ha változó méretű a kép, na akkor vagy a szopóágon . Oda igazából a te megoldásod sem jó, talán a legelegánsabb egy nagyon sok cellából álló táblázattal megoldani. (Ami azért eléggé gáz, ha olyan a feladat, hogy a sokcellás táblázattal lehet a leghatékonyabban megoldani ) -
Louloudaki
aktív tag
válasz Speeedfire #522 üzenetére
a lekerekített sarok meg drop shadow css-js hakkolások nem mindig és nem minden böngészőben működnek
csinálsz egy fehér keret + plusz jel + drop shadow középen átlátszó gifet, az autós képet beállítod egy megfelelően méretezett div háttérenék, majd a divbe belerakod img src="középenátlátszó.gif. esetleg z-index-szel egymásra pakolod őket, bár az nem túl szép, szontén nem biztos, hogy mindenhol működik.
deltapower, jó a gif ha az oldal háttere amire rákerül egyforma mindenhol, mert akkor bele lehet vágni a gifbe az átmenetet is. nem olyan sokszínű ez az árnyék, hogy gifbe ne férne bele. a plusz jelet is rá lehet rakni a keret gifre (szerintem)
[ Szerkesztve ]
-
perfag
aktív tag
Tanácsra lenne szükségem: A css lapomon a h1..h6 tagokban text-transform: uppercase; van. A html oldalaimon sajnos nem működik egységesen. Ugyanabban a fájlban egyes div-ekben szépen átállítja az ékezetes szöveget nagybetűsre, míg máshol a nagybetűs szövegből kihagyja az áéó-kat. Mi kavarhat be?
-
DeltaPower
addikt
válasz Speeedfire #522 üzenetére
ha leméretezed+megvágod a képeket (photoshop, gimp, stb) akkor css-el nem gond, viszont ha automatizálni akarod, akkor mindenképp php kell hozzá.
ahogy számolom 3 div kell hozzá: 1 fehér keret, 1 amiben a kép van, és 1 a plusz jelnek.
amúgy szép ez a keret, egyedül ie6 alatt lesznek vele gondok, az ugyanis nem kezeli alapból az átlátszó png-t, ehhez pedig a gif nem jó az árnyékok miatt."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
félisten
üdv olyan kérdésem lenne h css-el meglehet-e oldani azt h ebből a képből ez legyen?
valami keret megoldásra gondoltam
a képeket táblázatban rendezném és szeretném ha vmi szép formája is lenneelőtte:
utána:
[ Szerkesztve ]
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Rayyy
senior tag
válasz Zoli1222 #513 üzenetére
Ne haragudj meg, de nekem mégis úgy tűnik, mintha képzavarban lennél.
Én egy nagyon egyszerű html kódot írtam ide, a képpel való linkelés kódját, semmi köze javascripthez, amit ha tudnál, akkor nem írtál volna ide ilyet.
A css nem linkelésre való programnyelv, hanem a html kódok által felépített szerkezet kinézetét lehet vele egyszerűen befolyásolni.
Itt lehet megtudni, hogy css-ben hogy lehet középre igazítani bármilyen elemet:
[középre igazítás][ Szerkesztve ]
Minden a legnagyobb render!
-
Zoli1222
addikt
válasz fordfairlane #510 üzenetére
<style type="text/css">
body {
background-image: url(kep400.jpg);
background-repeat: no-repeat;
background-position: center center;
}
</style>
</head>
<body >
</body>Ez volna a kód.
-
Zoli1222
addikt
Sziasztok
Ha van egy képem amit beraktam háttérnek, akkor azt, h kell megírni, h link-ként is szolgáljon?
-
Rayyy
senior tag
Rájöttem (pontosabban segített egy hozzáértő).
Szóval a padding is beletartozik egy elem méretébe, én pedig azt úgy vettem, mintha csak a belső méretére vonatkona... tehát az alap méretéből levontam a paddingot és így semmi nem változott a kinézetben, csak nincs az a láthatatlan erő (midikloriánok), ami szétnyomja az oldalt.
Minden a legnagyobb render!
-
Rayyy
senior tag
válasz fordfairlane #505 üzenetére
Nem.
Ez egy nagyon széles weboldal lesz és oldalra görögve lehet majd képeket nézni.Minden a legnagyobb render!
-
Rayyy
senior tag
Hell!
Olyan problémám adódott, hogy a css-el vízszintesen közére igazított divem valamiért függőleges görgetősávot generál, pedig az egész cucc 700px magas.
Úgy van középen, hogy
top: 50%
margin-top: -350px
Nem értem, hogy minek csinál görgetősávot az 1050 px magas böngészőmbe, mikor simán el kéne férnie. Kell valami plusz trükk még ilyen horizontális középre igazításnál?Minden a legnagyobb render!
-
fordfairlane
veterán
-
sc3w
csendes tag
válasz Louloudaki #501 üzenetére
background-color helyett próbáld a sima background -ot használni.
www.sc3w.net
-
Louloudaki
aktív tag
itten vannak linkjeim:
div.linkek a, div.linkek a:hover{
display: block;
width: 107px;
height: 30px;
line-height: 30px;
margin: 10px 0px;
padding-left: 10px;
font-weight: bold;
font-size: 11pt;
text-decoration: none;
}
div.linkek a:hover{
background-color: #fff;
color: #faa634;
border-right: 1px solid #fff;
}miért van az, hogy ie az istennek nem akarja megjeleníteni a fehér hátteret hovernél, csak ha beteszek legalább 1 bordert? ami jelen esetben nem gáz, mert az 1px fehér border átlóg a jobb oldali divbe aminek fehér a háttere és nem lehet észrevenni, de mi van ha legközelebb nincs ilyen szerencsém? minden másban hibátlanul megy border trükk nélkül, ie meg csak a betűszínt változtatja oszt szevasz.
Új hozzászólás Aktív témák
- Akció! Dell Latitude E6230 laptop (12,5/i5-G3/8GB/256SSD) - 1 év garancia, 27 % számla
- ÚJ! Newskill Valkyr fekete gamer, irodai szék
- Akció! Dell Latitude E5430 laptop (14/i5-G3/4GB/320HDD/AkkuX) - 1 év garancia, 27 % számla
- ASUS ROG STRIX SCAR III makulátlan állapotban, GTX 1650, 16Gb Ram, 512SSD, i5 9300H, 120hz, AuraSync
- VADI új MacBook Air M3 15" 8/10/16 16GB 256GB 3év gar, MAGYAR BILLENTYŰZET!