Søg
Avatar billede anhansen Nybegynder
26. oktober 2004 - 09:05 Der er 11 kommentarer og
1 løsning

Placering af tekst med css.

Hej.

Jeg har et lille problem - er ved at lave en side der skal layoute til udskrivning på ark med girokort.

Jeg kan sagtens lave boksene så de passer hvis jeg bruge postion:absolute. Men hvis jeg så laver flere fakturaer på en gang kommer de jo til at stå oveni hinanden da alle har position:absolute og vil starte i toppen.

Kan man på nogen måde lave en "skabelon" med absolute og så pakke den ind i f.eks en div, eller span e.lign og få dem til at stå "absolute" men på hver sin side?

Håber nogle kan forstå mit problem...
Avatar billede hermandsen Juniormester
26. oktober 2004 - 09:26 #1
Du behøver ikke at bruge position til sådan noget... Bare sæt dem efter hinanden...
F.eks.:

<div class="girokort">bla bla bla...</div>
<div class="girokort">bla bla bla...</div>

.girokort {
  width: 8cm;
  height: 12cm;
  margin-bottom: 1cm;
}
Avatar billede anhansen Nybegynder
26. oktober 2004 - 09:40 #2
Problemet er at så kan jeg ikke placere dem ligeså præcist.. Og for at banken vil godkende et girokort - så skal det altså stå ret præcist det tekst der skal maskinaflæses i bunden... :-)
Så jeg vil gerne bruge position da det giver lidt mere styring når det bliver skrevet ud til papir..
Tænkte bare på om der var en css kommando jeg havde overset der kunne "låse" emnerne indeni - så de blev absolute inden i den anden boks.
Avatar billede hermandsen Juniormester
26. oktober 2004 - 15:03 #3
Måske du kan bruge position: relative til elementerne inde i boksen...

relative flytter elementerne grafisk, men optager plads hvor det stod oprindeligt...
Avatar billede anhansen Nybegynder
26. oktober 2004 - 15:17 #4
Jeg er gået tilbage til den gode gamle med at positionere dem i en tabel.

Det virker ihvertfald. har nu en tabel med 2 kolonner (80,20%) og så kan de ligge som de skal.
Jeg kan ikke få relative til at rykke den op heller. Absolute kan gøre tricket - men så flytter den ikke på resize.

Så skal jeg gøre det med javascript og det gider jeg ikke lige til.

I firefox har eksperten samme problem med menulinien kan jeg se.. Hvis man resizer vinduet "sidelæns" så flytter menulinien ud af sin plads...
Avatar billede anhansen Nybegynder
26. oktober 2004 - 15:53 #5
hov... troede det var en anden tråd jeg svare på sidste gang (26/10-2004 09:40:11)... Ups..

Jeg prøver det andet end gang i løbet af ugen og vender tilbage med svar...
Avatar billede roenving Novice
26. oktober 2004 - 17:10 #6
Hvis du sætter position:relative; på din .girokort-definition i stylesheetet, kan du bruge position:absolute; på elementer, som ligger inde i div'en !-)
Avatar billede anhansen Nybegynder
27. oktober 2004 - 07:57 #7
roenving-> det vil sige at jeg har en ydre div - med pos:relative og hvis så jeg laver elementer derinden i så skulle de bliver inden i den med absolute?
Avatar billede roenving Novice
27. oktober 2004 - 18:33 #8
Jepz !-)
Avatar billede anhansen Nybegynder
28. oktober 2004 - 07:55 #9
Så har jeg testet det her også... Dit svar virker 100% roenving..

Det vil sige at tricket er at give en position på parent elementer - så bliver absolute tildelt inden for dens grænser.

Sweeeet... :-) smidt et svar roenving.
Avatar billede roenving Novice
28. oktober 2004 - 14:17 #10
Velbekomme '-)
Avatar billede anhansen Nybegynder
28. oktober 2004 - 14:20 #11
Og her er point.

Jeg afviser dit svar Hermandsen, da du ikke løser problemet. Problemet var som sagt at jeg ned på mm skal kunne placere elementerne på en side. Og det kan jeg altså ikke gøre uden position:absolute. (på en nem måde ihvertfald - da jeg med relative skal holde styr på 20+ elementer og ligge til og trække fra - og hvis den ene flytter sig - så gør den næste også osv osv.. )

Men tak for indsatsen begge to.
Avatar billede roenving Novice
29. oktober 2004 - 12:34 #12
Tak for point ;~}
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 19:46 Skift fra Microsoft365 til Microsoft 2024 Af 1Dorte i Office & Kontorpakker
18/0816:51 Links m.m. virker ikke Af Kjeld Aage Christiansen i PC
18/0811:04 Outlookproblem Af g91 i E-mail programmer
18/0809:21 Firefox - Bøvl med idelig genbekræftelse af identitet Af andershl i Browsere
17/0815:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
White papers
Flere white papers »