CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

hacicambaz Nybegynder

28. juni 2007 - 20:54 Der er 7 kommentarer

CSS Hjælp til ASP.NET Logind

Hej eksperter

Jeg har lidt brug for hjælp til styling af ASP.net logind.
-------------------------------------------
<form id="form1" runat="server">
<div>
Brugernavn :
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
<br />
Adgangskode :
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
<br />
<asp:Button ID="Button1" runat="server" Text="Logind" /></div>
</form>
------------------
Lige nu ser den således ud:
Eks.: http://www.sozluk.dk/sys/login.aspx?ReturnUrl=%2fsys%2fDefault.aspx
-----
Jeg kunne godt tænke mig have det skulle således ud:
Eks.:
http://sivas.dk/test/css/login.htm

Er der en af Jer der kan hjælpe mig med det?

Synes godt om

windcape Praktikant

28. juni 2007 - 20:57 #1

Put <label></label> omkring brugernavn og adgangskode, og så noget lign.

form {
background: silver;
}

form div {
background: white;
}

form div label {
float: left;
width: 80px;
}

Synes godt om

hacicambaz Nybegynder

28. juni 2007 - 21:20 #2

Hej igen, windcape nu har jeg gjort det på denne her måde prøv lige tjek engang det er som om det har ikke hjulpet sådan rigtigt...
--------------
form {
background: silver;
}

form div {
background: #FF6600;
}

form div label {
float: left;
width: 90px;
}
----------------
<link rel="stylesheet" type="text/css" href="style.css" />

</head>
<body>
<form id="form1" runat="server">
<div>
<label>Brugernavn :</label>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
<br />
<label>Adgangskode :</label>

<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
<br />
<asp:Button ID="Button1" runat="server" Text="Logind" /></div>
</form>
</body>

Og sådan ser resultat ud nu.
http://www.sozluk.dk/sys/XXlogin.aspx

Synes godt om

hacicambaz Nybegynder

28. juni 2007 - 21:36 #3

Kan man ikke gøre det her lidt mere attraktiv....?

Synes godt om

roenving Novice

29. juni 2007 - 02:00 #4

#form1{background:silver;position:relative;width:350px;height:200px;text-align:center;}
#form1 div{top:10px;left:5px;background:white;height:100px;width:340px;}
#form1 td{width:50%;}
#TextBox1,#TextBox2{width:125px;}

...
<form id="form1" runat="server">
<div>
<table>
<tr>
<td>
Brugernavn :</td>
<td>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td>
Adgangskode :</td>
<td>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td>
</tr>
</table><br><br>
<asp:Button ID="Button1" runat="server" Text="Logind" /></div>
</form>
...

Synes godt om

hacicambaz Nybegynder

29. juni 2007 - 19:07 #5

Hej roenving

Sådan ser din resultat ud...
http://www.sozluk.dk/sys/login.aspx

Synes godt om

roenving Novice

30. juni 2007 - 16:59 #6

Tjah, det var jo også bare lige kastet ind som inspiration ...

-- men jeg mente, at du skulle ende med noget i denne henretning:

<style type="text/css">
#form1{background:silver;position:relative;width:350px;height:200px;text-align:center;}
#form1 #inputDiv{position:absolute;top:10px;left:5px;background:white;height:100px;width:340px;}
#form1 td{width:50%;}
#TextBox1,#TextBox2{width:125px;}
</style>
...
<form id="form1" runat="server">
<div id="inputDiv">
<table>
<tr>
<td>
Brugernavn :</td>
<td>
<input ID="TextBox1" runat="server"></td>
</tr>
<tr>
<td>
Adgangskode :</td>
<td>
<input ID="TextBox2" runat="server"></td>
</tr>
</table>
</div>
<div style="position:absolute;left:0;top:115px;text-align:center;"> 
<br><br>
<input type="submit" ID="Button1" value="Logind" style="width:70px;margin-left:135px;"></div>
</form>

Synes godt om

rif1900 Nybegynder

02. juli 2007 - 16:56 #7

Du kunne jo eventuelt bare bruge det han har brugt.

http://sivas.dk/test/css/login/adm.css

#login, #Login-TD, body og #Wrapper er de ting der interesserer dig.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS