Link wo keiner sein düfte.

[Thomas]

Hallo!

Hab ein seltsames Problem. Ich möchte innerhalb eines Textes nach oben zum Menü verweisen.
Dazu benutze ich folgenden Tag
<a href="#oben"><div class="klein">nach oben</div></a>

und in css: div.klein{font-size:10px;}

Als Ergebnis ist der Link kleiner als der Text (gewünschter Effekt),
erstreckt sich aber nach rechts über die komplette breite des Browsers (opera + ie, sonst hab ich nix ausprobiert).

Weiß jemand, woran das liegt?

Vielen Dank für eure Mühe

Thomas

[Siechfred]

Hi,

<a href="#oben"><div class="klein">nach oben</div></a>
und in css: div.klein{font-size:10px;}

Dein Problem dürfte in der Verwendung des div-Elementes liegen. Entweder du verpasst ihm die Eigenschaft display:inline oder nimmst gleich das span-Element.

Allerdings solltest du es imho besser so lösen, dass du für das a-Element eine Klasse definierst und diese dem a via class zuweist. Das könnte dann so aussehen:

<a class="klein" href="#oben"><div class="klein">nach oben</div></a>
in css: a.klein{font-size:10px;}

Viele Grüße
Torsten

[Alex]

<a class="klein" href="#oben"><div class="klein">nach oben</div></a>
in css: a.klein{font-size:10px;}

hast du dan ned ddes div weglassen vergessen :-)

Alex

[Siechfred]

Hi,

hast du dan ned ddes div weglassen vergessen :-)

Mist, ihr merkt aber auch alles :(

Viele Grüße
Torsten

[Alex]

Wieso machste nicht

.klein  und schreibst dann <a class="klein" href.........>link</a> ??

Alex

[Ole]

hi

Weiß jemand, woran das liegt?

ja, am DIV...machn SPAN draus und alles sollte gut werden.

so long
ole
(8-)>

pS: du solltest dir nochmal die regeln für verschachtelung von elementen anschauen...afaik ist ein DIV innerhalb eines A nicht zulässig.

[MudGuard]

Hi,

Dazu benutze ich folgenden Tag
<a href="#oben"><div class="klein">nach oben</div></a>

div ist ein blocklevel-Element.
a-Elemente dürfen nur inline-Elemente (außer a) enthalten.

Warum gibst Du nicht direkt dem Link die Klasse?

<a href="#oben" class="klein">nach oben</a>

und in css: a.klein{font-size:10px;}

cu,
Andreas

[Tobias Kloth]

Hallo Thomas,

<a href="#oben"><div class="klein">nach oben</div></a>

das ist nicht erlaubt - a darf keine block-level-Elemente wie div enthalten - daher auch das "Ausbreitungsverhalten".

und in css: div.klein{font-size:10px;}

warum verpasst du nicht einfach a die Klasse "klein"?

Grüße aus Nürnberg
Tobias

[at]

Hallo.

Hab ein seltsames Problem. Ich möchte innerhalb eines Textes nach oben zum Menü verweisen.
Dazu benutze ich folgenden Tag
<a href="#oben"><div class="klein">nach oben</div></a>

Wenn du "innerhalb eines Textes" statt des <div> ein <span> benutzt, sollte es funktionieren.
MfG, at