Hej
Der er en rigtig smart måde at placere en box på en side på.
Du laver en box med div-koder og giver den et id, fx således:
<div id="min_box">
Min tekst, fodboldresultater, hvad ved jeg
</div>
Inde i din css skriver du:
#min_box
{
postition: absolute;
left: 50%;
margin-left: -500px;
}
Denne lille finte gør følgende:
1. Positon absolute sikrer, at den ikke kan skuppes rundt med af
andre koder
2. Left 50% gør, at den altid starter midt på siden. Det skal boxen
ikke, men du kan bruge det til at centere boksen.
3. margin-left: -500px er det rigtigt smarte. I kombination med left
50% gør den, at du starter 500px TIL VENSTRE FRA MIDTEN AF SIDEN. Du
kan nu placere den præcis hvor du vil, og den vil altid stå det
samme sted i forhold til midten af siden.
Du kan selvfølgelig sætte andre attributter på, fx top: 100px; hvis
den ikke skal gå til toppen af siden.
....
Ingen hager: Jo, den enkelte boks kan udvides, men den kan ikke
skubbe til de andre bokse.
Hvis du vil have denne egenskab, så skal du lave 1 stor div-boks, og
placere en almindelig tabel inde i div-boksen.
JO, DET KAN LADE SIG GØRE!
Du kan lure koden med at centrere af på
www.salsabonito.dk.
Mvh
Lars
Momme wrote in dk.edb.internet.webdesign.html:
> Hey - skal igang med et nyt design til vores side 1897.dk. Vi har
> fået lavet et design (ikk færdigt endnu) (billede) som vi så vil
> bruge, men der er nogle ting jeg ikke ved om er mulige.
>
> I kan se billedet her:
>
>
http://1897.dk/1897.jpg
>
> Hvordan kan man lave disse bokse som der er 6 af på siden ?
> Baggrunden er jo en gradient - så man kan jo ikke klippe en
> 1-pixel høj strimmel ud og repeate den nedaf `?
>
> Nogen råd og ideer til hvordan jeg skal gribe det an ?
>
> På forhånd tak
>
>
>
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! =>
http://www.html.dk/tutorials
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials