Styles.css / Schrift <-- Zusammen gedrückte schriff

Hallo,

Meine Homepage: cheery-kevin.bplaced.net/

Beim STO design ist die Schrifft also sind die Lücken zusammen gedrückt und das sieht dann komisch bzw beschissen aus.

Kann mir einer Helfen unten der Code:

Endweder könnt ihr den Bearbeiten und hier porsten wäre sehr nett oder mir Helfen wie auch immer ich brauch hilfe:

Datai: (styles.css)

[code]#opage{margin:0;background:url(images/thbkg.jpg) fixed repeat-x top}
#tbkg{background:url(images/tbkg.jpg) fixed no-repeat top center}
#ipage{margin:0 auto;min-width:1004px;max-width:1280px}
#ptl{background:url(images/ptl.gif) no-repeat top left}
#ptr{background:url(images/ptr.gif) no-repeat top right}
#pl{background:url(images/pl.gif) repeat-y left}
#pr{background:url(images/pr.gif) repeat-y right}
#pbl{background:url(images/pbl.gif) no-repeat bottom left}
#pbr{background:url(images/pbr.gif) no-repeat bottom right}
#close{height:50px}
#logo{height:220px;width:100%}
#navi{margin:0 36px 99px;padding:0;height:51px}
#navi ul{margin:0;padding:0}
#navi li{overflow:hidden;background-image:none;float:left;line-height:51px;white-space:nowrap;padding:0 1px}
#navi li a{text-align:center;display:block;width:100px;height:51px;font-size:9px;font-family:Arial;font-weight:bold;color:#fff;text-decoration:none;background:url(images/button.gif) 0 0 no-repeat}
#navi li a:hover{color:#9ef;background-position:0 -51px;line-height:36px}
#navR{float:right;line-height:30px;color:#000}
.floatR{float:right}
.floatL{float:left}
#fout{height:135px;min-width:1004px;max-width:1280px;margin:0 auto}
#fin{padding:0 12px}
.subfooter{height:36px;width:100%;color:#fff}
#copy{height:60px;width:100%;color:#fff}
a{color:#9ef;text-decoration:none}
a:hover{color:#9ef;text-decoration:underline}
a.side{color:#9ef;text-decoration:none;background:url(images/b1.gif) no-repeat left 1px;padding-left:12px}
a:hover.side{color:#9ef;background-position:0 -10px}
a.white, li.white a{color:#fff;text-decoration:none}
a:hover.white, li.white a:hover{color:#fff;text-decoration:underline}
.bullet{border:0;display:none}
body{background:#000000;margin:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#fff}
hr{height:1px;border:1px solid #666}
hr.side-hr{height:1px;border:1px solid #666}
td{font-family:Verdana, Arial;font-size:11px}
pre{font-family:Verdana, Arial;font-size:11px}
.alt{color:#000}
.center{margin:0 auto}
.spacer{margin-bottom:20px}
.admin-message{font-family:Verdana, Arial;font-size:11px;text-align:center;color:#9ef;border:1px solid #000;padding:3px;margin-bottom:5px}
form{margin:0px}
.bbcode{font-size:10px;color:#fff;border:1px solid #888;margin-top:2px;background:#222}
.textbox {font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 11px;color : #d9d9d9;background-color : #313131;border : 1px solid #767676;border-color : #000;}
.button{padding:0 9px;font-size:10px;color:#9ef;border:1px solid #888;background:#222}
.button:hover{color:#fff}
.quote{font-size:10px;color:#0ef;border:1px solid #888;background:#222}
.cfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cfix{display:block}
#close{clear:both;width:100%;height:50px}
#cts{margin:0 14px;background:url(images/pbkg.gif) repeat top left}
#main-bg{line-height:1.4em;padding:0 1px}
#side-border-right, #side-border-left{padding:0 1px;width:180px;display:inline}
#side-border-left{float:left}
#side-border-right{float:right}

  • html #side-border-right{margin-left:-3px}
  • html #side-border-left{margin-right:-3px}
    .side-both #main-bg{margin:0 182px}
    .side-left #main-bg{margin-left:182px}
    .side-right #main-bg{margin-right:182px}
    .side-left #side-border-right{display:none}
    .side-right #side-border-left{display:none}
    .st{height:30px;line-height:34px;text-align:center;font-family:Verdana, Arial;font-weight:bold;color:#fff;background:url(images/st.gif) no-repeat center}
    .sbody{padding:20px 3px;font-size:10px;color:#fff;background:url(images/sm.gif) repeat-y center}
    .sb{margin:0 0 10px;height:30px;background:url(images/sb.gif) no-repeat center}
    .tt{height:46px;line-height:18px;text-align:center;font-variant:small-caps;font-family:Verdana, Arial;font-size:14px;font-weight:bold;color:#fff;background:url(images/tt.gif) no-repeat bottom center}
    .tbody{padding:30px 4px;font-size:10px;color:#fff}
    #bbcode_smileys_list_message{background:#333}
    #bbcode_smileys_list_shout_message{background:#333}
    .news-category{border:0;margin:3px 5px 0 0;float:left}
    .news-footer {font-size : 10px;color : #aaa;background-color : #aaa;padding : 3px 4px 4px 4px;background-image: url(images/Unbenannt.jpg);}
    .tbl-border{border:1px solid #888}
    .tbl{font-size:11px;color:#fff;border:1px solid #666;padding:4px}
    .tbl1{font-size:11px;color:#fff;border:1px solid;border-color:#666 #222 #222 #666;padding:4px}
    .tbl2{font-size:11px;color:#fff;border:1px solid;border-color:#666 #222 #222 #666;padding:4px}
    .forum-caption{font-size:12px;font-weight:bold;text-decoration:underline;color:#fff;padding:2px}
    .poll{height:12px;border:1px solid #666}
    .comment-name{font-weight:bold;color:#000}
    .shoutboxname{font-weight:bold;color:#000}
    .shoutbox{color:#ddd}
    .shoutboxdate{font-size:10px;color:#ddd}
    .small{font-size:10px;font-weight:normal}
    .small2{font-size:10px;font-weight:normal;color:#ddd}
    .side-small{font-size:10px;font-weight:normal;color:#ddd}
    .side-label{color:#fff;text-decoration:underline;margin:2px 0;padding:2px}
    #navigation h2{font-size:10px;font-weight:normal;margin:0;padding:4px}
    #navigation ul{margin:0;padding:0;list-style-type:none}
  • html #navigation ul li{height:1%}
    #navigation a{padding-right:10px;text-align:center;height:28px;line-height:28px;display:block;color:#fff;background:url(images/nav.gif) no-repeat center 0;text-decoration:none}
    #navigation a:hover{color:#9ef;background-position:center -28px}
    .pagenav{padding:4px 4px 30px}
    .pagenav span{color:#fff;background:#333;border:1px solid #ddd;padding:4px;margin:2px}
    .pagenav a{color:#ddd;border:1px solid #ddd;padding:4px;margin:2px;text-decoration:none}
    .pagenav a:hover{color:#fff;background:#333;margin:2px}[/code]

Das ist die styles.css wo ich der meinung bin da muss es gändert werden wenn das nicht der Fall sein soll bitte melden.

Bitte um Antworten

lg kevin

Link zur Seite?

Keiner wird deinen Code so durchgucken um irgendwo einen Fehler zu finden.

CSS-Texteigenschaften Validator

Link: cheery-kevin.bplaced.net/ (Aus PN)

Sieht normal aus. Das die kleinen Ts so zusammenhängen, nennt man Ligatur.

[quote=“zvn”]Link: cheery-kevin.bplaced.net/ (Aus PN)

Sieht normal aus. Das die kleinen Ts so zusammenhängen, nennt man Ligatur.[/quote]

Nein guck die Grosse
Der unterschied von dem oberen Text zu unterem ist zusammen und die der Strich dadrunter erkennt man auch nicht

Klein = Oben --> Unten = Groß Lücke
Groß = Oben --> Unten = kleine Lücke

gucken sie wenn sie eine Hp haben auf ihrer Homepage da sehen sie es auch

—>Guck<—

Die Großen Ts sind aber Zusammen gedrückt also die Lücke von Oben nach unten und die Lücke bei den Kleinen Ts sind weiter auseinander fals du siehst.

Nicht so --><–sonder die lücke von ⇕ Zwischen den Einzeln groß geschriebenden Rehen

Das kommt durch fehlerhafte Angabe der line-height-Eigenschaft.

Wo soll ich den Bei schreiben
oder einfach unten drunter?

Mein Tip wäre einfach die kleinere Schriftgröße zu nutzen, die große ist ja eher für Überschriften (und dem entsprechend nicht mehrzeilig).

Ansonsten müsstest du Zeilenhöhe relativ zur Schriftgröße angeben, dazu empfehle ich dich vorher etwas mit CSS auseinanderzusetzen.