Seneste forumindlæg
Køb / Salg
 * Uofficiel Black/White liste V3
Login / opret bruger

Forum \ Programmering og webdesign \ Hjemmeside design
Denne tråd er over 6 måneder gammel

Er du sikker på, at du har noget relevant at tilføje?

Ganske enkelt HTML / CSS spørgsmål!

Af Giga Nørd Mr.Bruce | 20-09-2007 23:36 | 1378 visninger | 11 svar, hop til seneste
Hep hey! Som titlen siger; ganske enkelt! Kig her: http://milau31.monline.dk[...] Det er en lille nab opgave vi fik på studiet, der gik ud på at lave en lille side der ska præsenterer og bla bla bla.. Spørgsmålet; hvordan fanden får jeg lorte bogen til at blive centreret vertikalt i midten af billedet? (Jeg gider ikke bruge Tabel da det er n00b!) Kom så! I vil jo godt! :)
--
//Mr.Bruce ~ Tjek da mit kunst ud på: http://fxtx.deviantart.com[...]
#1
Smokiespartakus
Ultrabruger
20-09-2007 23:49

Rapporter til Admin
Man kan ikke gøre det rigtigt uden et table, men man kan komme tæt på. Det er noget med at lave en div uden om der er 100% og så en div over der er 50%. Masser af info på google..;o) http://www.jakpsatweb.cz[...] --
--
*Jeg Har 1100 Kiks Med Smag* http://www.onlinefootballnews.com[...]
#2
Xcalibur
Super Supporter
20-09-2007 23:53

Rapporter til Admin
Når du véd din iframe er 500px høj, kan du lave den således: Er ikke helt sikker på det virker i alle browsere, men det gør i hvert fald i IE og FF (som jeg lige har testet) --
--
xcalibur out..
#3
Xcalibur
Super Supporter
20-09-2007 23:55

Rapporter til Admin
lol.. Det kode kunne hol.dk så ikke vise.. Men indsæt dette i din iframe erklaring, eller lav det seperat, som du har lavet det andet CSS :) style="position: absolute; top: 50%; margin-top: -250px;" --
--
xcalibur out..
#4
Mr.Bruce
Giga Nørd
21-09-2007 01:05

Rapporter til Admin
#3 - Det tester jeg lige imorgen! Tark! --
--
//Mr.Bruce ~ Tjek da mit kunst ud på: http://fxtx.deviantart.com[...]
#5
Andersov
Junior Supporter
21-09-2007 08:28

Rapporter til Admin
hvorfor lave noget uden table .. det er da dumt IKKE at bruge table .. --
--
[C2D E6750][Asus P5KC][2x1024 Corsair DDR2 PC6400][Asus 8600GT Silent][Samsung 193P][Zepto 6214W][KiSS VR-558][Wii]
#6
Xcalibur
Super Supporter
21-09-2007 11:07

Rapporter til Admin
Hvorfor dog bruge en table til noget, som tables ikke er beregnet til at bruge? Det samme som at bruge en taske til at flytte 10 liter vand med (tror jeg :D) Tables giver uoverskuelig kode. En boks model, med dertilhørende style sheet, er meget pænere og giver mere robust kode. Tabeller bør kun bruges til at lave tabeller med.. --
--
xcalibur out..
#7
Mr.Bruce
Giga Nørd
21-09-2007 11:15

Rapporter til Admin
#6 - Jeg vil skide på koden! :D Så længe det virker - og det gør det med tabel! :) Det er oldschool - og det er vejen frem. Ikke alt det der moderne smarte tis. Ej, jeg prøver lige din metode her omlidt, men ellers bliver det tabel. :) --
--
//Mr.Bruce ~ Tjek da mit kunst ud på: http://fxtx.deviantart.com[...]
#8
Xcalibur
Super Supporter
21-09-2007 11:22

Rapporter til Admin
well i så fald, så bare brug: table style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;" tr td style="vertical-align:middle; text-align: center;" iframe /td /tr /table og smide din bog inden i den celle.. Det skulle vist også virke, så vidt jeg husker (ikke prøvet) :) --
--
xcalibur out..
#9
Mr.Bruce
Giga Nørd
21-09-2007 11:35

Rapporter til Admin
#8 - Jeps, det med tabellen virker fint. Det ka jeg sagtens få til at virke, men nu ville jeg bare lige prøve noget andet. Men når jeg bruger: style="position: absolute; top: 50%; margin-top: -250px;" så smider den automatisk bogen alt for langt ud i højre side. :s Faktisk så meget at halvdelen af bogen er ude for skærmen, og man skal scrolle for at se den! :p --
--
//Mr.Bruce ~ Tjek da mit kunst ud på: http://fxtx.deviantart.com[...]
#10
Cubbs
Juniorbruger
21-09-2007 11:42

Rapporter til Admin
gør som #3 skriver, eller tilføj koden til din class, Css_from_hell altså .Css_from_hell { position: absolute; top: 50%; margin-top: -250px; // højde (500px) div 2 left: 50%; margin-left: -392px; // bredde (783px) div 2 background-attachment: fixed; background-image: url(../../Hjemmesider/Personlig%20Hjemmeside/Image/baggrund.jpg); background-repeat: repeat; margin: 0px; } så er den centreret, med de nuværende dimensioner, i begge planer. Evt. fjern dit align="center", det giver ingen mening hvis du centrerer via CSS.
--
#11
Xcalibur
Super Supporter
21-09-2007 11:49

Rapporter til Admin
Ahh ja.. det er fordi det er inden i den anden div.. Det kan f.eks. fikses med: style="position: absolute; top: 50%; margin-top: -250px; left: 50%; margin-left:-391px;" --
--
xcalibur out..

Opret svar til indlægget: Ganske enkelt HTML / CSS spørgsmål!

Grundet øget spam aktivitet fra gæstebrugere, er det desværre ikke længere muligt, at oprette svar som gæst.

Hvis du ønsker at deltage i debatten, skal du oprette en brugerprofil.

Opret bruger | Login
NYHEDSBREV
Afstemning