Horsch: Text verschiebt sich ungewollt!

Hallo Leude

Mein Problem ist: Wenn die Maus den Link berührt wird dieser größer! Das ist auch gewollt, aber der ganze Text unter den Links wird logischer weise verschoben. Das ist ungewollt! Wenn ihr wisst wie ich diesen Fehler beheben kann, dann schreibt doch bitte wenns nicht zu viel Arbeit ist den Programmiertext dazu!

Herzlichsten Dank für eure Bemühungen!   Horsch

<style type="text/css">
a:link{color:#0000FF; text-decoration:none;}
a:acitive{color:#0000FF; text-decoration:none;}
a:visited{color:#999999; text-decoration:none;}
</style>

<style>
a:link { color:#336600; }
a:visited { color:#0000cc; }
a:hover {margin-left:20mm; font-size: 12pt;}
a:active { color:#ff3399; }
</style>

<div style="width:100%; font-size:48pt; color:black;
filter:DropShadow(color=#BF0000, offx=18, offy=9 direction=130)">
<font size=+1>
<table>
     <colgroup width=200  hight=200 span=5  vspace=20>
     </colgroup>

  1. Hi,

    es gibt keinen Grund, für die Fortsetzung Deines Threads von weiter unten einen neuen Thread aufzumachen. Bitte setze den Ursprungsthread fort.

    Grüße,

    Utz

  2. leider ist der Satz von Utz nicht die Lösung meines Problems!

    Ich bitte nochmal um Hilfe!

    Danke Horsch

    P.s. Die Links verschieben sich auch auf die Seite!

  3. Hallo!

    Mein Problem ist:

    Dein Problem ist, daß du alles mischst.
    1. Das Forum mit einer support-Hotline.
    2. deine CSS angaben durcheinander.
    3. <font> mit CSS

    In eine Seite genügt 1 <style>...</stlye> bereich und das gehört in <head>
    Ich sehe außerdem nicht wo du deine <a> links</a> hast.
    <table> kannst du nicht in <font> stecken.

    Bitte lese Selfhtml. Es sit dafür da, daß du was lernen kannst, denn deine Fragen werden dort wirklich beantwortet (nein, nicht das warum sich dein Link verschiebt, sonder deine Fehler die du gemacht hast und wenn du sie kennst 1) machst du sie nicht mehr und 2) versteht was passiert ist)

    Was die Richtige Reihenfolge der Pseudoklassen angeht <../../sfausles/tsfa_tba.htm#a11>

    Grüße
    Thomas

    PS: bitte das nächte Mal setze einen Thread fort und fange nicht einen neuen an mit dem selben Thema.

  4. Hallo Leude

    Mein Problem ist: Wenn die Maus den Link berührt wird dieser größer! Das ist auch gewollt, aber der ganze Text unter den Links wird logischer weise verschoben. Das ist ungewollt! Wenn ihr wisst wie ich diesen Fehler beheben kann, dann schreibt doch bitte wenns nicht zu viel Arbeit ist den Programmiertext dazu!

    Herzlichsten Dank für eure Bemühungen!   Horsch

    <style type="text/css">
    a:link{color:#0000FF; text-decoration:none;}
    a:acitive{color:#0000FF; text-decoration:none;}
    a:visited{color:#999999; text-decoration:none;}
    </style>

    <style>
    a:link { color:#336600; }
    a:visited { color:#0000cc; }
    a:hover {margin-left:20mm; font-size: 12pt;}
    a:active { color:#ff3399; }
    </style>

    Wieso hast Du 2x Styles generiert?

    <div style="width:100%; font-size:48pt; color:black;
    filter:DropShadow(color=#BF0000, offx=18, offy=9 direction=130)">
    <font size=+1>
    <table>
         <colgroup width=200  hight=200 span=5  vspace=20>
         </colgroup>

    Also bei diesem Code kapier ich überhaupt nichts.
    Was bei Dir wohl das Problem ist, ich habs schon mal gesagt, die Links haben zuwenig Platz beim Vergrößern, den beschaffen sie sich, indem sie anderen Text verschieben. Was Du brauchst ist eine Tabelle mit Zellen die groß genug sind, um diesen Platz zur Verfügung zu stellen.

    zB

    <head>
    <style>
    a:link{font-size:10pt;}
    a:hover{font-size:14pt;}
    </style>
    </head>
    <body>
    <table width=200 height=100>
    <tr>
    <td width=200 height=50>Link1</td>
    </tr>
    <tr>
    <td width=200 height=50>Link2</td>
    </tr>
    </table>

    Gruß, Jan