valakinek megoldása a css3-as font-face betűtípus használatakor jelentkező hibákra? Pl cakkos betűk (más-más böngészőkben eltérő megjelenés...)

a capitalize transformnak mit kellene csinálnia? Mert az szavak első betűjét nagyra állítja a többit kicsire , s tudtommal a capitalize, megfelelője a kis kapitális ami meg ugye nem ez

és akkor hogyan csinálok kiskapitálist?

[link] így.

"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

Sziasztok!

Hogyan tudnám a következő kódot úgy átalakítani, hogy mindig a közepén legyen a weboldalon a " main doboz"? Ha lecsökkentem az ablakot akkor a megváltozott mérethez igazodjon, ha viszont túl kicsire veszem, akkor ne "nyomja össze" a "dobozt", hanem azért legyen egy fix mérete?
Center-re van állítva a main nevű div egyébként csak nem itt a css-ben hanem "kint". A kikommentezett részekkel is próbálkoztam kevés sikerrel. Jelenleg a main doboz a weboldal bal oldalára beáll..

body {
background-color: rgb(230,230,230);
background-repeat: repeat-x;
background-position: 100%;
background-attachment: fixed;
color: #0000003;
}

div#main{
background-color: rgb(215,215,215);
border:0.1em solid rgb(0,0,0);
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
border-radius:0.5em;
position: fixed;
/* left: 30%; */
/* width: 760px; */
}

div#header{
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 1px;
}

div#cim{
background-color: orange;
border:0.1em solid rgb(0,0,0);
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
border-radius:0.5em;
margin-top: 1px;
margin-left: 9px;
margin-right: 9px;
margin-bottom: 10px;
}

LG Optimus 2X, Dell Inspiron 7520

min-height, min-width
egyébként az ilyen középre rendezésekhez érdemes lehet az oldschool megoldások helyett a flexbox-ot használni. Az default-ból középre rendez.

Én kérek elnézést!

Sziasztok!

ebben
kérném a segítségeteket hogyan tudnám ezt megoldani
kicsit offoltunk ott még a témában (végülis azok a kérdéseim ugyan úgy megmaradtak)
de az hogy én legyártottam egy másik footer.png-t
és azt felraktam az oldalra attól még nem változott semmi pedig megnagyobbítottam
ugyan azon a néven felraktam oda ahol az előző volt az ftp-n de semmi

hogyan tudnám ezt megoldani ?

köszi!

Így 2013-ban el kellene felejteni ezeknek a háttér.png-knek a hsználatát. És ha megírod tisztán css-ben, akkor nem is lesz többet ilyen gondod.
Mivel semmi konkrétumot nem írtál, esélytelen, hogy általános irányelveken kívül bármi konkrétabbat segítsünk.

Én kérek elnézést!

igen viszont ha az egész erre épült hogy képek vannak hozzá használva
akkor jól gondolom hogy az egészet átkéne írni ?

+ én csak most tudtam meg azt is hogy ez nem php hanem css
csak kaptam egy ftp-s hozzáférést hogy ha szerkesztettem valamit
akkor oda feltudom tenni kipróbálni

én máig azt hittem html-ben van
és majd vígan szerkesztgetem

csakhogy itt nem látom egy ablakban a kódot a másikban meg azt ahogy a böngészőben látom

+ ha ez css akkor hogyhogy php a kiterjesztése a fájl-nak ?

ha nem képekben van megcsinálva akkor hogy kapok olyan boxot ami az oldalon van ?

átlehet a css-t alakítani úgy hogy megmaradjon az ahogy a képek változnak ?
(15-20 cikkelyre felszeleteli majd képet vált
ezt egyébként flash végzi ? vagy valami skript ?)

Az egy dolog, hogy a Kozmetik-nek a háttérképét egy képszerkesztővel megnöveled. Elkészítetted az aktív változatát is? Viszont ha megnöveled, jó eséllyel túl fog nyúlni a kis dobozok alján, tehát ezzel a problémával is foglalkozni kell. Táblázattal vagy float-tal van megoldva az elrendezés?
Még a footer a legegyszerűbb, mert ott csak átszerkeszted a háttérképet és megnöveled a footer div magasságát.

nahh most átírtam a ccs-t hogy 300px 450px
most látja is csak szét tolt mindent
ez neked jelent valamit ?

Táblázattal vagy float-tal van megoldva az elrendezés?

.tablazatelem {text-align: right; width: 200px;}

ez az?

a footert is megcsináltam így de az nem változott

Sziasztok!

Adott a következő kód:

.main{
background: url(../Pictures/bg3.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border:0.1em solid rgb(0,0,0);
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
border-radius:0.5em;
margin-left: auto; margin-right: auto;
min-width: 760px; max-width: 760px;
min-height: 850px;
}

Kérdés, hogyan tudnám ezt a "dobozt" az oldal aljához szorítani úgy, hogy oldalt ne jelenleg meg a görgető sáv, hanem a doboz mérete alul mindig az oldal alljáig érjen pontosan.
margin-bottom: 0px; -t már próbáltam

LG Optimus 2X, Dell Inspiron 7520

úgy látom ez nemcsak rajtam, de a profikon is kifogott

LG Optimus 2X, Dell Inspiron 7520

height? 100%?

Én kérek elnézést!

nem történik semmi :S

LG Optimus 2X, Dell Inspiron 7520

más egyéb ötlet?

LG Optimus 2X, Dell Inspiron 7520

Sziasztok ! firefox problémám van, tudtok segíteni?

Ha rámegyek egy oldal cimlapjára akkor nincs gond, de ha rákattintok egy cikkre akkor a betűk felnagyítódnak, úgy hogy nem csináltam semmit.

Ugyanez a goggle-nél is, ha a főoldalon vagyok normális a méret, de ha rákeresek valamire akkor minden a többszörösére növekszik.

Chrome-ban ez nincs, mi lehet a baja?

A mákos-meggyes bableves egy olyan étel, ami úgy készül, hogy kettőt lapozunk a szakácskönyvben.

Heló!

Kérnék egy kis css pozicionálási segítséget.

Adott ez az alap

1: azt szeretném, hogy a zöld rész automatikusan legyen max széles, függetlenül attól, hogy a piros négyszög marginja mennyi (a piros, és a fekete szélessége nem változik)

2: a sárga sávot hogy lehet letolni a zöld aljába? ( a sárga sáv magassága fix)

3: a lime, maroon és aqua elemek elvileg a sárgában kellene, hogy legyenek egy sorban

4: a lime, maroon és aqua elemekben van egy kép és mellette szöveg, azt hogy tudnám egy sorba rakni, középre?

Ha valaki meg tudná mondani, hogy melyik absolute, relaive, mikor float, mikor table-cell, azzal nagyon sokat segítene

Muton#2316 - $z@r a drop >_<

Sziasztok!

Ez lenne a gondom, talán itt előbb kapok választ rá, köszönöm előre is!

"Ha Istenhez szólunk, az ima; ha Isten szól hozzánk, az skizofrénia." "Mi ez, génkezelt lazac? Nem, csak háromszor visszafagyasztott hekk."

Sziasztok

A gondom az, hogy ugyanaz a kód két különböző böngészőben el van csúszva egymáshoz képest.

Internet Explorer:
http://kepfeltoltes.hu/130508/a1_www.kepfeltoltes.hu_.jpg

Firefox:
http://kepfeltoltes.hu/130508/a2_www.kepfeltoltes.hu_.jpg

Látható, hogy firefoxban szépen működik, úgy ahogy szeretném.

A css kód:

.date{
text-align: center;
color:rgb(163,3,48);
}

body {
background: url(../Pictures/bg2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.main{
background: url(../Pictures/bg3.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border:0.1em solid rgb(0,0,0);
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
border-radius:0.5em;
margin-left: auto; margin-right: auto;
min-width: 760px; max-width: 760px;

}

.header{
margin-right: 10px; margin-left: 10px;
margin-bottom: 1px; margin-top: 10px;
}

.cim{
background-color: rgb(163,3,48);
border:0.1em solid rgb(0,0,0);
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
border-radius:0.5em;
margin-right: 9px; margin-left: 9px;
margin-top: 1px; margin-bottom: 10px;
}

.forms{
text-align: center;
margin-right: 10px; margin-left: 10px;
}

.footer{
width: 740px;
display: inline-block;
margin-top: 50px; margin-left: 10px;
}

.footer .map{
float: right;
}

.footer .dates{
float: left;
}

input:hover{
background-color: Orange;
}

Mit módosítsak, hogy mindkét böngészőben szép legyen?
Köszönöm a segítséget!

LG Optimus 2X, Dell Inspiron 7520

Ezt így nem értem miért jó:
min-width: 760px; max-width: 760px;
Helyette simán width. Milyen verziós IE?

"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

igen, az csak úgy benne maradt mert próbálgattam ezt azt.. De nem ez a gond, mert ff-ban jól megjeleníti.
az IE 9es egyébként

LG Optimus 2X, Dell Inspiron 7520

Ki is próbáltad vagy csak tippelted hogy nem ez a gond?

"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

ki is próbáltam, ez eleve úgy került bele hogy próbálgattam, csak aztán elfelejtettem kivenni.

LG Optimus 2X, Dell Inspiron 7520

Tudja valaki hogy miért van az hogy ha egy elementre overflow: hidden-t állítok be akkor ha a benne levő elemeket translate-elem mínuszba akkor nem mutatja ha viszont pozitív irányba akkor nem tűnik el ha nem addig megnyújtja az elemet?
Példa: http://cssizer.com/KLHlPShW

http://flic.kr/ps/MuuJU | @gerhard_berger | https://github.com/gerhardberger

Sziasztok!

Az lenne a kérdésem, hogy hogy lehet azt megoldani, mikor ráviszem az egeret egy menüpontra, akkor ne csak annak a hover állapota változzon, hanem az oldal x területein is legyen még változás?

CSS-ben ez megoldható, vagy csak JavaScript?

Előre is köszönöm!

Hali!

Azt tudtam eddig is, hogy bizonyos dolgokat máshogy értelmeznek bizonyos böngészők. Mostani problémám, hogy egy pozicionálás chrome-ban tökéletes, de pl. FF-ben meg el van csúszva. Ezt hogyan tudom megoldani?

Megoldva.

2 div-em volt egymás mellett, és a bal oldalit feljebb kellett csúsztatnom a másikhoz képest. Viszont a jobb oldaliban lévő szöveg hoszza befolyásolta a bal oldali függőleges elhelyezkedését. Úgy lett megcsinálva, hogy ezt a 2 div-et beleraktam egy div-be, és annak adtam egy position:relative-ot. A fent említett két div pedig position:absolute.

Így néz ki.

[ Szerkesztve ]

Van egy menüm, vizszintes menü, vizszintes almenükkel.
[link]
Most úgy működik, ahogy kell. Föléviszem a kurzort, lenyílik az almenü. De úgy szeretném, hogy a megfelelő főmenüre kattintva (aktív) mindig látszódjon a hozzá tartozó almenü.

-gf-

Javascriptre lesz szükséged.

Én kérek elnézést!

Ahhoz (abszolótt) nem értek. Tudsz valami példát mutatni?

-gf-

Ez esetben nézz be a javascript topikba, hátha valaki ráérős fórumtárs segít neked nulláról megoldani.

Én kérek elnézést!

Szerintem a list-style-position és esetleg a text-indent kell neked.

Sziasztok!

Azzal mit tudok kezdeni, ha minden böngészőben rendesen van megjelenítve a padding, de az IE-ben nem?

megírod IE specifikusra is a CCS-t.

Én kérek elnézést!

Igen idő közben megírtam. Csak "vicces", hogy IE10 előtti verziókon mind jó, a legújabban meg nem.

ez mondjuk tényleg vicces, mert az IE10 eddig egészen szabvány követőnek tűnt, legalábbis az elődeihez képest.
Valami konkrét példát fel tudsz rakni valahova? Kíváncsi lettem.

Én kérek elnézést!

IE10 pl. teljesen más, nagyobb szélességben rendereli a 13px bold arialt, mint a többi böngésző.

"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

Ez oké, de ez éppen nem volt jó példa, mert mindegyik böngésző másképp rendereli a betűtípusokat, ez nem IE specifikus dolog.
Szintén ne hozzuk fel példának az elemek böngészőnkénti defaultjainak az eltérését sem. Azaz egy reset.css után ,és a betűtípusok böngészőnkénti eltérését nem figyelembe véve, mit renderel másképp az IE10?
Mert a régebbi IE-k kismillió dolgot másképp rendereltek, de IE10-nél nekem eddig túl sok eltérés az elvárthoz képest nem tűnt fel.

Én kérek elnézést!