zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden ol Abstand zwischen Zahl und Listenpunkt veringern

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.10.2008, 19:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.10.2008
Beiträge: 5
theleman befindet sich auf einem aufstrebenden Ast
Standard ol Abstand zwischen Zahl und Listenpunkt veringern

Hallo, ich hoffe Ihr könnt mir helfen. Ich bastle schon den halben Tag an einer ordnet list rum und versuche verzweifelt im IE den Abstand zwischen Zahl und Text zu verringern, so das der Abstand äquivalent zum Firefox ist. Vergrößern kann ich den problemlos mit ol li {padding-left: 1.5em} aber wie gesagt leider nicht verkleinern ...

Liebe Gruß
Sven
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.10.2008, 20:12
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.867
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Erstmal [FAQ]FAQ[/FAQ] "CSS-Prolog" und dann poste einen Link auf Deinen aktuellen Stand (siehe meine Sign.).
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.10.2008, 20:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.10.2008
Beiträge: 5
theleman befindet sich auf einem aufstrebenden Ast
Standard

Danke für den Hinweis aber leider konnte ich nichts finden im FAQ CSS Prolog was mein o.a. Problem löst. Einen Link zum aktuellen Projektstand kann ich zurzeit auch nicht bieten aber das bild hier müsste eigentlich reichen:

also ich will nur den Abstand zwischen Zahl und Text veringern.
Mit Zitat antworten
  #4 (permalink)  
Alt 16.10.2008, 20:41
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.867
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Dann poste halt den dazugeh. Code.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #5 (permalink)  
Alt 16.10.2008, 20:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.10.2008
Beiträge: 5
theleman befindet sich auf einem aufstrebenden Ast
Standard

na ok.

ol { list-style-type: decimal; }
Mit Zitat antworten
  #6 (permalink)  
Alt 16.10.2008, 20:49
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.867
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Das ist alles? Wo ist der CSS-Prolog?
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #7 (permalink)  
Alt 16.10.2008, 20:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.10.2008
Beiträge: 5
theleman befindet sich auf einem aufstrebenden Ast
Standard

Achso ok:

also das ist der css-code für die listen-elemente, (die gesamte datei wäre zu groß)
Code:
p, blockquote, address, pre, 
ul, ol, dl, table { margin-bottom: 1em; }

/* Zitate einrücken */ 
blockquote { margin: 1em 2em; } 

/* Alle Listen etwas einrücken */
ul, ol, dl { margin-left: 1em;}
*:first-child+html ul, *:first-child+html ol, *:first-child+html dl {margin-left: 1.33em;}
* html ol, * html ul, * html dl {margin-left: 1.45em;} 

li { margin-left: 1.0em;} 

/* Definitionen in Definitionslisten noch mehr einrücken */
dd { margin-left: 2em; }

/* Verschachtelte Listen ohne Außenabstand oben/unten */
ul ul, ul ol, ul dl,
ol ul, ol ol, ol dl,
dl ul, dl ol, dl dl { margin-top: 0; margin-bottom: 0; }

/* Ebene 1 - ul: square (ausgefülltes Rechteck); ol: Dezimalzahlen  */
ul { list-style-type: none; }
ol { list-style-type: decimal; list-style-position: outside;}

/* Ebene 2 - ul: disc (ausgefüllter Kreis); ol: kleine Buchstaben */
ul ul { list-style-type: disc; }
ol ol { list-style-type: lower-alpha; }

ul ol { list-style-type: decimal; }
ol ul { list-style-type: square; }

/* Ebene 3 - ul und ol mit circle (nicht ausgefüllter Kreis) */
ol ol ol, ol ol ul, ol ul ul, ol ul ol,
ul ul ul, ul ul ol, ul ol ol, ul ol ul { list-style-type: circle; } 

.infobox li {font-size: 0.9em; color: #b2b2b2;}
.infobox ol a {display:block;}

und hier is das html dazu:

HTML-Code:
          <div class="infobox">
            <h1>DIE TOP 11</h1>
              <ol class="grauer-link">
                <li>Geschmacksverteiler</li>
                <li>2Solutions Medienagentur</li>
                <li>tm - DEVELOPMENT</li>
              </ol>
             
              <p class="right"><a href="#" title="">alle anzeigen</a></p>
            
          </div><!-- end infobox -->
Mit Zitat antworten
  #8 (permalink)  
Alt 16.10.2008, 21:17
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.867
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Wenn Dir der Unterschied zu groß ist, brauchst Du ein Element innerhalb von li (z.B. span), mit dessen Hilfe Du ausschl. den Text verschieben kannst. Ich persönlich halte das aber für Unsinn.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #9 (permalink)  
Alt 17.10.2008, 12:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.10.2008
Beiträge: 5
theleman befindet sich auf einem aufstrebenden Ast
Standard

Ja ich auch... also gibts es keine andere Möglichkeit den Abstand zu verkleinern?
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 17.10.2008, 12:28
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.867
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Nur falls es definitiv immer einzeilig bleibt, ginge negativer text-indent. Andere Möglichkeit: Anstatt den Abstand im IE zu verringern, erhöhst Du ihn für den FX durch padding-left und setzt dies für den IE wieder auf Null.

EDIT: Doch noch eine Idee auch für Mehrzeiligkeit: inside für den IE und dann den Text mit neg. text-indent und padding-left an die gewünschte Position bringen.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)

Geändert von heiko_rs (17.10.2008 um 12:34 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
abstand veringern, ol listenelement

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit Listenpunkt und IE michimunk CSS 2 25.01.2008 18:48
Formular: Bestimmte Zahl auslesen (erste, zweite, dritte ...) STRiDeR Serveradministration und serverseitige Scripte 1 22.03.2007 14:49


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:42 Uhr.