/ 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
CSS vertical-align: middle
Fra : Leonard


Dato : 28-09-07 11:48

Hvordan får jeg teksten op i midten udfor billedet?
http://162.dk/test/middle.html

Altså, det jeg gerne vil er:

billede
billede tekst
billede

Der er kun et billede, det fylder bare 3 linier i højden ...


--
Leonard
Mine biler: http://vw.leonard.dk/

 
 
lasse (28-09-2007)
Kommentar
Fra : lasse


Dato : 28-09-07 12:04

Det er meget nemt her har du det færdige sript så teksten er i
midten:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
   <meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
   <title>middle</title>
</head>

<body>

<div style="vertical-align: middle; height: 200px; border: solid
1px blue;">
   <img src="middle.jpg" alt="" /><center>teksten skal være midt
for billedet vertikalt</center>
</div>

</body>
</html>

Leonard wrote in dk.edb.internet.webdesign.html:
> Hvordan får jeg teksten op i midten udfor billedet?
> http://162.dk/test/middle.html
>
> Altså, det jeg gerne vil er:
>
> billede
> billede tekst
> billede
>
> Der er kun et billede, det fylder bare 3 linier i højden ...
>
>
> --
> Leonard
> Mine biler: http://vw.leonard.dk/


--
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

lasse (28-09-2007)
Kommentar
Fra : lasse


Dato : 28-09-07 12:05

KAN DU BRUGE DET ?????


lasse wrote in dk.edb.internet.webdesign.html:
> Det er meget nemt her har du det færdige sript så teksten er i
> midten:
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
> <head>
>    <meta http-equiv="Content-Type" content="text/html;
> charset=utf-8" />
>    <title>middle</title>
> </head>
>
> <body>
>
> <div style="vertical-align: middle; height: 200px; border:
solid
> 1px blue;">
>    <img src="middle.jpg" alt="" /><center>teksten skal være midt
> for billedet vertikalt</center>
> </div>
>
> </body>
> </html>
>
> Leonard wrote in dk.edb.internet.webdesign.html:
> > Hvordan får jeg teksten op i midten udfor billedet?
> > http://162.dk/test/middle.html
> >
> > Altså, det jeg gerne vil er:
> >
> > billede
> > billede tekst
> > billede
> >
> > Der er kun et billede, det fylder bare 3 linier i højden ...
> >
> >
> > --
> > Leonard
> > Mine biler: http://vw.leonard.dk/
>
>
> --
> 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

Kerim Ellentoft (28-09-2007)
Kommentar
Fra : Kerim Ellentoft


Dato : 28-09-07 22:16

lasse <ospilo@hotmail.com> skrev :

>Det er meget nemt her har du det færdige sript så teksten er i
>midten:

Undskyld, men lær først noget om doc type, html og css før du
svarer på spørgsmål.

Dine koder er smaskfyldt med fejl.

Og læs også http://www.html.dk/nyhedsgrupper/usenet.asp, især
»Gælder der nogle regler for nyhedsgrupperne?«.

Det samme står tydeligt på siden, der er på html.dk, når du
svarer på et indlæg.

--
Kerim
»Søger nogen en anden religion end Islam, skal den ikke modtages
af Ham, og han skal i det kommende liv være blandt taberne.«
(Sura 3, vers 87)

Allan Vebel (28-09-2007)
Kommentar
Fra : Allan Vebel


Dato : 28-09-07 14:58

Leonard skrev:

> Hvordan får jeg teksten op i midten udfor
> billedet?

Noget i den stil?

http://vebel.dk/test/leonard/

--
Allan Vebel
http://html-faq.dk



Rune Jensen (29-09-2007)
Kommentar
Fra : Rune Jensen


Dato : 29-09-07 10:31

"Allan Vebel" skrev i en meddelelse...
> Leonard skrev:
>
>> Hvordan får jeg teksten op i midten udfor
>> billedet?
>
> Noget i den stil?
>
> http://vebel.dk/test/leonard/

Så vidt jeg kan se vil Lasses forslag også virke, hvis vertical-align bliver
smidt på style på billedet i stedet for diven.

MVH
Rune Jensen



Leonard (30-09-2007)
Kommentar
Fra : Leonard


Dato : 30-09-07 15:41

On Sat, 29 Sep 2007 11:31:12 +0200, Rune Jensen wrote:

> Så vidt jeg kan se vil Lasses forslag også virke, hvis vertical-align bliver
> smidt på style på billedet i stedet for diven.

Lasses forslag er dødsdømt allerede før det afprøves, da det eneste han
kommer med er at smide forældet html ind et sted, hvor det alligevel
ikke har nogen virkning.

--
Leonard
Mine biler: http://vw.leonard.dk/

Leonard (30-09-2007)
Kommentar
Fra : Leonard


Dato : 30-09-07 15:42

On Fri, 28 Sep 2007 15:57:38 +0200, Allan Vebel wrote:

> Noget i den stil?

Jep, lige netop, og tricket er så, at det er billedet, der skal have
vertical-align og ikke teksten.

--
Leonard
Mine biler: http://vw.leonard.dk/

Allan Vebel (30-09-2007)
Kommentar
Fra : Allan Vebel


Dato : 30-09-07 16:03

Leonard skrev:

> Jep, lige netop, og tricket er så, at det er billedet,
> der skal have vertical-align og ikke teksten.

Det er bare ikke en metode der er god til lange
tekster, da teksten ombryder under billedet.

Du må kunne finde en mere robust måde at gøre
det på.

--
Allan Vebel
http://html-faq.dk



Leonard (30-09-2007)
Kommentar
Fra : Leonard


Dato : 30-09-07 16:35

On Sun, 30 Sep 2007 17:02:39 +0200, Allan Vebel wrote:

> Det er bare ikke en metode der er god til lange
> tekster, da teksten ombryder under billedet.

Det er kun til korte tekster på en linie, der skal være udfor et ikon.

--
Leonard
Mine biler: http://vw.leonard.dk/

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

Månedens bedste
Årets bedste
Sidste års bedste