Két dolgot szeretnék megcsinálni.
Az első: HTML és CSS segítségével testre szeretnék szabni egy gombot. Az szeretném, hogy egy általam készített kép legyen a gomb képe, illetve ha felé mozgatom az egeret, ez a kép megváltozik.
A második: Szintén az előző gombról van szó, ha rákattintok, akkor átíiányít egy másik oldalra (pl.: masik.html, www.startlap.hu, stb.)
Tudnátok segíteni?

:D Semmi :D

Felraktam neked ide egy egyszerű példát:
http://jsbin.com/iqinow/edit#html,live

Sk8erPeter

Tehát egy egyszerű <a> tages linket készítesz. Hmm... a "display: block;" részel éred el azt hogy a szöveg nem jelenik meg?

:D Semmi :D

Vagy, na Tehát azzal hogy ennek az id csoportnak beállítasz egy hátteret azt a szöveg felé helyezi automatikusan?

:D Semmi :D

Nem, a color:transparent;-tel érem el, hogy a szöveg nem látszik.
A display:block; arra jó, hogy egy alapvetően inline megjelenésű HTML-elemet "blokkszerűvé" tudok tenni ezzel, ami arra jó, hogy beállíthatom pl. a szélességét-magasságát, tehát olyan módon viselkedik, mint egy <div>.
Egyébként ha kitörlöd a "Go to Prohardver!" szöveget, akkor is működik.

Ez egy lehetséges megoldás a sok közül, lenne még más is, de ennek nagy előnye, hogy szimpla HTML+CSS kombóval elértem a kívánt hatást, JavaScript egyáltalán nem kellett hozzá.

Sk8erPeter

Jaaah hát tééényleg, a color -ral a betűszínt állítjuk, a transparent meg átlátszót jelent
Köszi szépen, igen valóban egy egyszerű megoldás

:D Semmi :D

Ilyet láttatok már php errorlog-ban?

PHP Fatal error: require_once() [<a href='function.require'>function.require</a>]: Failed opening required

Igen.
require_once()

Sk8erPeter

mókamiki
csak az volt benne az érdekes, hogy a tagben van

Ha ilyen hülyén teszed fel a kérdést, ne csodálkozz, ha hülye választ kapsz...

Egyébként konkretizálva: html_errors

Sk8erPeter

Jajj, várjál már Sk8erPeter
Rájöttem hogy mit is akartam valójában kérdezni. Egy ilyen linket én is meg tudok csinálni, azelőtt is tudtam, csak mikor válaszoltál kiment a fejemből hogy mit is akartam kihozni
Szóval azért gombot mondtam, és nem linket, mert itt én azt a gombot szeretném testre szabni, ami mondjuk egy űrlap végén van, és azt ha lenyomjuk elküldi az adatokat.

:D Semmi :D

A submit gomb is teljesen testre szabható igény szerint.

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

"Szintén az előző gombról van szó, ha rákattintok, akkor átíiányít egy másik oldalra (pl.: masik.html, www.startlap.hu, stb.)"
Ezért csináltam linket... Ha egy form végén lévő submit gombról beszélsz, akkor miért lenne az jó neked, ha átirányítana egy másik oldalra?

Sk8erPeter

Oké, de most az a kérdésem hogy hogyan lehet egy form submit gombját testre szabni igény szerint

:D Semmi :D

Nesze:
http://jsbin.com/iqinow/2/edit#html,live
A CSS-sel nem gyengén át lehet szabni az elemek kinézetét.

Sk8erPeter

köszike

:D Semmi :D

Ha a css-nél em vagy 100% van megadva, akkor azt hogy tudom visszafejteni pixelre?

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

em to px:
http://pxtoem.com/
Az URL ellenére visszafelé is ajánl megoldást.

A 100%-ra meg az a megoldás, hogy előveszed a fejlesztőkonzolt (F12, Ctrl+Shift+I), és megkukkantod, hogy az adott elem milyen széles (pl. Chrome-ban: az adott elem fölé viszed az egeret az "Elements" fülnél).

Sk8erPeter

Nem rossz, de fura ez a 100%, ahogy nézem ezt a böngészők állítják be. Szóval érdemes valami alapértelmezett értéket adni nekik.

Kis css kérdés:
Adott 3 div, a csomagoló és 2 belső, azt szeretném, hogy a 2 belső magassága megegyezne. Tipp?
[link]

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

Neked ezt már kisujjból kéne kirázni.

Azért találtam neked némi infót:

[link]

[link]

[ Szerkesztve ]

Hát, én ezekben nem találok normálisat...vagy megadják a height értékét, vagy a background-nka képet adnak meg, de attól még a div magassága 0 pixel.

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

Nem is lesz rá megoldás.

Vagyis van table cell alapú megoldás, de azt IE-kben buktad.

Csináltam egy layoutot anno, IE6 ban is jó volt, faux oszlopok, bottom stick footer, oldalszélen túlnyúló dobozok amik nem befolyásolják a szélességet és az oszlopok aljára stickelő oszlopfooterek. Na az nem volt egyszerű menet, de a végére minden böngészőben fasza lett

[ Szerkesztve ]

Má' nem

Na, akkor nem is szendvedek vele. Írtam rá egy jquery szkriptet aztán csókolom.

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

Igen ez is megoldás, ár kicsit erősnek tartom hogy JS kelljen a layouthoz
így születnek a végtelenbe nyúló oldalak

Má' nem

Hát, vagy a min-height-tal állítom be, de ez dinamikus tartalomnál szerintem nem a legjobb. Vagy mi más lehet még erre jó? Lekérem azt amelyik a hosszabb, aztán annak az értékét beállítom a másiknak is. Így pont akkora mind a 2.

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

Berakod az egészet egy táblázatba Garantáltan menni fog mindenben

De az egész attól függ hogy milyen a design, mindig ahhoz kell a legjobb megoldást választani.

Az hogy menet közben Js kód variál a magasságokkal, szerintem nem járható út, legalábbis nekem nagyon nem szimpatikus.

[ Szerkesztve ]

Má' nem

Táblát nem akarok semmiféleképp sem.

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

Background-image esetén teljesen mindegy, mekkora a "kis" div magassága, mivel az ezt tároló div-hez adod meg a hátteret.
Mondjuk a másik egyszerű megoldás valóban a táblázat, de azt én nem szoktam használni.

Mi a gond a Siriusb által linkelt cikkel?
Szerintem tök jól alkalmazható. A 4. módszer alapján átdolgoztam azonos magasságú divekre, mondjuk itt nincs sárga háttér, de azt nem is írtad, hogy kellene, hogy legyen külön:

http://jsfiddle.net/Sk8erPeter/r7V6b/

Annyit változtattam az eredeti kódon, hogy a középső oszlop tartalmát 0-ra csökkentettem, és nem raktam bele semmit. Így végül is 3 hasábos, de valójában 2.

[ Szerkesztve ]

Sk8erPeter

Megpróbálom megemészteni az infókat.

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

Chrome, webfejlesztéshez must-have extension:
lipsum.com

Firefoxra ugyanez:
Dummy Lipsum

Sk8erPeter

Jó, hát nem azt mondtam, hogy nem lehet nélküle élni... OK, akkor a must-have túlzás.
De ha sokat tesztelsz, esetleg sokat segítesz fórumon , és gyorsan szükséged van hosszú kitöltő szövegekre, amiket jsFiddle-re vagy más tesztlapra be szeretnél szúrni, akkor jól jöhet egy ilyen egyszer kattintós módszer. Be lehet állítani, hogy <p> legyen a wrapper, vagy <div>, vagy <li>, esetleg <blockquote>, vagy semmi, ahogy azt is, hogy konkrétan hány bekezdésre van szükséged.

Egyébként hiába "unalmas" szerinted, akkor is a Lorem Ipsum szövegekkel lehet a legjobban tesztelni a bekezdések szélességét, a hosszú, ömlesztett szöveg kinézetét.

[ Szerkesztve ]

Sk8erPeter

Még pár, amiket szeretek és rendszeresen használok:

- HTML ipsum - sokféle wrapperben lipsum szövegek
- Bacon ipsum - húsfélékkel fűszerezett lipsum
- Samuel L. ipsum - mintha a Ponyvaregényből idéznél

Az utolsó nagyon jó.

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

Köszi, ezek nagyon jók!

"ADD SOME FUCKING BITCHASS <P> TAGS"

Sk8erPeter

Sziasztok!

Szeretnék saját tárhelyre magamnak egy képfeltöltő oldalt készíteni.
A mihalism multi host-ot használtam eddig, de elkezdte kiírni, hogy "Hiányzó ideiglenes mappa." érdekes módon eddig semmi baja nem volt. Meg amúgy sem tetszik, ezért keresnék másikat.

Ez elég jónak tűnik.

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

Valóban jó, csak sajnos fizetős .

Lap alja.

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

Cool, köszi!
Rakom is felfele.

[ Szerkesztve ]