- VoLTE/VoWiFi
- Honor Magic6 Pro - kör közepén számok
- Android alkalmazások - szoftver kibeszélő topik
- Huawei Mate X6 - keleti oldal, nyugati oldal
- Honor 400 Pro - gép a képben
- Samsung Galaxy S24 FE - később
- Motorola Edge 50 Neo - az egyensúly gyengesége
- Sony Xperia 1 V - kizárólag igényeseknek
- Google Pixel topik
- Netfone
Ú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
Hirdetés
- AKCIÓ! GIGABYTE GA-Z170X-UD3 Z170 chipset alaplap garanciával hibátlan működéssel
- Újszerű HP 250 G10 - 15.6"FHD IPS - i3-1315U - 8GB - 512GB SSD - Win11 - 1,5 garancia - MAGYAR
- Csere-Beszámítás! Asus Tuf Gamer laptop! R7 3750H / GTX 1650 / 16GB DDR4 / 500GB SSD
- Nexus 6P 32GB, Kártyafüggetlen, 1 Év Garanciával
- Új! HP 230 Vezetéknélküli USB-s Billentyűzet
Állásajánlatok
Cég: CAMERA-PRO Hungary Kft
Város: Budapest
Cég: Promenade Publishing House Kft.
Város: Budapest