Új hozzászólás Aktív témák
-
Speeedfire
nagyúr
válasz SzlobiG #5361 üzenetére
Csak gyors belenéztem, de pl hogy a content static és minden margin auto...
Inkább adj neki egy float left-et, egy width: 100%-ot, majd ez alá egy div-et ami clear both.Az meg, hogy ez szakdoga...
[ Szerkesztve ]
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz SzlobiG #5406 üzenetére
Csak a lényeget nem másoltad be. Konkrétan a CSS3-as részt.
Ez a generátor szar, mert nem cross-browser kódot gyárt, már a honlapon lévő rész sem működik a többi böngészőben a Chrome-on és FF-on kívül (IE9-et nem próbáltam), azonbelül is csak az újabbakban, eleve felejtős.Ha olyan kódot szeretnél, ami még IE6-hoz is képes CSS3-as hatást elérő kódot generálni lekerekített sarkokkal, színátmenetekkel, árnyékokkal, akkor ezt ajánlom:
CSS3 PIE
Nem minden esetben triviális, hogy mitől fog működni tényleg szépen IE6-ban is akár, de van, hogy csak z-index-eket meg ilyesmiket kell állítani, és "megjavul". Ezt teszteltem már többször, használom is, és eddig az ezzel generált kódot találtam a legjobb átfogó megoldásnak, ha a fentebb említett hatásokat szeretném elérni.[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz SzlobiG #5409 üzenetére
"Amúgy ezzel se jó amit linkeltél. FF-el nem lehet rákattintani a gombra ie-vel rá lehet, de nem hoz be semmi."
Bocs, de miről beszélsz?
A css3pie.com-on látható gombnak semmiféle szerepe nincs, nem kell benyomódnia, és nem is kell semmit sem "behoznia"...
A látható példa azt mutatja meg, hogy cross-browser módon lett lekerekítve a gomb összes sarka, ott van a színátmenet, meg az árnyék. Annak ellenére, hogy az IE6 nem igazán támogatja a CSS3-at, mégis olyan hatást sikerül ezen keresztül elérni, mintha azzal lenne megoldva... mindezt anélkül, hogy pl. képet kellene berakni.
Plusz kb. ugyanúgy néz ki a gomb minden mostanában érdekes böngészővel (amire érdemes fejleszteni)... Ez pedig DE, jó, azzal, amit linkeltem. Elég megnézni a példát...Igazából nem nagyon értem, mit nem értettél.
====
(#5410) balpeter04 : szívesen!
[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz SzlobiG #5412 üzenetére
Igazán mutathattál volna kódot, hogy hogyan próbálkoztál a CSS3PIE-jal, vagy megmutathattad volna a fent lévő változatot (ja, de gondolom azt nem lehet, mert bizonyára brutálisan pörög az oldal, és nem fért volna meg egy pár órát egy plusz gomb, főleg, hogy tudtommal még csak készülőfélben van az oldalad ), akkor talán rájöttünk volna, mit rontottál el.
Sk8erPeter
-
Siriusb
veterán
válasz SzlobiG #5418 üzenetére
Html-t mentettél le.
PIE:
Not Found
The requested URL /PIE.htc was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
Ez az üzenetet kapom, ha a css-be rákattintok a hivatkozásra. Az elérési utat kellene korrigálni szerintem. -
Sk8erPeter
nagyúr
válasz SzlobiG #5415 üzenetére
Ne csodálkozz, ha nem működik valami, ha behúzol JavaScript-fájlként egy teljes HTML-tartalmat, lásd ezt a fittext.js-t. Valószínűleg rosszul töltötted le.
Egyébként meg az oldaladon továbbra sem látom a CSS3PIE-ról származó gombot, sem a .htc kiterjesztésű fájlt - ja, és arra is ügyelni kéne, hogy annak az elérési útja jó legyen...
Meg odafigyelni, mik történnek az oldaladon.Szerk.: látom Siriusb már mindkét problémát említette neked előttem (jól).
Továbbá minden behúzott CSS-fájlt vagy <style> tagek között lévő stílus-meghatározást a forráskódban a <head>-be rakj bele, lehetőleg annak elejére, a <title> és <meta> tagek UTÁN, de a <script> tagek ELŐTT.
Plusz legyen már egy fő <html> tag, meg valami DOCTYPE az oldaladon...[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz SzlobiG #5421 üzenetére
Most itt nem értem, miért ragaszkodsz a <button>-höz.
Van erre valami különösebb okod? Szerintem semmi értelme, a CSS3PIE oldalán is egy mezei <div>-et használnak erre a célra, itt tulajdonképpen ez felesleges keverése a szezonnak a fazonnal. Meg mint látható, csak gondot okoz pl. linknél.
Ha azt szeretnéd, hogy gombként viselkedjen, látszódjon úgy, mintha benyomódna, az igen könnyen megoldható CSS és/vagy JS segítségével.
IE-ben nem fasza a dolog, most még nem kukkantottam meg, hogy miért, azért, mert <button> tagről van szó, vagy más miatt.(#5424) fordfairlane : ez elég gáz megoldás ilyenre, semmi nem indokolja egy ilyen gombnál az ilyen jellegű tákolást.
(#5425) Siriusb : "Engem már egyre kevéssé érdekel, valaki tudja-e használni az adott oldalt javascript nélkül."
Ezzel mentalitással csak az a baj, hogy ez magával vonhatja a túlzott JavaScriptre alapozást is, ami szintén káros.(#5428) Tele von Zsinór : örülök, hogy nem csak más gondolja így, teljesen egyetértek.
[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz SzlobiG #5429 üzenetére
Mindennel lehet mit tenni...
Pl. első körben azzal kéne kezdeni, hogy olyan betűtípust választasz, aminél az "ű" betű normálisan néz ki. (lásd "Teljeskörű")
A #szlogen pedig pl. Operában átugrik a következő sorba, így kétsoros lesz belőle, 400 helyett 402 pixelnél már jó. A margónál meg nem tudom, mire gondolsz.A <button>-ös + JavaScript-es szarakodás helyett felraktam egy gyors, nem különösebben átgondolt, de egyszerű példát a CSS3PIE használatával, hogy ne csak a levegőbe beszéljek:
http://jsfiddle.net/Sk8erPeter/X8sSm/2/
Benyomódik, ha rákattintasz, pedig nincs benne semmi <button>, meg semmi JS, csak HTML+CSS.IE-ben ne akard tesztelgetni, arra nem optimalizáltam, meg ott eleve asszem a jsFiddle-lel gázok vannak, de a lényeg végül is látható.
[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
válasz SzlobiG #5439 üzenetére
Kicsit túl nagyot ugrik a "gomb".
Gondolom a <marquee> részre gondoltál.
Így középen van:<div>
<marquee scrollamount="1" direction="up" scrolldelay="1" style="margin:0px auto;width:205px;height:100px">„2BPM House Kft. Új világ a társasházkezelésben!”</marquee>
</div>Persze az inline style-t kerüld (a style attribútummal), inkább rakd külön CSS-fájlba ezeket, de innen már látható a lényeg.
[ Szerkesztve ]
Sk8erPeter
-
Sk8erPeter
nagyúr
-
Sk8erPeter
nagyúr
válasz SzlobiG #5443 üzenetére
Azóta módosítottál valamit? Mert most már nálam is látszik a 300px-es bal oldali margó. Aztán lehet, hogy cache-ből kapta elő, amikor néztem, pedig asszem Ctrl+F5-tel mentem rá megint, aztán lehet, hogy nem.
A bal oldali margó viszont nem jó megoldás, semmi nem garantálja így, hogy középen lesz.
Rakd be a
margin:0px auto;
display: block;stílust, mindkettőt, úgy már jó lesz, Chrome-ban is. Most próbáltam fejlesztőpanellel, jó lett.
Szerk.: Érdekes, ha Opera Dragonfly-ban ennek a display tulajdonságát block-ra állítom, akkor megáll a görgetés, na ezzel sem találkoztam még. Chrome-ban nincs ilyen para. Aztán lehet, hogy csak azért, mert fejlesztőpanelben állítgatom, na ez most hirtelen nem tiszta.
Szerk2.: a tutira működő megoldás: a külső <div>-nek (is) megadod, hogy
width: 250px;
margin: 0px auto;[ Szerkesztve ]
Sk8erPeter
-
rubeola80
csendes tag
válasz SzlobiG #5451 üzenetére
Köszi a választ.
Végül a wampservert telepítettem a wordpress szeretném feltelepíeni hozzá.
De lenne újabb kérdsem hátha tud valaki segíteni
Wampserverre (sajátgépre) szeretném telepíteni a WP-t. Tudom egy adatbázist kell elsőnek létrehozni a Wampon. Azt viszont nem tudom ott milyen "MySQL kapcsolat egyeztetést" válasszak, illetve az "egybevetés" mi legyen?
Segítségeteket előre is köszi!
Új hozzászólás Aktív témák
- Horgász topik
- iPad topik
- Vodafone otthoni szolgáltatások (TV, internet, telefon)
- Kiderült, hogy hol veszik a legtöbb kínai EV-t
- Ukrajnai háború
- Kaspersky Antivirus és Internet Security Fórum
- Nokia 3210 - felélni az örökséget
- Mérföldkőhöz ért az LG a Micro-OLED technológiában
- Samsung Galaxy A52 5G - nem csak egy G-vel több
- Fotók, videók mobillal
- További aktív témák...
- ThinkPad P16 Gen1 16" QHD+ IPS i7-12850HX RTX A2000 32GB 1TB NVMe magyar vbill ujjlolv gar
- Eladó iPhone 11 Pro 256 GB Midnight Green szép állapotú - 12 HÓ GARANCIA - S1530
- Tobii Eye Tracker 5
- MacBook Pro 16" M1 Pro Chip 32GB RAM/ 1TB SSD 27% Áfa
- SMSL DO400 asztali DAC és fejhallgató erősítő, Bluetooth 5.1 LDAC MQA-CD 32bit 768kHz DSD512 eladó
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: Alpha Laptopszerviz Kft.
Város: Pécs