*

Help!

PC-Problemen?
De vrijwilligers van Oplossing.be zoeken gratis met u mee!

Hulp bij posten

Recente topics

Pagina's: [1]   Omlaag

Auteur Topic: ASP label width en right align  (gelezen 3818 keer)

0 leden en 1 gast bekijken dit topic.

Offline Myclos81

  • Ervaren lid
  • ***
  • Berichten: 272
  • Oplossing.be
ASP label width en right align
« Gepost op: 14 november 2013, 17:11:15 »
Beste,

heb al heel wat zitten klooien met CSS maar ik snap er nog altijd geen bal van. Soms neemt hij aanpassingen, andere niet :(

Ik wil nu een label een vaste waarde geven van width en dan rechts uitlijnen doen. Zodanig dat alle tekstvakken rechts van het label mooi onder elkaar staan. Nu heb ik:

Code: [Selecteer]
        <asp:Label ID="lblDatumResultaat" runat="server" Text="<b><u>Datum:</b></u>" CssClass="labelWidth"></asp:Label>
        <asp:TextBox runat="server" ID="txtDatum" enabled="false" CssClass="highlight"></asp:TextBox>

De koppeling met mijn CSS is er wel degelijk want hij "autoaanvult" de CssClass "labelWidth" dus deze herkent hij zeker. Maar de width en het align right neemt hij niet. Dit is mijn CSS:

Code: [Selecteer]
body
{
    font-family: Verdana;
}

.warning
{
    color:#FF0000;
}

.labelWidth
{
    width: 100pt;
    align: right;
    margin: 0 0 0 0;
}

Wat doe ik verkeerd?
Zelfs als ik background: aqua; er in zet, doet hij het ook niet...
Gelogd
P4VT8+ , GeForce 6200, Windows XP Prof SP2, Intel(R) Pentium(R) 4 CPU 2.80GHz, 768 MB RAM, HDD:80 + 80 GB, NTFS, telenet, AVG antivirus, Internet Explorer 6.0, Outlook Express

Offline Firebirdy

  • Ambassadeur
  • *****
  • Berichten: 2.408
  • Geslacht: Man
Re: ASP label width en right align
« Reactie #1 Gepost op: 14 november 2013, 21:24:56 »
Hallo Myclos,

Een <label> is een zgn. 'inline' element. Je kan het geen breedte geven, je kan de tekst niet aligneren, enzovoort. Daar tegenover staan 'block' elementen zoals bijvoorbeeld een <p>, waar je dat wel kan doen.

Dat is ook logisch: denk aan een paragraaf tekst. Je kan niet veel doen met de individuele woorden behalve het lettertype veranderen, maar je kan wel de ganse paragraaf aligneren.

De oplossing is dan:
- ofwel op het paragraaf-niveau (vb een div-element die het label bevat) de css toepassen
- ofwel het label forceren als blok-element. Dat doe je in css als volgt: label { display: inline-block; }. Je zal merken dat je breedte nu wel toegepast wordt.
Gelogd

Offline Myclos81

  • Ervaren lid
  • ***
  • Berichten: 272
  • Oplossing.be
Re: ASP label width en right align
« Reactie #2 Gepost op: 15 november 2013, 11:26:25 »
Dag FireBirdy,

da gaat ook niet. Moet ik het zo letterlijk in mijn CSS zetten?
Is dat dan voor alle labels zo of moet ik er een . voorzetten en dan als class toevoegen in mijn asp tags?
Gelogd
P4VT8+ , GeForce 6200, Windows XP Prof SP2, Intel(R) Pentium(R) 4 CPU 2.80GHz, 768 MB RAM, HDD:80 + 80 GB, NTFS, telenet, AVG antivirus, Internet Explorer 6.0, Outlook Express

Offline Myclos81

  • Ervaren lid
  • ***
  • Berichten: 272
  • Oplossing.be
Re: ASP label width en right align
« Reactie #3 Gepost op: 15 november 2013, 13:48:44 »
Nog iets raars. In mijn design doet hij het wel goed. Dus de width en de right align.

Maar wanneer ik mijn site run, dan staat alles gewoon. Dus zonder width en left align...... Pffff  :-\
Gelogd
P4VT8+ , GeForce 6200, Windows XP Prof SP2, Intel(R) Pentium(R) 4 CPU 2.80GHz, 768 MB RAM, HDD:80 + 80 GB, NTFS, telenet, AVG antivirus, Internet Explorer 6.0, Outlook Express

Offline Firebirdy

  • Ambassadeur
  • *****
  • Berichten: 2.408
  • Geslacht: Man
Re: ASP label width en right align
« Reactie #4 Gepost op: 15 november 2013, 16:43:55 »
Code: [Selecteer]
<html>
<head>
<style type="text/css">
.labelWidth
{
width: 100pt;
text-align: right;
font-weight: bold;
text-decoration: underline;
margin: 0;
display: inline-block;
}
</style>
</head>
<body>
<label class="labelWidth">Datum:</label>
<input type="text"/><br>
<label class="labelWidth">Datumm:</label>
<input type="text"/><br>
<label class="labelWidth">Datummm:</label>
<input type="text"/><br>
</body>
</html>
Noot: align is text-align in css. De b-tag en u-tag zijn deprecated, zie equivalenten in css.

Citaat
Zelfs als ik background: aqua; er in zet, doet hij het ook niet...
Je wil background-color ipv background ;).
Gelogd

Offline Myclos81

  • Ervaren lid
  • ***
  • Berichten: 272
  • Oplossing.be
Re: ASP label width en right align
« Reactie #5 Gepost op: 18 november 2013, 11:47:45 »
Ok, ik heb dat nu gedaan en ook eens background-color: Aqua;

Dit ging dan maar ik kreeg de Aqua niet meer weg, ook niet als ik het delete in de CSS. Op mijn pagina bleven de labels Aqua. Daarna heb ik de background-color: White gezet en de labels hernoemd naar labelWidth (stond nog op labels maar vond dat te algemeen). U kan het raden, ik ben terug al mijn opmaak kwijt. Als ik het dus terugzet naar Aqua doet hij niks meer. Wel nog op de preview maar niet als ik de website run. Achterliggende code C# is meer mijn ding, ik krijg koppijn van die opmaak  :help:
Gelogd
P4VT8+ , GeForce 6200, Windows XP Prof SP2, Intel(R) Pentium(R) 4 CPU 2.80GHz, 768 MB RAM, HDD:80 + 80 GB, NTFS, telenet, AVG antivirus, Internet Explorer 6.0, Outlook Express

Offline Firebirdy

  • Ambassadeur
  • *****
  • Berichten: 2.408
  • Geslacht: Man
Re: ASP label width en right align
« Reactie #6 Gepost op: 18 november 2013, 18:50:23 »
Hi Myclos,

Zie je een kans om een voorbeeldpagina toe te voegen als bijlage? We kunnen anders niet zien wat er evt verkeerd loopt...
Gelogd

Offline Myclos81

  • Ervaren lid
  • ***
  • Berichten: 272
  • Oplossing.be
Re: ASP label width en right align
« Reactie #7 Gepost op: 25 november 2013, 16:21:30 »
Is min of meer opgelost. Als ik mijn VS2010 afsluit en ccleaner laat lopen en opnieuw start, dan staan de labels goed. Raar  :glare:
Gelogd
P4VT8+ , GeForce 6200, Windows XP Prof SP2, Intel(R) Pentium(R) 4 CPU 2.80GHz, 768 MB RAM, HDD:80 + 80 GB, NTFS, telenet, AVG antivirus, Internet Explorer 6.0, Outlook Express
Pagina's: [1]   Omhoog
 


www.combell.com