ugrás a tartalomhoz

100% szélességű gomb

krey · 2006. Feb. 26. (V), 19.33
Egy gombot szerettem volna csinálni, aminek fekete háttere van és fehér betűkkel rá van írva valamilyen szöveg, és a szélessége 100%. Mindezt html-ben természetesen. Ahhoz, hogy 100%-os legyen a szélessége, a szöveget egy <div>-be raktam. Ha ebbe teszem az <a>-t akkor csak ott működik a gomb, ahol szöveg van. Ha viszont a <div>-et rakom a az <a>-ba, akkor invalid. Elkészítettem a példát, itt érhető el . Arra lennék kiváncsi, hogy a problémám miként oldható meg úgy, hogy megfelelően működjön a gomb is és valid xhtml is legyen.

krey
‹ createTextNode() és a &copy; Egérkurzor képének beállítása egyedire ›
 ■
1

input type

Anonymous · 2006. Feb. 26. (V), 19.54
Van egy ilyen input type, hogy button:
<input type="button" id="gomb" class="fekete_feher" value="Gombszöveg">
CSS stílus:
#gomb {color: #ffffff; background-color: #000000; width: 100%}
A gomb a befogadó konténer szélességét fogja felvenni.
2

eddig ok

krey · 2006. Feb. 26. (V), 19.58
De ezzel meg tudom oldani, hogy menjen az a hover amit én írok hozzá?
Még az is kérdés, hogy hova írjam be az url-t, ami betöltődik.
Itt is kell <form> az input elé?

krey
4

div

Anonymous · 2006. Feb. 26. (V), 20.03
Ez is egy megoldás lehet:

<div onclick="url.html" style="border:2px solid;padding:3px;cursor:pointer">
<a href="url.html">Link szövege</a>
</div>
Gyulus
7

ILYET NE!

Jano · 2006. Feb. 26. (V), 22.39
Nagyon kedvelt es egyben boduletesen lamer megoldas amikor csak azert kikerul a link valodi cime az onclick esemeny kezelobe, mert valami mas efektus tipikusan hatterszin allitast is javascripttel oldanak meg. Ilyenkor ez a linknek latszo valami nem fog a felhasznalo fele valodi linkkent mukodni!

Ebben az esetben legalabb a valaszolo benne hagyta a href-ben is a linket de meg itt is felmerul a hiba. Azon a teruleten ahol a valodi link elem nem ér el nem fognak a hagyomanyos link funkciok (nyitas uj fulre, link mentese stb mukodni.)

CSS-ben display:block az A elemnek es maris ugy viselkedik mint egy blokk tipusu elem (lasd DIV)
3

Folyt.

Anonymous · 2006. Feb. 26. (V), 20.01
Ja, ha meg nem konkrétan gombot szeretnél, hanem csak egy gombnak kinéző linket, akkor az <a> elemből blokk-elemet kell csinálni, utána jöhet rá a 100% szélesség:
a {display: block; width: 100%;}
(Az előző hozzászólás végén a % jel után lemaradt a pontosvessző.)
5

ie?

krey · 2006. Feb. 26. (V), 20.10
Köszi szépen mindenkinek a segítséget!
Az onclick-es megoldás lefut vajon javascript nélkül is?
Még arra lennék kiváncsi, hogy az IE támogatja-e (display: block), mert dereng valami, hogy talán nem.
Egyébként tudtommal nem gáz a % jel után lemaradt pontosvessző, mert az csak a tulajdonságok közé kell.
6

Javascript

Anonymous · 2006. Feb. 26. (V), 20.20
Onclick nem megy Javascript nélkül.

Display: block van IE-ben, ha jól emlékszem <a>-ra is, de ki kell próbálni.