Sahra: Gegenteil von text-indent

Hi,

wie kann ich am Ende von dem Text noch einen Abstand einfügen. Bei mit funktioniert leider padding in der Tabelle nicht, weil das ein JS Menu ist und ich jetzt nichts an dem Menu ändern kann und ich das heute aber fertig kriegen muß. Danke.

Cu
Sahra

  1. Hallo,

    wie kann ich am Ende von dem Text noch einen Abstand einfügen. Bei mit funktioniert leider padding in der Tabelle nicht, weil das ein JS Menu ist ...

    Wie sieht denn dein Quelltext aus? Kann man das irgendwo sehen?

    Mit freundlichen Grüßen,
    André

    1. Leider nein, alles Lokal.

      Nur denn CSS:

      .itemNormal_farbe {
        font-family: Verdana;
        font-size: 12px;
        color: #003399;
        cursor: pointer;
        background-color: #FFFFFF;
        border-bottom:1px solid #003399;
        border-left:1px solid #003399;
        border-right:1px solid #003399;
        margin: 0px 0px 5px 0px;
        text-indent:1em;
        padding-right:10px;
      }

      padding geht aber nicht, weil das in dem JS Menu schon definiert ist. Zumindest nimmt er das nicht an. Alles andere rockt.

      Cu
      Sahra

      1. Hallo Sahra,

        Nur denn CSS:

        .itemNormal_farbe {

        (...)

        text-indent:1em;
          padding-right:10px;
        }

        padding geht aber nicht, weil das in dem JS Menu schon definiert ist. Zumindest nimmt er das nicht an. Alles andere rockt.

        Wie wäre es denn, wenn du innerhalb der Elemente, denen du diese Klasse zuweist ein SPAN-Element einfügst, dem du das gewünschte Padding verpasst?

        Gruß Gernot

        1. Hallo Gernot,

          leider mag das mein Chef nicht, der will da nur den Menupunkt sehen.

          Danke
          Sahra

          1. Hallo Sahra,

            Poste bitte auch einen auszug aus deinem HTML-Code, sonst können wir nur raten!

            Hat denn das Element, dem du die Klasse zuordnest vielleicht ohnehin ein Kindelement? Dann verpass dem das Padding und ggf. display:inline.

            Sonst sag deinem Chef einen schönen Gruß von mir, dass er sich "Wasch mir den Pelz, aber mach ihn nicht nass!" abschminken muss!

            Gruß Gernot

            1. OK:

              HTML Code:

              <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Heben und Tragen</title> <link href="../../css/style.css" rel="stylesheet" type="text/css"> <link href="../../css/menu.css" rel="stylesheet" type="text/css"> <script language="javascript1.2" src="../js/menu.js"></script> <script language="javascript1.2" src="../js/main.js"></script> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <script language="javascript1.2" src="../js/inhalt.js"></script> <table width="960" border="0" cellspacing="0" cellpadding="0">   <tr>     <td><img src="../img/oben.jpg" width="960" height="108" border="0" usemap="#Map2"></td>   </tr> </table>

              <table width="960" border="0" cellspacing="0" cellpadding="0">   <tr>     <td><img src="../img/weisser_pixel.gif" width="1" height="1"></td>   </tr> </table> <table width="960" border="0" cellspacing="0" cellpadding="0">   <tr>     <td width="41"><img src="../img/zahl.gif" width="41" height="46"></td>     <td width="14" valign="middle">&nbsp;</td>     <td width="427" valign="middle" class="fontXXL-dblau-fett">Einflussfaktoren f&uuml;r r&uuml;ckengerechtes Arbeiten</td>     <td width="478" valign="middle">&nbsp;    </td>   </tr> </table> <table width="960" border="0" cellspacing="0" cellpadding="0">   <tr>     <td width="55"><img src="../img/weisser_pixel.gif" width="55" height="1"></td>     <td width="905"><img src="../img/blauer_pixel.gif" width="905" height="1"></td>   </tr> </table> <table width="960" border="0" cellspacing="0" cellpadding="0">   <tr>     <td width="55" align="left"><img src="../img/links.jpg" width="41" height="370"></td>     <td width="415" valign="top"><table width="100%" height="369" border="0" cellpadding="0" cellspacing="0" class="fontM">       <tr>         <td height="22">&nbsp;</td>       </tr>       <tr>         <td valign="top"><span class="fontXL-fett">Trainingszustand der Mitarbeiter </span><br>           <br>           <span class="fontL"><b>Kr&auml;ftigung und Dehnung der Muskulatur</b></span> <br>           <br>           <table width="100%"  border="0" cellspacing="0" cellpadding="2" class="fontM">             <tr>               <td width="7%">1.</td>               <td width="93%"> Kr&auml;ftigung der Schultermuskulatur</td>             </tr>             <tr>               <td>2.</td>               <td> Kr&auml;ftigung der oberen und unteren R&uuml;ckenstrecker</td>             </tr>             <tr>               <td>3.</td>               <td> Kr&auml;ftigung der Bauchmuskulatur </td>             </tr>             <tr>               <td>4.</td>               <td> Kr&auml;ftigung der Oberschenkelmuskulatur </td>             </tr>             <tr>               <td>5.</td>               <td>Kr&auml;ftigung der Brustmuskulatur </td>             </tr>             <tr>               <td>6.</td>               <td> Dehnung der Hals- und Nackenmuskulatur</td>             </tr>             <tr>               <td>7.</td>               <td> Dehnung des oberen R&uuml;ckens</td>             </tr>             <tr>               <td>8.</td>               <td> <a href="02.htm">Dehnung der vorderen Oberschenkelmuskulatur</a></td>             </tr>             <tr>               <td>9.</td>               <td> Dehnung der r&uuml;ckw&auml;rtigen Oberschenkelmuskulatur</td>             </tr>             <tr>               <td>10.</td>               <td> Dehnung der Wadenmuskulatur</td>             </tr>             <tr>               <td>11.</td>               <td> Mobilisation im H&uuml;ftgelenk</td>             </tr>             <tr>               <td>12.</td>               <td> Mobilisation und Ganzk&ouml;rperkr&auml;ftigung</td>             </tr>             <tr>               <td>13.</td>               <td> Entlastungshaltungen</td>             </tr>           </table>           </td>       </tr>     </table></td>     <td width="490" valign="top">       <table width="100%"  border="0" cellspacing="0" cellpadding="0">       <tr>         <td><img src="../img/weisser_pixel.gif" width="1" height="6"></td>       </tr>       <tr>         <td align="right">&nbsp;</td>       </tr>     </table></td>   </tr> </table> <table width="960" border="0" cellspacing="0" cellpadding="0">   <tr>     <td><img src="../img/weisser_pixel.gif" width="1" height="1"></td>   </tr> </table> <table width="960" border="0" cellspacing="0" cellpadding="0">   <tr>     <td><img src="../img/unten.jpg" width="960" height="22" border="0" usemap="#Map"></td>   </tr> </table> <map name="Map">   <area shape="rect" coords="122,2,200,40" href="02.htm" alt="weiter" title="weiter">   <area shape="rect" coords="44,1,120,24" href="../hilfsmittel/06.htm" alt="zur&uuml;ck" title="zur&uuml;ck"> </map> <map name="Map2">   <area shape="rect" coords="658,83,739,107" href="../beispiel/01.htm"> </map> </body> </html>

              inhalt.js:

              var cssStyle=1; var cssClass="topMenu"; var topDY=0; var DX=-1; var DY =-1; //Y Submenu var saveNavigationPath = 1; var blankImage="img/blank.gif"; var isHorizontal=1; var menuWidth="10"; var absolutePos=1; var posX=42; var posY=82; var floatable=0; var floatIterations=5; var movable=0; var moveCursor="move"; var moveImage="img/movepic4.gif"; var moveWidth=12; var moveHeight=18; var fontStyle="normal 8pt Tahoma"; var fontColor=["#FFFFFF","#FFCC00"]; var fontDecoration=["none","none"]; var itemBackColor=["#3366CC","#3366CC"]; var itemBorderWidth=0; var itemAlign="left"; var itemBorderColor=["",""]; var itemBorderStyle=["solid","solid"]; var itemBackImage=["",""]; var itemSpacing=0; var itemPadding=1; var itemCursor="default"; var itemTarget=""; var iconTopWidth=9; var iconTopHeight=9; var iconWidth=16; var iconHeight=16; var menuBackImage=""; var menuBackColor="#FFFFFF"; var menuBorderColor="#BFBFBF #737373 #4D4D4D #AAAAAA "; var menuBorderStyle=["solid"]; var menuBorderWidth=0; var subMenuAlign="left"; var transparency=100; var transition=24; var transDuration=300;

              var shadowColor="#AAAAAA"; var shadowLen=0; var shadowTop=0;

              var arrowImageMain=[]; var arrowImageSub=["../js/arrow.gif","../js/arrow.gif"]; var arrowWidth =10; var arrowHeight=10;

              var separatorImage="img/separ1.gif"; var separatorWidth="100%"; var separatorHeight="5"; var separatorAlignment="center"; var separatorVImage="img/separv1.gif"; var separatorVWidth="5"; var separatorVHeight=34;

              var statusString="text"; var pressedItem=0;

              var itemStyles = [    ["CSS=hauptpunkt,hauptpunktover"],      //Hauptnavigationspunkt    ["CSS=ersterpunkt,ersterpunktover"],     //Erster Unterpunkt auch in zweiter Ebene    ["CSS=itemNormal,itemOver"],       //Folgende Unterpunkte

              //hervorgehobener Pfad    ["CSS=aktiv_ersterpunkt,aktiv_ersterpunktover"],    ["CSS=aktiv_itemNormal,aktiv_itemOver"],    ["CSS=ohnepadding,ohnepadding"],    ["CSS=ersterpunkt_farbe,ersterpunktover_farbe"],    ["CSS=itemNormal_farbe,itemOver_farbe"], ];

              var arrow = "/js/arrow.gif"; var arrow_over = "/js/arrow_over.gif";

              var menuItems = [        ['<img src="../img/wirbel.jpg" width=99 height=25 border=0 name="wirbel" onMouseOver="navigation(this.src,'wirbel')" onMouseOut="navigation_out(this.src,'wirbel')">',"#",,,,,"5",],     ["|Allgemeines","#",,,,,"6",],     ["|Wirbelsäule","/site/demo/wirbelsaeule/01.htm",,,,,"7",],     ["|Volkswirtschaftliche Aspekte","#",,,,,"7",],

              ['<img src="../img/notwendigkeit.jpg" width=115 height=25 border=0 name="notwendigkeit">',"#",,,,,"5",],

              ['<img src="../img/einfluss.jpg" width=127 height=25 border=0 name="einfluss" onMouseOver="navigation(this.src,'einfluss')" onMouseOut="navigation_out(this.src,'einfluss')">',"#",,,,,"5",],     ["|Kleine Hilfsmittel","#",,,,,"1",],       ["||Einführung","/site/demo/hilfsmittel/01.htm","","","",,"1",],    ["||Übersicht","/site/demo/hilfsmittel/02.htm","","","",,"2",],    ["||Bettleiter","/site/demo/hilfsmittel/06.htm","","","",,"2",],    ["||Anti-Rutsch-Matte","#","","","",,"2",],    ["||Gleitmatten","#","","","",,"2",],    ["||Rutschbrett","#","","","",,"2",],    ["||Haltegürtel","#","","","",,"2",],    ["||Drehscheibe","#","","","",,"2",],    ["||Rollbrett","#","","","",,"2",],    ["||Hinweise zur Beschaffung von Hilfsmitteln","#","","","",,"2",],

              ["|Technische Hilfsmittel","#","","","",,"2",],       ["||Instandhaltung und Prüfung von technischen Hilfsmitteln","#","","","",,"1",],    ["||Pflegebetten","#","","","",,"2",],    ["||Lifter","#","","","",,"2",],    ["||Rollstühle","#","","","",,"2",],    ["||Patientenumbetter/ Patientenschleusen","#","","","",,"2",],    ["||Umsetzhilfen/ Aufrichthilfen","#","","","",,"2",],    ["||Höhenverstellbare Untersuchungs-/ Transportliegen","#","","","",,"2",],    ["||Höhenverstellbare Tagespflegestühle, Toilettenstühle","#","","","",,"2",],    ["||Höhenverstellbare Trageuntergestelle","#","","","",,"2",],    ["||Duschliege- und Duschsitzlifter, Badewannenlifter","#","","","",,"2",],    ["||Höhenverstellbare Badewannen","#","","","",,"2",],     /*     ["|Kleine Hilfsmittel","#","","","",,"2",],       ["||Bettleiter","#","","","",,"1",],    ["||Anti-Rutsch-Matte","#","","","",,"2",],    ["||Gleitmatten","#","","","",,"2",],    ["||Rutschbrett","#","","","",,"2",],    ["||Haltegürtel","#","","","",,"2",],    ["||Drehscheibe","#","","","",,"2",],    ["||Rollbrett","#","","","",,"2",],*/

              ["|Qualifikation der Mitarbeiter","#","","","",,"2",],

              ["|Trainingszustand der Mitarbeiter","#","","","",,"2",],       ["||Physiologisches Arbeiten im Pflegebereich","#","","","",,"1",],    ["||Kräftigung und Dehnung der Muskulatur","/site/demo/einflussfaktoren/01.htm","","","",,"2",],    ["||Selbstpflege","#","","","",,"2",],    ["||Praktische Möglichkeiten zur Entspannung","#","","","",,"2",],    ["||Progressive Muskelrelaxation nach Jacobsen (PMR)","/site/demo/einflussfaktoren/03.htm","","","",,"2",],    ["||Feldenkrais","#","","","",,"2",],    ["||Eutonie nach Gerda Alexander","#","","","",,"2",],    ["||Körperliche Bewegung","#","","","",,"2",],

              ["|Motivation der Mitarbeiter","#","","","",,"2",],

              ["|Schuhe","#","","","",,"2",],

              ["|Kleidung","#","","","",,"2",],

              ["|Ressourcen von Patienten","#","","","",,"2",],

              ["||Basale Stimulation","#","","","",,"1",],    ["||Coping-Strategien","#","","","",,"2",],    ["||Empowerment","#","","","",,"2",],

              ["|Arbeitsmethoden zum Bewegen von Patienten","#","","","",,"2",],     ["|Handhabung von Lasten","#","","","",,"2",],     ["|Räumliche Gegebenheiten","#","","","",,"2",],     ["|Arbeitsorganisation und Personalausstattung","#","","","",,"2",],     ["|Biometrie","#","","","",,"2",], ];

              apy_init();

              1. Hallo Sahra,

                <script language="javascript1.2" src="../js/menu.js"></script>
                <script language="javascript1.2" src="../js/main.js"></script>
                </head>
                <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
                <script language="javascript1.2" src="../js/inhalt.js"></script>

                apy_init();

                Ojemine:

                ich kann nur feststellen, dass es in deinem Code überhaupt kein Element gibt, dem die Klasse "itemNormal_farbe" zugeordnet wird. Das passiert wahrscheinlich über eines der extern eingebundenen Javascript, die du uns hier vorenthältst. Die Funktion "apy_init()" sehe ich nämlich nirgends definiert.

                Ehrlich gesagt verstehe ich nicht, warum dein Chef angeblich so auf CSS abfährt, wenn ohne aktiviertes Javascript höchstwahrscheinlich ohnehin nichts von euerer  Seite zu sehen ist und man darüber hinaus so etwas liest:

                <td width="415" valign="top"><table width="100%" height="369" border="0" cellpadding="0" cellspacing="0" class="fontM">

                Da soll sich dein Chef mal nicht so anstellen wegen eines zusätzlich eingefügten HTML-Elements.

                Gruß Gernot

  2. Heißa, Sahra,

    wie kann ich am Ende von dem Text noch einen Abstand einfügen.

    In dem du zum Beispiel dem Pseudo-Element :after ein paar Leerzeichen zuweist?

      
    element:after { content:"\a0\a0\a0"; } /* \a0 entspricht einem &nbsp; */  
    
    

    Mit letter-spacing kannst du die Größe der Leerzeichen variieren.

    Du kannst natürlich :after einfach ein padding zuweisen.

    Bei mit funktioniert leider padding in der Tabelle nicht, weil das ein JS Menu ist und ich jetzt nichts an dem Menu ändern kann

    Wenn du das etwas genauer erläuterst, können wir dir vielleicht doch noch eine Lösung erbringen, mit der das auch mit padding funktioniert.

    Gautera!
    Grüße aus Biberach Riss,
    Candid Dauth

    -- Ein Fußball-Fan? Noch auf der Suche eine Schlafmöglichkeit im Großraum Stuttgart für die WM 2006? Wie wäre es mit Herrenberg, einer gemütlichen Kleinstadt am Rande des Schönbuchs? – Von der Lage her ideal, auch für andere Vorhaben im Urlaub. Ferienwohnungen-Herrenberg.com.

    --
    „Bevorzuge Gerechtigkeit auch dann, wenn sie deinen eigenen Nachteil bedeutet.“ | Mein SelfCode
    http://cdauth.de/
    1. Naja,

      wie soll ich das sagen. Ich kann mit dem CSS ja alles beeinflussen. Hintergrundfarbe, Margin, Schriftgrösse etc. Nur Padding nimmt der leider nicht. Ich verstehe ich warum. Ich hab alles probiert.

      cellspacing, border-spacing, padding, padding-right

      Aber nichts funktioniert. Und jetzt dachte ich ich haue halt irgendwas in den Quellcode, mag der Chef aber nicht der will alles üner CSS definiert haben.

      So sieht das aus.
      Sahra

      1. Heißa, Sahra,

        Ich hab alles probiert. cellspacing, border-spacing, padding, padding-right

        Meinen Vorschlag auch?

        Ansonsten hätte ich noch zwei Ideen:

        • Probiere, dem padding ein !important zuzuweisen – vorläufig. Wenn es dann funktioniert, weißt du, dass du dich mal um die Spezifität kümern solltest.
        • Du könntest einfach einen durchsichtigen border zuweisen.

        Wenn all das nicht funktioniert, macht dein CSS-Code wohl etwas, das nach deinem HTML-Code überhaupt keine Auswirkungen hat. Dann wäre es sinnvoll, uns den HTML-Code zu zeigen.

        Gautera!
        Grüße aus Biberach Riss,
        Candid Dauth

        -- Ein Fußball-Fan? Noch auf der Suche eine Schlafmöglichkeit im Großraum Stuttgart für die WM 2006? Wie wäre es mit Herrenberg, einer gemütlichen Kleinstadt am Rande des Schönbuchs? – Von der Lage her ideal, auch für andere Vorhaben im Urlaub. Ferienwohnungen-Herrenberg.com.

        --
        „Tue niemals etwas ausschließlich weil es jemand anderer tut – auch wenn dieser unter deiner tiefsten Verehrung steht.“ | Mein SelfCode
        http://cdauth.de/
        1. Heißa, Candid,

          Heißa, Sahra,

          Ich hab alles probiert. cellspacing, border-spacing, padding, padding-right

          Meinen Vorschlag auch?

          Ansonsten hätte ich noch zwei Ideen:

          • Probiere, dem padding ein !important zuzuweisen – vorläufig. Wenn es dann funktioniert, weißt du, dass du dich mal um die Spezifität kümern solltest.
          • Du könntest einfach einen durchsichtigen border zuweisen.

          Wenn all das nicht funktioniert, macht dein CSS-Code wohl etwas, das nach deinem HTML-Code überhaupt keine Auswirkungen hat. Dann wäre es sinnvoll, uns den HTML-Code zu zeigen.

          Gautera!
          Grüße aus Biberach Riss,
          Candid Dauth

          Gautera!
          Grüße aus Biberach Riss,
          Candid Dauth

          -- Ein Fußball-Fan? Noch auf der Suche eine Schlafmöglichkeit im Großraum Stuttgart für die WM 2006? Wie wäre es mit Herrenberg, einer gemütlichen Kleinstadt am Rande des Schönbuchs? – Von der Lage her ideal, auch für andere Vorhaben im Urlaub. Ferienwohnungen-Herrenberg.com.

          --
          „Erwecke niemals bei jemandem dem Eindruck, dass er etwas anders machen solle, weil er es anders macht als du, wenn er es besser macht als du.“ | Mein SelfCode
          http://cdauth.de/
          1. […]

            Was hab ich da wohl wieder angestellt… ;-)

            1. Hallo Candid.

              […]

              Was hab ich da wohl wieder angestellt… ;-)

              Ja:

              --
              Ein Fußball-Fan? Noch auf der Suche eine Schlafmöglichkeit im Großraum Stuttgart für die WM 2006? Wie wäre es mit Herrenberg, einer gemütlichen Kleinstadt am Rande des Schönbuchs? – Von der Lage her ideal, auch für andere Vorhaben im Urlaub. Ferienwohnungen-Herrenberg.com.

              --
              „Erwecke niemals bei jemandem dem Eindruck, dass er etwas anders machen solle, weil er es anders macht als du, wenn er es besser macht als du.“ | Mein SelfCode

              http://cdauth.de/

              Nimm doch bitte endlich einmal das zweite Strich-Strich-Leerzeichen heraus.

              Einen schönen Freitag noch.

              Gruß, Ashura

              --
              Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
              30 Days to becoming an Opera8 Lover -- Opera 8.02 mit Bittorent-Unterstützung
              Meine Browser: Opera 8.01 | Firefox 1.0.5 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
              [Deshalb frei! - Argumente pro freie Software]
              1. Hallo,

                Nimm doch bitte endlich einmal das zweite Strich-Strich-Leerzeichen heraus.

                oder noch besser: kürze die Signatur auf ein vernünftiges Maß (max. 4 Zeilen).

                Grüße aus Nürnberg
                Tobias

                1. Heißa, Tobias,

                  Nimm doch bitte endlich einmal das zweite Strich-Strich-Leerzeichen heraus.
                  oder noch besser: kürze die Signatur auf ein vernünftiges Maß (max. 4 Zeilen).

                  Jaja, ist ja schon gut. Hatte so wenig Zeit in letzter Zeit. ;-)

                  Gautera!
                  Grüße aus Biberach Riss,
                  Candid Dauth

                  --
                  Ein Fußball-Fan? Noch auf der Suche eine Schlafmöglichkeit im Großraum Stuttgart für die WM 2006? Wie wäre es mit Herrenberg, einer gemütlichen Kleinstadt am Rande des Schönbuchs? – Von der Lage her ideal, auch für andere Vorhaben im Urlaub. Ferienwohnungen-Herrenberg.com.
                  http://cdauth.de/
                  1. Ok,

                    ich bin noch nicht weiter. DAs mit dem after ist nicht gut. Zurück zum Padding. Hab gerade nochmal

                    padding-top: 10px;
                       padding-right: 10px;
                       padding-bottom: 10px;
                       padding-left: 10px;

                    ausprobiert. Nimmt der aber nicht.

                    border-left:1px solid #003399;

                    funktioniert schon. Woran kann das liegen?

                    Cu
                    Sahra

        2. Also,

          ein border ist schon da und der ist nicht durchsichtig. Ich kenne mich leider mit CSS nicht aus und das mit den Spezifikationen verstehe ich leider nicht. Kannst du mir nicht ein Bespiel für meinen Code geben, den hab ich ja vorhin mal gepostet. Vielen Dank, langsam werde ich ein wenig nervös.

          Cu
          Sahra

    2. Wie mache ich das mit dem "after".

      Füge ich das in mein CSS ein oder muß ich dem TR jetzt noch ein CSS zuweisen.

      Cu
      Sahra