Nach jeder Zeile in der Tabelle ein Leerzeichen einfügen

[Sahra]

Hi,

leider funktioniert bei meinem System hier nicht mit padding, oder padding-right:30px; Ich brauche nur einen Befehl in CSS der hinder jedeb Text ein Leerzeichen macht, weil ich sonst keinen Abstand zu dem rechten Rand habe. Bitte versucht keine Lösung mit padding zu finden.

Cu
Sahra

[Primus]

Hallo Sahra,

einen CSS-Befehl wirst du leider wohl nicht finden können... :-(

MfG
Primus

[Sahra]

Hi,

ich habe sowas vermutet. Ich nutze hier ein js-Menu in dem schon der Abstand mit padding angegeben ist und ich mit margin ein zufriedenstellendes Ergebnis gekriegt habe. Jetzt ist es nur noch der kleine Abstand.

Bis dann
Sahra

[Patrick Schröder]

Hi Sahra,

Menüs sind eigentlich Listen und sollten auch als solche behandelt werden. Ansonsten werden sowohl behinderte Menschen (im Bezug auf Screenreader) oder Suchmaschinen Probleme mit deiner Seite haben.

Verzichte gerade im Bereich von Menüs auf JavaScript. Wer es ausgeschaltet hat, kann auf deinen Seiten nicht mehr navigieren!

Falls Fragen dazu sind, kann ich gern weiterhelfen, mit JS kenne ich mich bewusst kaum aus!

Gruß Patrick

[Sahra]

Hi,

ich kann nicht auf js Verzichten. Leider das Projekt ist fertig. also der CSS Teil sieht so aus:

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

wobei padding-right nicht funktioniert.

[Patrick Schröder]

Hi nochmal... das sollte so eigentlich funktionieren. Auf welches Tag hast du denn das _class="ersterpunkt_farbe"_ angewendet? Wenn du es auf <td> oder <span> anwendest, funktioniert es evtl nicht, weil sich padding-Bereiche überlagern oder aber andere Elemente eine höhere Wertigkeit haben.
Wendest du es auf einen <div>-Bereich an, solltest du keine Probleme haben...
Aber auch bei einem horizontalen Menü, welches als Liste ausgewiesen ist (<ul> <li></li> </ul>) funktioniert es mit padding einwandfrei.

Ansonsten kannst du aber auch dein margin entsprechend ändern. Immerhin ist das ein reeller, äußerer Abstand, während padding nur ein innerer Abstand ist.

Ich hoffe, ich konnte dir zumindest ein wenig weiterhelfen.

Gruß
Patrick

[Sahra]

Ok,

ich versuche dir zu folgen und haue dir mal alles rein:

js datei:

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&nbsp;","#",,,,,"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&nbsp;","#","","","",,"2",],

["|Technische Hilfsmittel","#","","","",,"2",],
      ["||Instandhaltung und Prüfung von technischen Hilfsmitteln&nbsp;","#","","","",,"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)&nbsp;","/site/demo/einflussfaktoren/03.htm","","","",,"2",],
   ["||Feldenkrais","#","","","",,"2",],
   ["||Eutonie nach Gerda Alexander&nbsp;","#","","","",,"2",],
   ["||Körperliche Bewegung","#","","","",,"2",],

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

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

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

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

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

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

apy_init();

Und da da stehen ja nun auch die angewendeten Stylesheets.

[Patrick Schröder]

Hallo Sahra,

also nen CSS-Befehl wirst du dafür nicht finden, weil CSS nur Optik beschreibt, aber keine Programme o.ä. ausführt.

Am einfachsten ist es, wenn du den entsprechenden Teil von deinem Quelltext mal zeigst, wo du das Problem hast. Wichtig wäre auch zu wissen, wo der SInn und Zweck steckt, also z.B. ob es sich um ein vertikales Menü handelt...

Weitere Frage, in welchem Tag hast du denn das padding deklariert gehabt? Das könnte vielleicht auch schon erklären, warum etwas nicht funktionirt hat...

Dann kann man dir sicherlich auch weiterhelfen!

Gruß Patrick

[Primus]

Hi nochmal,

es kommt übrigens auch nirgendswo gut an, Abstände irgendwie mit Leerzeichen _hinzufummenln_. Würdest du, wie Patrick schon sagte, ein barrierefreies Menü machen, würde sicher auch das standardkonforme Padding funktionieren!

MfG
Primus

[Sahra]

Hi,

das mit den Leerzeichen will ich auch nicht, aber das ganze muß fertig werden. Mir wäre es lieber wenn ich einfach schreibe padding-right:8px. Klar wäre das gut. Aber es geht nicht. Danke für alles.

Cu
Sahra

[Yeti]

Hi,
wenn es unbedingt sein muss: The :before and :after pseudo-elements. Für Unterstützung im IE siehe IE7.
Der Yeti

[Sahra]

Hi,

leider kann ich nicht verstehen was da steht. Tut mir leid. Bei mir funktionieren die Elemente auch nicht.

Cu Sahra

[Sahra]

Hi,
ich hab das jetzt mal so gemacht im der css Datei.

#td::after {

background-color: yellow;
   content: "World!";
   padding-left: .3em;
  }

geht aber trotzdem nicht.
Cu
Sahra

[Zeromancer]

Hallo,

#td::after {

nur ein Doppelpunkt

http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#before_after

padding-left: .3em;

m.E. hier fehlt die "0" -> 0.3em

http://de.selfhtml.org/css/formate/wertzuweisung.htm#numerische

Mit freundlichen Grüßen,
André

[Ingo Turski]

Hi,

m.E. hier fehlt die "0" -> 0.3em

http://de.selfhtml.org/css/formate/wertzuweisung.htm#numerische

und wo steht das dort?
lies [http://www.w3.org/TR/2005/WD-CSS21-20050613/syndata.html#value-def-number]:
"it can be zero or more digits followed by a dot (.) followed by one or more digits."

freundliche Grüße
Ingo

[Sven Rautenberg]

Moin!

m.E. hier fehlt die "0" -> 0.3em

http://de.selfhtml.org/css/formate/wertzuweisung.htm#numerische
und wo steht das dort?
lies [http://www.w3.org/TR/2005/WD-CSS21-20050613/syndata.html#value-def-number]:
"it can be zero or more digits followed by a dot (.) followed by one or more digits."

Daß ein Standard das so festschreibt heißt ja nicht, daß alle Browser das auch so erkennen. Gerade der IE hebt sich ja durch Kreativität immer wieder unangenehm vom Standard ab.

Deshalb: Ein Versuch mit Null vorne kann sicher nicht schaden.

- Sven Rautenberg

[Zeromancer]

Hallo Sven,

Deshalb: Ein Versuch mit Null vorne kann sicher nicht schaden.

danke.

Mit freundlichen Grüßen,
André

[Zeromancer]

Hallo,

und wo steht das dort?
lies [http://www.w3.org/TR/2005/WD-CSS21-20050613/syndata.html#value-def-number]:
"it can be zero or more digits followed by a dot (.) followed by one or more digits."

ja, Herr Lehrer! Ein wenig Freundlichkeit könnte nicht schaden. Und im Übrigen, beim W3C stehen viele Dinge, die die Browser trotzalledem nicht interpretieren/handhaben können. Wer sagt dir, dass sich der getestete Browser nicht daran aufhängt?!

Mit freundlichen Grüßen,
André

[Ingo Turski]

Hi,

ja, Herr Lehrer! Ein wenig Freundlichkeit könnte nicht schaden.

sorry, da fehlte ein "bitte" - und darüber hinaus leider auch "link:".

Und im Übrigen, beim W3C stehen viele Dinge, die die Browser trotzalledem nicht interpretieren/handhaben können. Wer sagt dir, dass sich der getestete Browser nicht daran aufhängt?!

• Die Logik (ich kenne keine Programmiersprache, die führende Nullen benötigt, und auch Browser werden schließlich programmiert).
• Die Erfahrung (zumindest bis runter zum IE 5.01 gab es damit nie Probleme).
• Der Glaube in die berüchtigte Fehlertoleranz (selbst wenn ein älterer IE CSS 1 exakt umsetzen würde, dürfte er die fehlende Null automatisch hinzufügen).

freundliche Grüße
Ingo

[Der Martin]

Hallo André,

padding-left: .3em;
m.E. hier fehlt die "0" -> 0.3em

Ach was?
Das wäre ja mal was ganz Außergewöhnliches in der EDV, dass die Null vor dem Dezimalpunkt angegeben werden _muss_. Vor allem im amerikanischen Raum ist das sogar üblich, die Null wegzulassen.

Nur gut, dass Ingo schon die Stelle gefunden hat, die uns das hier auch erlaubt. ;)

Ciao,

Martin

[Zeromancer]

Hallo Martin,

Nur gut, dass Ingo schon die Stelle gefunden hat, die uns das hier auch erlaubt. ;)

https://forum.selfhtml.org/?t=111599&m=703225

Mit freundlichen Grüßen,
André

[Candid Dauth]

Heißa, Sahra,

Hat’s noch niemand bemerkt?

Wenn du nichtmal schreibst, ob die Lösungsvorschläge, die dir in deinem alten Thread gegeben wurden, funktioniert haben (und mit welchem Code nicht), brauchst du dich nicht wundern, wenn du keine befriedigende Antwort bekommst.

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