Alignment af textbox/radiobutton

radiobuttons centeres ikke på den måde, du må have noget tabelværk som smadre det.

Prøv at kommer med hele din kode.

Hej du, jeg kunne ikke lige lave et eksempel hvor det gav problemer. Men jeg har fundet ud af at hvis jeg piller følgende ud af min CSS viser den ikke centrering:

input {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    width: 200 px;           
}

Hvordan kan det være?

Jo, nu har jeg et kode-eksempel der irriterer:

<%@ Page Language="VB" Debug="true" %>
<?xml version="1.0" encoding="iso-8859-1"?>
<head>
    <title>test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<form runat="server">
    <div align="center">
        <table id="table_basic" cellspacing="0" cellpadding="0" width="733" align="center" border="0">
            <tbody>
                <tr>
                    <th class="table_bund" scope="col" align="middle" height="17">                     
                    </th>
                </tr>
                <tr>
                    <td class="table1">
                        <asp:RadioButtonList ID="bbl" runat="server">
                          <asp:ListItem value="3">Her er tekst</asp:ListItem>
                          <asp:ListItem value="2">Her er tekst</asp:ListItem>
                          <asp:ListItem value="1">Her er tekst</asp:ListItem>
                  </asp:RadioButtonList>                  </td>
                </tr>
                <tr>
                    <td class="table_bund">
                        <p class="table1" align="center">&nbsp;
                        </p>
                    </td>
                </tr>
            </tbody>
      </table>
    </div>
    </form>
</body>
</html>

Og her er CSS'en, prøv så et fjerne "Input" - så står den Rbl normalt:

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #006633;
}

.table1 {   
    text-align:left;
    margin-left: 5px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #006633;   
}

Input {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;   
    width: 200 px;       
}

En radiobutton er jo også en input, men den indeholder ikke tekst ...

Prøv at kigge i html-koden (Vis kilde i browseren !-), så vil den nok vise noget, som ligner dette:

<input type="radio" name="bbl" id="bbl" value="3">Her er tekst<br>
<input type="radio" name="bbl" id="bbl" value="2">Her er tekst<br>
<input type="radio" name="bbl" id="bbl" value="1">Her er tekst<br>

-- og når input så er defineret til 200px bredde, kan teksten jo først komme bagefter !-)

og den nemme løsning er så at angive en class på dine radios


<input type="radio" name="bbl" id="bbl" class="radio" value="3">Her er tekst<br>

og så

input.radio
{
width: 20px; /* eller hvor langt det nu er */
}

Ok! Nu forstår jeg at den laver radioes'ne i en bredde på 200 px! Men mærkeligt nok vil det ikke virke når jeg tildeler den enten class="radio" eller CssClass="radio" med

input.radio {
width: 20px;
}   

i mit CSS. - Det virker fint hvis jeg tager en almindelig Btn og tildeler den klassen "radio". Mine Radiobuttons og Checkboxe vil kun rette sig efter Input...

Skal du bruge anden serverside funktionalitet, end at du skal aflæse værdien ?-)

For hvis der ikke er behov for at trække værdien ud af en database, kan du jo bare skrive de radioer, som jeg viste i går !-)

-- og sætte alisters class på, sæ'fø'li' ...

Jo, jeg skal bruge dem i sammenhæng med database - men er det ikke underligt at de ikke vil rette sig efter input.radio? Når knapper gør det..

I sammenhæng med database, ja, men ved du kun hvor mange der er og hvilke værdier, de har, hvis du læser i din database ?-)

Ah okay.. Nej i dette tilfælde skal jeg ikke hente værdierne udfra en database - kun indsætte dem senere - og kan godt bare skrive dem direkte ind i deres tags. Så jeres eksempel med:

input type="radio" name="bbl" id="bbl" class="radio" value="3">Her er tekst<br>
 
virker fint nok denne gang, da den her uden problemer retter sig efter CSS'en :-)

Hmm... men hvis nu man skulle bruge asp:RadioButtonList, fordi værdierne skulle hentes ud dynamisk ville problemet jo opstå..

Nå men pyt, I har løst mit problem for denne gang :-)

Ups nej, hvis jeg forsøger at hente værdien fra mit script, duer det ikke...

Eks.: Label1.Text = bbl.SelectedItem.Value

Name 'bbl' is not declared.

-- nej det er rigtigt, så skal du omkring Request.Form["bbl"], men om det er et array eller en tekststreng på value, ved jeg ikke !-)

Okay, det er bare irriterende det ikke virker med .NET. Mit eksempel minder faktisk om denne her tekstbox man skriver kommentarer ind i, og så den "send"-knap der er nedenunder. Altså som om at de retter sig efter samme Input på 400 px - selvom der måske er defineret en Input.knap på kun 100 px i CSS'en..

lukker hvis ingen vil have points

<ole>

.table1 Input {
  // CSS-regler for inputs under klassen 'table1',
  // som er den container (her en celle), de ligger i
}

/mvh
</bole>

- og med CSS-kommentar-tags  :)

.table1 Input {
/*
  CSS-regler for inputs under klassen 'table1',
  som er den container (her en celle), de ligger i
*/
}

Altså:

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #006633;
}

.table1 {   
    text-align:left;
    margin-left: 5px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #006633;   
}

Input {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;   
    width: 200 px;       
}

.table1 Input {
    width: 13px;
}