zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Radio Feld unsichtbar und über Div klickbar anlegen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 01.04.2012, 15:09
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.08.2010
Beiträge: 35
Ben. befindet sich auf einem aufstrebenden Ast
Standard Radio Feld unsichtbar und über Div klickbar anlegen

Hey,

mir fällt nicht ein, wie man den Punkt eines Radiobuttons a) verstecken und b) gleichzeitig so gestalten kann, dass dieser bei Klick auf eine größere Fläche (z.B. ein Div) dennoch das Inputfeld ausgewählt wird.

Mit diesem PHP MySQL Mix werden die Radio-Inputfelder erzeugt:
PHP-Code:
query "bla.miau";
result fetch usw...
    foreach(
$rows as $row) {
        echo 
'<div>';
        echo 
"<input type='radio' name='character' value='$row->characterName' />";
        echo 
"$row->characterName ";
        echo 
'<br />';
        echo 
"Level $row->levelID";
        echo 
'</div>';
    } 
Das gibt mir folgendes aus (nur Radiobutton ist klickbar):
Code:
(o) EinSchönerName
Level 123

[Einloggen...]
Was ich nicht schaffe (klickbarer Div, "Formular-Ready"):
Code:
+-----------------+
| EinSchönerName  |
| Level 123       |
+-----------------+

[Einloggen...]
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 01.04.2012, 15:13
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Moin,

du suchst das label-Element als Beschriftung für die Radiobuttons.

gruß,
take
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.04.2012, 10:19
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.08.2010
Beiträge: 35
Ben. befindet sich auf einem aufstrebenden Ast
Standard

PHP-Code:
    foreach($rows as $row) {
        echo 
"<div>";
        echo 
"<input id='$row->characterName' type='radio' name='character' value='$row->characterName' />";
        echo 
"<label for='$row->characterName'>";
        echo 
"$row->characterName ";
        echo 
"<br />";
        echo 
"Level $row->levelID";
        echo 
"</label>";
        echo 
"</div>";
    } 
HTML-Code:
#miauDiv form fieldset label {
    padding: 10px;
    width: 180px;
    height: 130px;
    border: 1px solid #000000;
    float: left;
    margin: 10px;
}
Bedankt

Geändert von Ben. (02.04.2012 um 10:35 Uhr)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 19:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 16:53
Header entfernen tripple CSS 17 15.06.2010 15:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 10:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 19:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:37 Uhr.