Hirdetés
- sziku69: Szólánc.
- Luck Dragon: Asszociációs játék. :)
- sziku69: Fűzzük össze a szavakat :)
- sh4d0w: Kalózkodás. Kalózkodás?
- Sub-ZeRo: Euro Truck Simulator 2 & American Truck Simulator 1 (esetleg 2 majd, ha lesz) :)
- Meggyi001: Kórházi ellátás: kuka vagy finom?
- sh4d0w: StarWars: Felismerés
- gban: Ingyen kellene, de tegnapra
- Brogyi: CTEK akkumulátor töltő és másolatai
- GoodSpeed: Kell-e manapság egérpad vagy sem?
Új hozzászólás Aktív témák
-
SektorFlop
aktív tag
válasz
Speeedfire
#859
üzenetére
Én pont most szórakoztam ezzel, ennyit adtam meg neki:
#footer {
clear:both;
width: 1000px;
height: 20px;
}a többinek pedig: float: left;, position nem kell nekik. nálam egyenlőre minden felbontáson jó.
viszont ebbe segítsetek nekem, google chrome-on dolgozom, a többi böngészőn nem jeleniti meg a css belállításaim bizonyos részét, vagyis a menu css-ét. van még egy ilyen oldalam ahol használom ezeket a menü beállításokat, és ráadásul a mostanihoz csak másoltam a css-t még nem is szerkeztettem egyenlőre de úgy se. valami elkerülhette a figyelmem?
-
SektorFlop
aktív tag
válasz
Speeedfire
#844
üzenetére
nem jó sajnos:S
-
Speeedfire
félisten
válasz
Speeedfire
#841
üzenetére
Na, kitaláltam valamit, de nem 100%-os.
Csináltam egy csomagoló div-et, annak megadtam, hogy relativ. Benne a kép, majd utána egy span. A span-nek be lett állítva, hogy absulute, left 0, top 0, meg a háttérkép és, hogy no-repeat. Viszont meg kell adni neki a magasságát és a szélességét is, enélkül nem jó.

Ha valaki tudja, hogy lehet még jobban megoldani akkor mondja meg, mondjuk itt is csak a vízjel szélessége és magassága a zavaró.#talalatok .row {
position: relative;
}
#talalatok .vizjel{
position: absolute;
left: 0;
top: 0;
height: 120px;
width: 160px;
background: url('vizjel.png') no-repeat;
}<div id="talalatok">
<img src="" />
<span class="vizjel"></span>
</div> -
kisho
senior tag
válasz
Speeedfire
#838
üzenetére
Köszönöm!
-
kisho
senior tag
válasz
Speeedfire
#836
üzenetére
Köszi, működik!
És ha a keret (vagy bárminek is hívják azt, amiben megjelenik a tartalom) méretét szeretném növelni?
-
tob!as
tag
válasz
Speeedfire
#820
üzenetére
Mert a span soron belül elem, nem pedig blokk elem. Akkor tudod középre igazítani, ha először azt mondod neki, hogy
display: block;
Majd ez után tudsz neki egy olyat mondani, hogy:
text-align: center; -
Brown ügynök
senior tag
válasz
Speeedfire
#820
üzenetére
Mert nincs olyan tulajdonsága, hogy align?
-
Speeedfire
félisten
válasz
Speeedfire
#818
üzenetére
Mondjuk ha a base href a css-ek elé kerülne....

-
jeges
senior tag
válasz
Speeedfire
#809
üzenetére
-
jeges
senior tag
válasz
Speeedfire
#807
üzenetére
vagy ha jq-t használsz, próbáld meg ezt
-
jeges
senior tag
válasz
Speeedfire
#805
üzenetére
ie és border-image nem kompatibilisek
itt van egy lehetséges elkerülő megoldás -
jeges
senior tag
válasz
Speeedfire
#803
üzenetére
itt
-moz-border-image -
DeltaPower
addikt
válasz
Speeedfire
#800
üzenetére
Több lehetőség is van erre. Ha be tudod saccolni, hogy legfeljebb milyen magasak lesznek, akkor mindkettőnek megadod a min-height-et. Ha totál változó, akkor beleteszed őket egy befoglaló divbe, és annak csinálsz egy olyan repeat-y háttérképet, amin a függőleges csík van. A harmadik megoldás javascripttel beállítani az azonos magasságot betöltés után.
-
had423
aktív tag
válasz
Speeedfire
#793
üzenetére
köszi, És ha a bejegyzéssel akarom egy szintbe hozni, akkor melyik blokkon kell változtatnom?
-
DeltaPower
addikt
válasz
Speeedfire
#786
üzenetére
Az nem jó, más az értelme szóközzel.
span.urlap - "urlap" osztályú span
span .urlap - bármelyik span-on belül bármilyen "urlap" osztályú elem -
Speeedfire
félisten
válasz
Speeedfire
#778
üzenetére
Volt egy külön szabály az 1024-es felbontás alatti monitorokra...

-
Brown ügynök
senior tag
válasz
Speeedfire
#722
üzenetére
Ez nem az a weboldal amiről eddig szó volt de itt is ugyanaz a hiba:
-
Brown ügynök
senior tag
válasz
Speeedfire
#720
üzenetére
Sajnos ez sem segít

-
Brown ügynök
senior tag
válasz
Speeedfire
#715
üzenetére
Ismételnie kellene a szóban forgó képet y tengelyen a "közép" osztály háttereként.
Igazából top left-re nincs is szükség csak repeat-y-ra. Ez IE 8-nál nem működik így. Megnéztem validatorral és mindössze ezt a figyelmeztetést kaptam:body 7 :A térköz karaktert tartalmazó családneveket idézőjelbe kell tenni. Ha idézőjelet használ, egyik térköz karakter sem lesz figyelembe véve a név előtt vagy mögött, és a névben egymás után lévő térköz karaktereket egy szóközzel helyettesítjük.
Ilyet se láttam még. De a body-ban meghatározott dolgok megjelennek.
Kiegészítés a fenti html szerkezethez:
<közép>
<menü></menü><cikk>
<jobb></jobb>
<bal></bal>
</cikk></közép>
A cikk osztálynak külön háttere van amit megjelenít az IE 8.
Tehát a közép osztályban y t. mentén ismétlek egy képet, majd a cikk osztálynak is meghatározok egy külön képet. A többi böngésző megjeleníti mindkét hátteret az IE 8 nem.
-
Speeedfire
félisten
válasz
Speeedfire
#712
üzenetére
Adtam a .tartalomnak (illetve a content-wrap-nak) egy float:left-et most jó.

-
j0k3r!
őstag
válasz
Speeedfire
#710
üzenetére
egy tipp:
megadsz egy minimum magassagot:
min-height: x px;
aztan
height:auto; -
HolyDay
tag
válasz
Speeedfire
#705
üzenetére
a #content img egy "specifikusabb kiválasztó" volt, ezért applikálta a böngésző ezeket a stílusokat (egy kis segítség: [link] )
üdv
-
PazsitZ
addikt
válasz
Speeedfire
#703
üzenetére
Használj !important-et.
Egyébként tényleg fura, a később kiadott tulajdonságnak felül kellene írnia az előzőt, nem látom én sem a megfejtést
.
Hacsak épp azon nincs important, bár ahogy nézem a paddingon nincs. -
PazsitZ
addikt
válasz
Speeedfire
#701
üzenetére
Pontosan azért, mert azt adtad meg, hogy a background értéke white legyen, a padding pedig 4px.
Feltételezem a célod ez lenne: #content img{ background-color:#fff;} -
DeltaPower
addikt
válasz
Speeedfire
#681
üzenetére
felbontástól nem szabadna függenie
-
DeltaPower
addikt
válasz
Speeedfire
#679
üzenetére
floatold ki jobbra a keresés gombot és állítsd be rendesen a marginjait+a kereső div méretét, ie6 kivételével jó lesz.
-
D@ni88
addikt
válasz
Speeedfire
#672
üzenetére
nem egészen
de benne volt. csak a min-height: valamennyi px; kellett 
-
DeltaPower
addikt
válasz
Speeedfire
#668
üzenetére
én ezt úgy szoktam, hogy van egy felső paddingja a menüpontnak, és aktívnál olyan hátteret kap, amiben benne van a felső kerekítés.
-
DeltaPower
addikt
válasz
Speeedfire
#666
üzenetére
alsóra kell egy clear:both
-
Speeedfire
félisten
válasz
Speeedfire
#665
üzenetére
Van még 1 hasonló gondom.
Csak ott a két alsó felső keret között egy float:left div van, így hiába ez a sorrend:
felső -> floatos -> alsó, az alsó egyből a felső után jön és csak utána a floatos
-
PazsitZ
addikt
válasz
Speeedfire
#657
üzenetére
Elsőként a margin esetén nem kell vessző a felsorolt "paraméterek" közé.
Tehát: margin: 0 auto;
Abban pedig igazad van, hogy nem veszi figyelembe, bár inkább úgy fogalmaznék, hogy nem tudja meghatározni.
Ilyen esetben szükséges szélességet (width:xy px;) adni a div-nek, hogy auto módon ki tudja számolni a 2 oldalról való margin értéket. -
j0k3r!
őstag
válasz
Speeedfire
#657
üzenetére
honnan veszed, hogy figyelmen kivul hagyja?
-
j0k3r!
őstag
válasz
Speeedfire
#655
üzenetére
hello!
probalj meg fix szelesseget adni a divnek.
-
cizella
csendes tag
válasz
Speeedfire
#633
üzenetére
néhány link (kicsit régiek, de szerintem a többségük még használható): http://delicious.com/hollita/css
css3 tippgyűjtemény: http://www.smashingmagazine.com
-
Baldric
csendes tag
válasz
Speeedfire
#646
üzenetére
Ha tudsz angolul, akkor az alap az a Smashing, meg van persze rengeteg ami konkrétabb dolgokkal foglalkozik, például photoshophoz a Psd Tutsplus, de mivel te nem konkrét dolgot kérdeztél, én azt tanácsolnám hogy a smashinget olvasgasd, és iratkozz fel a twitterükre is, mert állandóan linkelnek más oldalakról is hasznos tartalmakat.
-
Baldric
csendes tag
válasz
Speeedfire
#644
üzenetére
A sarkokon használt képek részben átlátszóak, így látszik a mögöttük lévő kép, ami a doboz tetején fut végig, egyszerűen csak töltsd ki a képeken az átlátszó részt fehérrel, vagy add meg a háttérszínt ami az átlátszó részek mögött fog látszódni: background-color: #fff.
Egyébként ha a doboznak fix szélességet adsz ahogy most, akkor nem sok értelme van a 9-slice megoldással kínlódni. -
fordfairlane
veterán
válasz
Speeedfire
#638
üzenetére
Az UL - OL listáknál line-height-tal érdemes a sortávot beállítani, nem <p> és egyéb oda nem illő elemekkel.
<ul style="line-height: 1.8em">
<li>1</li>
<li>2</li>
<li>3</li>
</ul> -
DeltaPower
addikt
válasz
Speeedfire
#640
üzenetére
<li style="margin-bottom:1em;">bejegyzés</li>
-
DeltaPower
addikt
válasz
Speeedfire
#638
üzenetére
az ordered, unordered, stb listákat úgy találták ki, hogy az <ol>, <ul> elemen belül közvetlenül <li> elemek vannak, nem p, h3, stb.
egyébként nem értem, mi a francnak használod ezt a rengeteg <p>-t. a <p> nem egyenlő az enterrel és nem egyenlő a sortöréssel, se a marginnal vagy paddinggal. a <p> az bekezdés, hosszabb szövegblokkok tagolására való, nem erre amire te használod.
-
DeltaPower
addikt
válasz
Speeedfire
#635
üzenetére
akkor dobd ki a P-t
-
DeltaPower
addikt
válasz
Speeedfire
#633
üzenetére
fent a struktúrád így néz ki
<div class="kepek">
<a target="blank" href="cover/2.jpg">
<img src="cover/tn/2.jpg" alt="Good Will Hunting" title="Good Will Hunting" border="0" align="right" /></a>
<p><a href="#galeria" title="Ugrás a galériához">Galéria</a></p>
</div>
szerintem ennek valahogy így kéne:
<div class="kepek">
<p>
<a target="blank" href="cover/2.jpg">
<img src="cover/tn/2.jpg" alt="Good Will Hunting" title="Good Will Hunting" border="0" align="right" />
</a><br />
<a href="#galeria" title="Ugrás a galériához">Galéria</a>
</p>
</div> -
DeltaPower
addikt
válasz
Speeedfire
#631
üzenetére
ezután van egy másik aminek elvileg teljes lapszélességűnek kellene lennie, de csak 200 px széles
ha ez az "ism" osztályú div, akkor nem kell rá a float:left, és a "szoveg" osztályúra se kell. az "oldal" id-jű div elé nem ártana egy ilyen:
<div style="clear:both"></div>jó lenne ha photoshopban helyükre pakolnád az elemeket és feltennéd screenshotban, úgy egyértelmű mit hova.
-
PazsitZ
addikt
válasz
Speeedfire
#623
üzenetére
border: 1px solid #E4F2C8
-
maathe
senior tag
válasz
Speeedfire
#621
üzenetére
Amúgy meg lett a gond, ha jót írtál be akkor ugye 'aktivált' egy echo-t ami kiírt egy fekete szöveget amit alig láttam meg, ez tolta lejeb.
Lenne itt egy PHP-s kérdésem, ennél az oldalnál hogy lehet megoldani azt hogy az oldal megnyitása és a gomb megnyomása között eltelt időt kiírja? Nem vágom a PHP-t sajna :/
-
maathe
senior tag
válasz
Speeedfire
#619
üzenetére
Hát nem tudom te mit látsz

margin: 0 auto; -
Speeedfire
félisten
válasz
Speeedfire
#616
üzenetére
csak sikerült valahogy megoldanom, viszont ismét előjött a szokásos ie hiba

de mostmár nem is érdekel, hogy ie6-7 alatt hogy néz ki
-
Gyuri16
senior tag
válasz
Speeedfire
#611
üzenetére
css-ben be lehet allitani, hogy legyen olyan stilusuk, mintha h1 lenne, de nem latom mi ertelme. az a cel, hogy a html kod az oldal szerkezetet adja, es ebbe beletartozik a kiemelt reszekre hasznalt h1 is. a css pedig a megjelenitesert felel, ebbe mar nem tartozik bele az oldal szerkezete. ha betartod ezt, akkor a kereso robotok is meghalaljak, mivel nekik szamit, hogy a html kodot minel jobban fel tudjak dolgozni.
-
Gyuri16
senior tag
válasz
Speeedfire
#605
üzenetére
padding-bottom: 10px;
ha ezt beleteszem akkor nekem mukodik. nem igazan ertem mi a baj, talan valaki talalkozott mar ezzel, az mond okosabbat is -
DeltaPower
addikt
válasz
Speeedfire
#601
üzenetére
display: block;
width: 500px;
overflow: auto;szélesség értelemszerűen variálható.
-
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 -
DeltaPower
addikt
válasz
Speeedfire
#596
üzenetére
float ne legyen megadva neki, amúgy lásd előző hsz-t
-
Gyuri16
senior tag
válasz
Speeedfire
#596
üzenetére
margin-left: auto;
margin-right: auto; -
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ó */
} -
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. -
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ó
-
PazsitZ
addikt
válasz
Speeedfire
#588
üzenetére
Nálam megoldja, ha beleteszem... IE7
-
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
-
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 legyen
-
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)
-
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.
Új hozzászólás Aktív témák
- Keresek Zebra TC20 TC21 vagy valamilyen hasonló kaliberű 1D és 2D vonalkódok olvasására alkalmas pda
- HP EliteOne 800 G5 All-in-One i5-9500 16GB 512GB 23.8" Érintőkijelző!! 1 év garancia
- Gamer PC-Számítógép! Csere-Beszámítás! Ryzen 5 8400F / 32GB DDR5 / RX 7800XT 16Gb / 1TB SSD!
- HIBÁTLAN iPhone 14 Pro Max 128GB Space Black -1 ÉV GARANCIA - Kártyafüggetlen, MS3523
- GoPro HERO12 Black (CHDHX-121-RW) akciókamera
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: Laptopműhely Bt.
Város: Budapest





.
de benne volt. csak a min-height: valamennyi px; kellett



