|
| Billeder og xhtml Fra : Bengt Sørensen |
Dato : 15-08-02 08:56 |
|
Hej
Jeg roder med at få et billede til at centrere på siden, jeg får
hele fejl meddelse når jeg forsøger at validere siden.
En mulighed er at lægge det i css, men det vil heller ikke lykkes
for mig.
Er der en løsning her i forum ??
Venlig hilsen Bengt
--
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
| |
Jonas Voss (15-08-2002)
| Kommentar Fra : Jonas Voss |
Dato : 15-08-02 10:25 |
|
On Thu, 15 Aug 2002 07:56:02 +0000 (UTC), Bengt <bengt@wendt-net.dk> wrote:
> Er der en løsning her i forum ??
<div align="center">
<img src="billede.jpg" alt="en sigende alt tekst" width="xxx"
height="xxx" />
</div>
--
Jonas @ 55.75, 12.42 | Husk på, de fleste browsere ikke tolererer
< http://verture.net/> | hovsa-programmering i den grad, som IE gør det.
- Miccel i d.e.i.w.ris+ros
| |
Bengt Sørensen (15-08-2002)
| Kommentar Fra : Bengt Sørensen |
Dato : 15-08-02 11:04 |
|
Jonas Voss wrote in dk.edb.internet.webdesign.html:
> On Thu, 15 Aug 2002 07:56:02 +0000 (UTC), Bengt <bengt@wendt-net.dk> wrote:
>
> > Er der en løsning her i forum ??
>
> <div align="center">
> <img src="billede.jpg" alt="en sigende alt tekst" width="xxx"
> height="xxx" />
> </div>
>
> --
> Jonas @ 55.75, 12.42 Husk på, de fleste browsere ikke tolererer
> < http://verture.net/> hovsa-programmering i den grad, som IE gør det.
> - Miccel i d.e.i.w.ris+ros
Tak, men under valideringen kommer denne meddelse
<div align="center">
^Error: there is no attribute "align" for this element (in this
HTML version)
--
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
| |
Ulrik Kold (15-08-2002)
| Kommentar Fra : Ulrik Kold |
Dato : 15-08-02 11:27 |
|
Bengt Sørensen wrote:
> Jonas Voss wrote in dk.edb.internet.webdesign.html:
>
>>On Thu, 15 Aug 2002 07:56:02 +0000 (UTC), Bengt <bengt@wendt-net.dk> wrote:
>>
>>
>>>Er der en løsning her i forum ??
>>
>>
>><div align="center">
>><img src="billede.jpg" alt="en sigende alt tekst" width="xxx"
>>height="xxx" />
>></div>
>>
>>--
>>Jonas @ 55.75, 12.42 Husk på, de fleste browsere ikke tolererer
>>< http://verture.net/> hovsa-programmering i den grad, som IE gør det.
>> - Miccel i d.e.i.w.ris+ros
>
>
>
> Tak, men under valideringen kommer denne meddelse
> <div align="center">
> ^Error: there is no attribute "align" for this element (in this
> HTML version)
Prøv med lidt inline CSS:
<div style=" text-align: center">
....
</div>
Det validerer.
..kold
--
------------------------------------------------------------------------
Hi! I'm your friendly neighborhood signature virus. | www.ulrikkold.dk
Copy me to your signature file and help me spread! | mig@ulrikkold.dk
------------------------------------------------------------------------
| |
Bengt Sørensen (15-08-2002)
| Kommentar Fra : Bengt Sørensen |
Dato : 15-08-02 12:56 |
|
Ulrik Kold wrote in dk.edb.internet.webdesign.html:
> Bengt Sørensen wrote:
> > Jonas Voss wrote in dk.edb.internet.webdesign.html:
> >
> >>On Thu, 15 Aug 2002 07:56:02 +0000 (UTC), Bengt <bengt@wendt-net.dk> wrote:
> >>
> >>
> >>>Er der en løsning her i forum ??
> >>
> >>
> >><div align="center">
> >><img src="billede.jpg" alt="en sigende alt tekst" width="xxx"
> >>height="xxx" />
> >></div>
> >>
> >>--
> >>Jonas @ 55.75, 12.42 Husk på, de fleste browsere ikke tolererer
> >>< http://verture.net/> hovsa-programmering i den grad, som IE gør det.
> >> - Miccel i d.e.i.w.ris+ros
> >
> >
> >
> > Tak, men under valideringen kommer denne meddelse
> > <div align="center">
> > ^Error: there is no attribute "align" for this element (in this
> > HTML version)
>
> Prøv med lidt inline CSS:
>
> <div style=" text-align: center">
> ....
> </div>
>
> Det validerer.
>
> ..kold
> --
> ------------------------------------------------------------------------
> Hi! I'm your friendly neighborhood signature virus. www.ulrikkold.dk
> Copy me to your signature file and help me spread! mig@ulrikkold.dk
> ------------------------------------------------------------------------
>
Det er muligt at jeg er lidt dum,
men text-align er vel kun for tekst, og ikke for billeder?
--
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
| |
Ulrik Kold (15-08-2002)
| Kommentar Fra : Ulrik Kold |
Dato : 15-08-02 13:26 |
|
Bengt Sørensen wrote:
> Ulrik Kold wrote in dk.edb.internet.webdesign.html:
>>Prøv med lidt inline CSS:
>>
>><div style=" text-align: center">
>>....
>></div>
>>
>>Det validerer.
>>
>>..kold
>>--
>>------------------------------------------------------------------------
>> Hi! I'm your friendly neighborhood signature virus. www.ulrikkold.dk
>> Copy me to your signature file and help me spread! mig@ulrikkold.dk
>>------------------------------------------------------------------------
>>
>
> Det er muligt at jeg er lidt dum,
> men text-align er vel kun for tekst, og ikke for billeder?
>
*hrem* jeg må hellere lige finde CSS-spec'en frem (bare for at være sikker):
’text-align’
Value: left | right | center | justify | <string> | inherit
Initial: depends on user agent and writing direction
Applies to: block-level elements
Det var lige et kort uddrag af teksten om text-align, der virker på alle
block-level elements og dermed ikke kun på tekst.
Jeg vil give dig ret i (og det har jeg tænkt siden jeg så den første
gang) at 'text-align' er et enormt dårligt navn til den attribut
eftersom det ikke kun er tekst, der kan være et block level-element.
Specielt når attributten for lodret justering så hedder
vertical-alignment. Hvorfor ikke kalde 'text-align' for
horisontal-alignment? Jaja, der er sikkert tænkt noget smart med det
navn. *suk*
Jeg håber du blev klogere?
..kold
--
------------------------------------------------------------------------
Hi! I'm your friendly neighborhood signature virus. | www.ulrikkold.dk
Copy me to your signature file and help me spread! | mig@ulrikkold.dk
------------------------------------------------------------------------
| |
Finn Nielsen (15-08-2002)
| Kommentar Fra : Finn Nielsen |
Dato : 15-08-02 13:51 |
|
Ulrik Kold <kold@[NOSPAM]superbruger.dk> writes:
> Bengt Sørensen wrote:
>> men text-align er vel kun for tekst, og ikke for billeder?
>>
>
> *hrem* jeg må hellere lige finde CSS-spec'en frem (bare for at være sikker):
>
> text-align
> Value: left | right | center | justify | <string> | inherit
> Initial: depends on user agent and writing direction
> Applies to: block-level elements
>
> Det var lige et kort uddrag af teksten om text-align, der virker på alle
> block-level elements og dermed ikke kun på tekst.
Læs det hele:
This property describes how text is aligned within the element.
Altså virker den ikke på selve block-level elementerne, men på den tekst
der er inden i.
--
Finn Nielsen - http://www.zznyyd.dk/
"Creatures seemed to turn up in the world randomly, and certainly not
according to any pictures in a book." - The science of Discworld
| |
Ulrik Kold (15-08-2002)
| Kommentar Fra : Ulrik Kold |
Dato : 15-08-02 13:56 |
|
Finn Nielsen wrote:
> Læs det hele:
> This property describes how text is aligned within the element.
>
> Altså virker den ikke på selve block-level elementerne, men på den tekst
> der er inden i.
Ooh, det var da en rimelig væsentlig detalje. Tak for oplysningen af
mine forundringer :)
Har du i stedet en løsning? Noget med:
<img style=" text-align: center" />
..kold
--
------------------------------------------------------------------------
Hi! I'm your friendly neighborhood signature virus. | www.ulrikkold.dk
Copy me to your signature file and help me spread! | mig@ulrikkold.dk
------------------------------------------------------------------------
| |
Jens Peter Karlsen (16-08-2002)
| Kommentar Fra : Jens Peter Karlsen |
Dato : 16-08-02 12:21 |
|
Prøv noget a la dette:
<div style="width:100%; text-align:center;">
<img border="0" src="j0285750.gif" width="192" height="118">
</div>
Regards Jens Peter Karlsen. Microsoft MVP - Frontpage.
On Thu, 15 Aug 2002 14:56:07 +0200, Ulrik Kold
<kold@[NOSPAM]superbruger.dk> wrote:
>Har du i stedet en løsning? Noget med:
>
><img style=" text-align: center" />
>
>.kold
| |
Finn Nielsen (15-08-2002)
| Kommentar Fra : Finn Nielsen |
Dato : 15-08-02 14:44 |
| | |
Bengt Sørensen (15-08-2002)
| Kommentar Fra : Bengt Sørensen |
Dato : 15-08-02 13:42 |
|
Bengt Sørensen wrote in dk.edb.internet.webdesign.html:
> Hej
> Jeg roder med at få et billede til at centrere på siden, jeg får
> hele fejl meddelse når jeg forsøger at validere siden.
>
> En mulighed er at lægge det i css, men det vil heller ikke lykkes
> for mig.
> Er der en løsning her i forum ??
> Venlig hilsen Bengt
>
>
> --
> 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
Jo du har ret i at det validerer.
Men min billede er ikke centreret
Css Linie:
billede {
background-color: transparent; text-align: center;
}
Xhtml Linie:
<div id="billede"></div><img src="Gif/alligator.gif" />
Jeg har sikkert overset noget
--
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
| |
Ulrik Kold (15-08-2002)
| Kommentar Fra : Ulrik Kold |
Dato : 15-08-02 13:50 |
|
Bengt Sørensen wrote:
> Jo du har ret i at det validerer.
> Men min billede er ikke centreret
>
> Css Linie:
> billede {
> background-color: transparent; text-align: center;
> }
>
>
> Xhtml Linie:
> <div id="billede"></div><img src="Gif/alligator.gif" />
>
> Jeg har sikkert overset noget
>
Ja, og det er egentlig rimelig simpelt (du kender det der med at stirre
sig blind, ikk :) Du skal lige have flyttet billedet ind i din div.
<div id="billede"><img src="Gif/alligator.gif" /></div>
..kold
--
------------------------------------------------------------------------
Hi! I'm your friendly neighborhood signature virus. | www.ulrikkold.dk
Copy me to your signature file and help me spread! | mig@ulrikkold.dk
------------------------------------------------------------------------
| |
Jonas Voss (15-08-2002)
| Kommentar Fra : Jonas Voss |
Dato : 15-08-02 13:53 |
|
On Thu, 15 Aug 2002 12:42:18 +0000 (UTC), Bengt <bengt@wendt-net.dk> wrote:
> Jo du har ret i at det validerer.
> Men min billede er ikke centreret
>
> Css Linie:
> billede {
> background-color: transparent; text-align: center;
> }
>
> Xhtml Linie:
><div id="billede"></div><img src="Gif/alligator.gif" />
> Jeg har sikkert overset noget
Prøv dette i stedet:
#billede
{
background-color: transparent;
text-align: center;
}
<div id="billede">
<img src="Gif/alligator.gif" />
</div>
--
Jonas @ 55.75, 12.42 | Husk på, de fleste browsere ikke tolererer
< http://verture.net/> | hovsa-programmering i den grad, som IE gør det.
- Miccel i d.e.i.w.ris+ros
| |
Bengt Sørensen (15-08-2002)
| Kommentar Fra : Bengt Sørensen |
Dato : 15-08-02 14:30 |
|
Jonas Voss wrote in dk.edb.internet.webdesign.html:
> On Thu, 15 Aug 2002 12:42:18 +0000 (UTC), Bengt <bengt@wendt-net.dk> wrote:
>
> > Jo du har ret i at det validerer.
> > Men min billede er ikke centreret
> >
> > Css Linie:
> > billede {
> > background-color: transparent; text-align: center;
> > }
> >
> > Xhtml Linie:
> ><div id="billede"></div><img src="Gif/alligator.gif" />
> > Jeg har sikkert overset noget
>
> Prøv dette i stedet:
>
> #billede
> {
> background-color: transparent;
> text-align: center;
> }
>
> <div id="billede">
> <img src="Gif/alligator.gif" />
> </div>
>
>
> --
> Jonas @ 55.75, 12.42 Husk på, de fleste browsere ikke tolererer
> < http://verture.net/> hovsa-programmering i den grad, som IE gør det.
> - Miccel i d.e.i.w.ris+ros
Mange tak
Ja ja så er den midt på siden.
--
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
| |
Peter Loumann (15-08-2002)
| Kommentar Fra : Peter Loumann |
Dato : 15-08-02 14:38 |
|
Bengt Sørensen <bengt@wendt-net.dk> skrev:
>> Prøv dette i stedet:
>>
>> #billede
>> {
>> background-color: transparent;
>> text-align: center;
>> }
>>
>> <div id="billede">
>> <img src="Gif/alligator.gif" />
>> </div>
>Mange tak
>Ja ja så er den midt på siden.
Også i andre browsere end IE?
--
hilsen pl
http://huse-i-naestved.dk
| |
Bengt Sørensen (15-08-2002)
| Kommentar Fra : Bengt Sørensen |
Dato : 15-08-02 14:57 |
|
Peter Loumann wrote in dk.edb.internet.webdesign.html:
> Bengt Sørensen <bengt@wendt-net.dk> skrev:
>
> >> Prøv dette i stedet:
> >>
> >> #billede
> >> {
> >> background-color: transparent;
> >> text-align: center;
> >> }
> >>
> >> <div id="billede">
> >> <img src="Gif/alligator.gif" />
> >> </div>
>
> >Mange tak
> >Ja ja så er den midt på siden.
>
> Også i andre browsere end IE?
>
Det har jeg ikke chekket endnu, siden er kun på udviklings
stadiet.
Jeg er rimelig glad for at jeg har fået billedet ind på siden.
> --
> hilsen pl
> http://huse-i-naestved.dk
--
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
| |
Ulrik Kold (15-08-2002)
| Kommentar Fra : Ulrik Kold |
Dato : 15-08-02 14:37 |
|
Jonas Voss wrote:
> On Thu, 15 Aug 2002 12:42:18 +0000 (UTC), Bengt <bengt@wendt-net.dk> wrote:
>
>
>>Jo du har ret i at det validerer.
>>Men min billede er ikke centreret
>>
>>Css Linie:
>>billede {
>> background-color: transparent; text-align: center;
>>}
>
> Prøv dette i stedet:
>
> #billede
Aargh, jeg har lige brugt en måned på at fedte med CSS og så overser jeg
sådan een som den der ... *suk*
..kold
--
------------------------------------------------------------------------
Hi! I'm your friendly neighborhood signature virus. | www.ulrikkold.dk
Copy me to your signature file and help me spread! | mig@ulrikkold.dk
------------------------------------------------------------------------
| |
|
|