/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Hvordan centreér man billeder?
Fra : Anders Videbæk


Dato : 15-05-03 14:08

Hej!
jeg er igang med at opbygge min egenhjemmeside. men hvordan
centreér man billeder??
jeg har prøvet med: align="center"
det skal lige siges jeg er rimelig n00b (har lige klaret html
tutorialen) så jeg skal have en let forklaring!


Anders

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Dennis T. Holm (15-05-2003)
Kommentar
Fra : Dennis T. Holm


Dato : 15-05-03 14:17

> Hej!
> jeg er igang med at opbygge min egenhjemmeside. men hvordan
> centreér man billeder??
> jeg har prøvet med: align="center"
> det skal lige siges jeg er rimelig n00b (har lige klaret html
> tutorialen) så jeg skal have en let forklaring!
>
>
> Anders

Kommer an på hvor du har dit billede.. Hvis du har det i en Table som f.eks
den her så gør du sådan.

<TABLE>
<TR>
<TD align="center"><IMG SRC=""></TD>
</TR>
</TABLE>

Eller ved jeg ikke lige. Kommer som sagt an på hvor dit billede er.. Så smid
noget "kode" hvis du evt. vil ha mere at vide :)

MVH

Dennis T. Holm



Anders Videbæk (15-05-2003)
Kommentar
Fra : Anders Videbæk


Dato : 15-05-03 14:22

davs !
min kode ser sådan ud: <img src="billeder/logo.jpg">


Anders

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Dennis T. Holm (15-05-2003)
Kommentar
Fra : Dennis T. Holm


Dato : 15-05-03 14:22



> min kode ser sådan ud: <img src="billeder/logo.jpg">
>

Hvis du ikke har nogen tables eller noget som helst på din side, så kan du
centrere dit billede ved at
<CENTER><IMG SRC=""></CENTER>

øøhhhmmm .. tror jeg nok :)

Mvh Dennis T. Holm



pepss (15-05-2003)
Kommentar
Fra : pepss


Dato : 15-05-03 14:54

Dennis T. Holm wrote in:
> > min kode ser sådan ud: <img src="billeder/logo.jpg">
> >
>
> Hvis du ikke har nogen tables eller noget som helst på din side, så kan du
> centrere dit billede ved at
> <CENTER><IMG SRC=""></CENTER>
>
> øøhhhmmm .. tror jeg nok :)

jeg sys jeg kan huske at der har være snakket om det i NG før og det var vist
noget med at <CENTER><IMG SRC=""></CENTER> ikke kunne forstås i alle browser
og at det ville være best at lave det i css

pepss


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Ginnerskov (15-05-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 15-05-03 15:52


"pepss" <olefriis@privat.dk> skrev
> Dennis T. Holm wrote in:
> > > min kode ser sådan ud: <img src="billeder/logo.jpg">
> > >
> >
> > Hvis du ikke har nogen tables eller noget som helst på din side, så kan
du
> > centrere dit billede ved at
> > <CENTER><IMG SRC=""></CENTER>
> >
> > øøhhhmmm .. tror jeg nok :)
>
> jeg sys jeg kan huske at der har være snakket om det i NG før og det var
vist
> noget med at <CENTER><IMG SRC=""></CENTER> ikke kunne forstås i alle
browser
> og at det ville være best at lave det i css

Mig bekendt er der (endnu) ingen browsere, der ikke forstår det. Men det er
forældet kode (html 3.2), så der ikke nogen fornuftig grund til, at Dennis
forsøger at lære nogen ag lave hverken <center></center> eller <td
align="center">.

Der er ingen garanti for, at næste generation browsere forstår det, så
hvorfor ikke fra starten lære at lave det med nutidig kode, hvilket vil
sige, at det laves med css:

enten
<td style="text-align:center"><img src=".....></td>

eller
<div style="text-align:center><img src=".....></div>

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/sorgin



Jens Tønnesen (16-05-2003)
Kommentar
Fra : Jens Tønnesen


Dato : 16-05-03 08:27

"Erik Ginnerskov" <egin@SPAMKILLoncable.dk> skrev i
dk.edb.internet.webdesign.html:

>Der er ingen garanti for, at næste generation browsere forstår det, så
>hvorfor ikke fra starten lære at lave det med nutidig kode, hvilket vil
>sige, at det laves med css:

Ikke at jeg er uening i, at man skal lave centreringstricket med CSS,
men jeg tvivler meget på, at fremtidige browsere ikke vil være
bagudkombatible, i hvert fald når det drejer sig om alm. HTML-koder.

I virkeligheden aner vi jo ikke, om de koder vi skriver idag (som
fuldt ud gyldige efter HTML 4.01-standarden) vil være gyldige imorgen.

--
Jens Tønnesen - http://www.pressefoto.dk

Jens Gyldenkærne Cla~ (15-05-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 15-05-03 16:22

pepss skrev:

>> <CENTER><IMG SRC=""></CENTER>

> jeg sys jeg kan huske at der har være snakket om det i NG før
> og det var vist noget med at <CENTER><IMG SRC=""></CENTER>
> ikke kunne forstås i alle browser

Lige i øjeblikket forstås det nu nok af de fleste browsere - men
det er stadig en gammeldags løsning.


> og at det ville være best at lave det i css

Det er også rigtigt.

Billeder er inline-objekter, så det hjælper ikke så meget at
fortælle billedet at det skal "stille" sig i midten. Du kan i
stedet pakke det ind i en blok-kode der er sat til at centrere sit
indhold.

Det kan gøres således:

<div style="text-align: center;"><img src="pic.png" alt="billede"
/></div>


Man kan også lave img om til et blokelement:

<img style="display: block; margin: auto;" src="pic.png"
alt="billede" />

- så behøver man ikke et omgivende blokelement.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

pepss (15-05-2003)
Kommentar
Fra : pepss


Dato : 15-05-03 20:11

som Erik og Jens skrev havde jeg ikke helt ret men alt i alt sys jeg
du skal læse HTML tutorials om css for som Erik og Jens skrev er det
mere framtidsikker og det er også meget nemmer at lave om på ens
sider bagefter!

pepss

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

John Klindt (17-05-2003)
Kommentar
Fra : John Klindt


Dato : 17-05-03 16:31

Hej
> <div style="text-align: center;"><img src="pic.png" alt="billede"
> /></div>

Hvad nu hvis man vil have billedet centreret og tekst "flydende" på hver side?

Er der forskel når sitet er lavet så siden altid står centreret?

Mvh
John Klindt
www.klindt.dk

Jens Gyldenkærne Cla~ (19-05-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 19-05-03 09:25

John Klindt skrev:

> Hvad nu hvis man vil have billedet centreret og tekst
> "flydende" på hver side?


Det er mig bekendt ikke muligt. Figursats som man kender det fra
dtp-programmer, er ikke en del af html/css.

Du kan placere billedet som baggrund, eller som absolut
positioneret - men så vil teksten bare løbe hen over billedet.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177505
Tips : 31968
Nyheder : 719565
Indlæg : 6408555
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste