[LØST] Absolutt-posisjonering av div (dreamweaver cs4)

5 innlegg i emnet

Skrevet (endret)

Hei, har laget meg design i photoshop og importert index fila fra photoshop inn i dreamweaver og laget noen redigerbare regioner og en template. Men i photoshop designet laget jeg 2 content bokser en til "guide kategorier" og en til "linker" men laget bare bakgrunnen, og nå trenger jeg og legge tekst med link oppå de bildene.

Har prøvd og lage div tagger og tenkte og sette de til absolute position, vet dette ikke er noen bra måte og gjøre det på, men har ikke så mye valg, da jeg må begynne helt på nytt igjen om jeg skal bruke tabeller. Hvordan får jeg til og legge på tekst og få teksten oppå bildet, noen forslag? er jeg doomed? :P

Siden finner dere her

Endret av Martin Aleksander
0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Jeg vil si du allerede har gjort det ganske tungvindt for deg selv.. :)

Tabeller bør kun brukes til det formålet det er til - nemlig tabeller. Det bør ikke benyttes til å sette opp et design.

Men jeg skal ikke kritisere måten du lager en side på, så jeg kan gi deg svaret på spørsmålet ditt angående absolute-position av en div.

 
<style type="text/css">
#left-box-guider {
position: absolute;
top: 55px;
left: 25px;
width:170px;
}
</style>

<div id="left-box-guider">
Din tekst her
</div>[/code]

Ved å ha venstre-blokkene som rene bildefiler låser du dessuten designet til den satte høyden, og du må hele tiden tenke på hvor mye innhold du har i boksene for at det ikke skal flyte utover.

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

takk for svar, hvordan får jeg dratt den hvor jeg vil på siden? eller må det gjøres med kode?

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Du endrer posisjon på div'en ved å endre verdiene i CSS'en.

#left-box-guider {
position: absolute;
top: 55px; /* Antall px fra toppen av siden */
left: 25px; /* Antall px fra venstre */
width:170px; /* Bredde på div'en */
}[/code]

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

okey, tror jeg forsto det nå :P tusen takk for et godt forklart svar :)

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!


Start en konto

Logg inn

Har du allerede en konto? Logg inn her.


Logg inn nå

  • Hvem er aktive   0 medlemmer

    Ingen innloggede medlemmer aktive