Søg
Avatar billede mickeynt Nybegynder
22. februar 2005 - 09:45 Der er 17 kommentarer og
1 løsning

Alignment af textbox/radiobutton

Hej, har lige bøvlet med et problem. Jeg vil gerne have mine textboxe/radiobuttons til at stå således i forhold til den tilhørende text:

O Her er tekst
O Her er også tekst

Det gør de også indtil jeg linker dem til mit CSS. Så står de således:

                      O                      Her er tekst
                      O                      Her er også tekst

Hvad kan jeg skrive i min CSS før de bliver stående og ikke centreres?

Tak, med venlig hilsen :-)
Avatar billede alister_crowley Nybegynder
22. februar 2005 - 10:01 #1
radiobuttons centeres ikke på den måde, du må have noget tabelværk som smadre det.

Prøv at kommer med hele din kode.
Avatar billede mickeynt Nybegynder
22. februar 2005 - 10:42 #2
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?
Avatar billede mickeynt Nybegynder
22. februar 2005 - 10:53 #3
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>
Avatar billede mickeynt Nybegynder
22. februar 2005 - 10:55 #4
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;       
}
Avatar billede roenving Novice
22. februar 2005 - 15:48 #5
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 !-)
Avatar billede alister_crowley Nybegynder
22. februar 2005 - 17:46 #6
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 */
}
Avatar billede mickeynt Nybegynder
23. februar 2005 - 01:03 #7
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...
Avatar billede roenving Novice
23. februar 2005 - 16:40 #8
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' ...
Avatar billede mickeynt Nybegynder
23. februar 2005 - 19:21 #9
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..
Avatar billede roenving Novice
24. februar 2005 - 01:02 #10
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 ?-)
Avatar billede mickeynt Nybegynder
24. februar 2005 - 11:20 #11
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 :-)
Avatar billede mickeynt Nybegynder
24. februar 2005 - 11:32 #12
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.
Avatar billede roenving Novice
24. februar 2005 - 13:21 #13
-- 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 !-)
Avatar billede mickeynt Nybegynder
09. marts 2005 - 02:49 #14
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..
Avatar billede mickeynt Nybegynder
24. april 2005 - 01:59 #15
lukker hvis ingen vil have points
Avatar billede olebole Juniormester
24. april 2005 - 02:35 #16
<ole>

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

/mvh
</bole>
Avatar billede olebole Juniormester
24. april 2005 - 02:36 #17
- og med CSS-kommentar-tags  :)

.table1 Input {
/*
  CSS-regler for inputs under klassen 'table1',
  som er den container (her en celle), de ligger i
*/
}
Avatar billede olebole Juniormester
24. april 2005 - 02:38 #18
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;
}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
White papers
Flere white papers »