Avatar billede jeffe Nybegynder
19. august 2003 - 22:44 Der er 14 kommentarer og
2 løsninger

CSS: Opsætning af tekst/formelementer

Jeg har en side bygget op uden tabeller (altså med css). Jeg ville gerne have at mine form-sider kunne bygges op uden tabller også. Jeg har delt siden op i to divs med width og det hele på. Venstre div skal have ordene (Brugernavn, Kodeord, Navn, osv.). Højre skal indeholde de enkelt form-elementer. Men hvordan sætter jeg hver enkelt tekst lige ud for det tilhørende form-element. Som det er nu har jeg bare:

Venstre div:
Brugernavn<br>
Kodeord

Højre div:

Brugernavn-tekstboks<br>
Kodeord-tekstboks

Hvordan kan jeg lettest løse dette ?
Avatar billede roenving Novice
19. august 2003 - 22:50 #1
Hvad med at lægge række-divs inden i dine kolonne-divs ?-)
Avatar billede jeffe Nybegynder
19. august 2003 - 22:55 #2
Ehm jaeh...gider du ikke uddybe lidt?
det ska lige nævnes, at der selvfølgelig også er større forms med over 10 elementer...
Avatar billede roenving Novice
19. august 2003 - 23:05 #3
Altså, jeg vil lige nævne, at jeg ikke fatter, at der skulle være noget galt i at bruge tabeller ...

-- og jeg har hørt argumentet om, at tabeller er til at vise data frem, ikke til layout, men layout går vel præcis ud på at vise frem på den mest hensigtsmæssige måde !-)

-- og netop formularer er organiserede data, som man skal have fat i !-)

-- derfor brugte jeg også (for at drille !-) begreberne kolonne-div'er og række-div'er for det du har brug for er en organisering af dine input-felter og dine input-labels som er logisk for ham der lige tilfældigvis kommer forbi !o]

Men, hvis du vil bruge divs til organiseringen er der jo ikke noget _galt_ i det, så du laver 'bare' to klasser, f.eks.

labeldiv{
position:relative;
height:20px;
background:#bbb;
/*og evt. andre karakteristika, f.eks. fed skrift*/
}
inputdiv{
position:relative;
height:20px;
background:#eee;
color:#000;
font-family:Tahoma, Arial, sans-serif;
}

-- så de vil opføre sig ens ved siden af hinanden !-)
Avatar billede jeffe Nybegynder
19. august 2003 - 23:13 #4
Jamen, så skal jeg jo lave to divs for hvert form-element. Der må da være en bedre løsning
Avatar billede roenving Novice
19. august 2003 - 23:30 #5
Ja, for en textnode er godt nok en node, men den kan ikke formatteres, positioneres eller noget som helst andet selvstændigt !-)

-- tjah, tabeller er helt suveræne ...

(og lad være med at spytte og slå !-) *g*
Avatar billede swuppe Nybegynder
20. august 2003 - 09:02 #6
http://www.alistapart.com/stories/practicalcss/ ca. midt på siden, denne løsning bliver benyttet rigtig mange steder (jeg bruger den selv, dog i en lettere modificeret udgave).

Tabeller eller ej, det skal vi nok ikke begynde at diskutere her !o)
Avatar billede dta Nybegynder
20. august 2003 - 10:59 #7
Jeg vil forslå at du bruger <label> tag'en og ikke har din form i 2 kolonner: Denne tag bruger du før hvert felt og med en width på denne tag kan du specificere hvor stor en "kollone" du ønsker til disse labels.

Et eksempel kan du finde på:
http://www.html.dk/scripts/css/00005/

Her bruger de også fieldset og legends
Avatar billede jeffe Nybegynder
20. august 2003 - 20:11 #8
dta: Den er helt perfekt ja...mange tak for jeres svar...
Avatar billede jeffe Nybegynder
20. august 2003 - 20:12 #9
Er det kotume at dele point ud, eller give rub og stub til den der giver løsning der bruges ?
Avatar billede roenving Novice
21. august 2003 - 01:51 #10
Det er kotume, at det er noget du vurderer !-)
Avatar billede jeffe Nybegynder
21. august 2003 - 07:40 #11
Well, du må vel i hvert fald have gjort dig fortjent til en del af kagen, roenving. Med dine længere forklaringer. Men jeg brugte altså dtas svar, og det virkede perfekt.
<label>Brugernavn</label><input>

a la det. Hvor label er sat til width = 150px i CSS'en
Avatar billede dta Nybegynder
21. august 2003 - 10:46 #12
Tjaaa, Nu har jeg lidt tid så en forklaring på roenving's "at jeg ikke fatter, at der skulle være noget galt i at bruge tabeller".

I gennem tiderne har der været 2 professioner en som handlede om indholdet <forfatteren> og en der hed <designeren>. Dette holdt sig i mange år (600 ca.) men så kom indrykket af desktop publishing og det hele smeltede sammen. For os som har oplevet denne area kan skrive under på at en annonce eller opgave med 20 forskellige skrifter og 50 farver ikke fremhæver indholdet og slet ikke fremtoningen.

SÅ man har lige side arbejdet med at skille disse 2 ting igen, i alle programmer, først inden for DTP. Siden på tekstbehandingen style. HAr men en gang siddet og opsætte en opgave hvor overskrifer er defineret  i hånden og ikke med style så forstår man problemet. Samme problem eksistere idag, på webben. Er en god programør lig en god designer eller omvendt? NEJ. Men idag er det et must for at lave gode sider.

Og hvad med de nye devices der kommer med det "mobile internet" med style kan man understøtte alle verdener.

Så hvad er der galt med tabeller... Intet men det er gammel teknologi, som vi engang imellem må ty til fordi CSS stadig har mangler. Men fremtiden er på vej kik på http://www.meyerweb.com og skift style sheet, Ubruglig efter min mening at lade brugeren skifte style sheet. Men se mulighederne for forskellige devices eller ændring af design i ny og næ. Optimering ar arbejds proceser hvor programøren laver et og designeren noget andet.

Jeg er holdt op med at skrive opgaver uden bruge ad styles i Word og nu sker det samme i HTML.
Avatar billede roenving Novice
21. august 2003 - 14:06 #13
Jamen, så velbekomme, jeffe '-)

>>dta

-- og jeg er grundlæggende ikke uenig med dig, jeg har også i mange år brugt styles (eller hvad det nu hedder i de forskellige programmer !-) til formattering af mine tekst-udgydelser ...

Men som jeg skrev i en helt anden sammenhæng igår, så har css ikke f.eks. en 'follow that element'-ting, som vil være brugbar i enormt mange tilfælde, bla. denne type layout (hvor jeg fuldstændig havde overset <label>-taggen).

Og at bruge en tabel er vel ikke en modsætning til layout, men en del af layout-problematikken, jvnf. det jeg skrev tidligere ...

Men problemet er jo den automatiserede opsætning, og sålænge behaviors (eller noget css, som ligner) ikke er til rådighed for stort set alle browsere og andre muligheder ikke er til rådighed uanset brugerens javascript-osv.-indstillinger kan det være nødvendigt at bruge den slags !-)
Avatar billede jeffe Nybegynder
21. august 2003 - 15:28 #14
Jeg ville umiddelbart også mene at det kun kan være fordelagtigt at dele layout og indhold. Men i ved lidt mere om det end jeg gør, virker det som om :D
Avatar billede roenving Novice
21. august 2003 - 15:41 #15
-- og det er en 'oldgammel' diskuflere, som i nogen sammenhænge tenderer det religiøse !-)
Avatar billede dta Nybegynder
21. august 2003 - 23:11 #16
Kirken er åben 24x7 :o)
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