Avatar billede the_saint Nybegynder
16. juni 2008 - 15:58 Der er 12 kommentarer og
1 løsning

Form, hvor labelen har en linje fra teksten, hen til feltet

Mangler lige en god ide til at få lavet en form som minder lidt ala dette:

www.kongens.net/dump/form.png

Med den tynde linje fra labelen hen til feltet.

Det skal dog nævnes at en løsning hvor der sættes en baggrunds farve på labelen ikke duer, da jeg baggrunden skal være transparent.

Mvh og på forhånd tak!
Avatar billede w13 Novice
16. juni 2008 - 16:02 #1
En baggrund kan jo godt være transparent. Jeg ville klart foreslå et baggrundsbillede.
Avatar billede w13 Novice
16. juni 2008 - 16:03 #2
F.eks. et gif-billede hvor stregen er tegnet ind på en transparent baggrund.
Avatar billede Slettet bruger
16. juni 2008 - 16:05 #3
kommer linien så ikke også frem ved teksten?

hmm, den kunne nok skjules ved at pakke testen ind i f.eks. en span med en hvis ikke gennemsigtig baggrund
Avatar billede the_saint Nybegynder
16. juni 2008 - 18:54 #4
Jeg har lavet de løsninger i foreslår:

<td><label>tekst</label></td>

Hvor TD har et bg image, som kun består af en tynd hvid streg, og label består af background-color: white; og float: left;

Det løste opgaven fint nok, HVIS der altså var en ensfarvet baggrund, men det er der ikke.. den fader fra hvid til grå - løsningen må derfor være noget ala:

<td><label>Tekst</label><some_sort_of_element_that_takes_up_the_rest_of_the_space></td>
Avatar billede olebole Juniormester
17. juni 2008 - 11:16 #5
<ole>

Der er ikke umiddelbart nogen løsning, med mindre du sætter en bredde på dit tekstfelt - og det bliver næppe godt/muligt

/mvh
</bole>
Avatar billede the_saint Nybegynder
17. juni 2008 - 12:24 #6
Jeg er kommet lidt tættere på en løsning:

<td><label>tekst</label><hr /></td><td><input></td>

label
{
float: left;
}
hr
{
color: #ccc;
}
Avatar billede the_saint Nybegynder
17. juni 2008 - 12:25 #7
argh, fik submittet:

Min problem er nu: <hr /> står mit i <td>, og ikke i bunden af td.

Er der nogen som kan få den til at aligne mod bunden?
Avatar billede w13 Novice
17. juni 2008 - 12:42 #8
Hvorfor ikke bare lægge margin-top:10px; på?
Avatar billede the_saint Nybegynder
17. juni 2008 - 13:26 #9
Fordi den forskyder det hele, så bliver der ufatteligt meget mellemrum mellem mine felter.
Avatar billede w13 Novice
17. juni 2008 - 13:39 #10
Måske med margin-top:10px;margin-bottom:-10px; så?
Avatar billede the_saint Nybegynder
19. juni 2008 - 08:06 #11
Virker desværre ikke i firefox. Virker fint i IE7
Avatar billede w13 Novice
19. juni 2008 - 08:07 #12
Hvad sker der så i FF?
Avatar billede the_saint Nybegynder
14. oktober 2008 - 07:56 #13
Opgav ovenstående problem
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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