• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

line-height geht nicht

Status
Für weitere Antworten geschlossen.

Tobias4

Neues Mitglied
Hallo,

habe hier folgenden Code (aus einem Theme für phpBB Foren - FIAppleBlue)
Code:
/* Based on the original Style Sheet for the fisubsilver v2 Theme for phpBB version 2+
Edited by Daz  - http://www.forumimages.com - last updated 26-06-03 */

/* The content of the posts (body of text) */
body{background:#f4fcff url(images/lines.gif);color:#000000;font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0;
scrollbar-3dlight-color:#c9dbf1;
scrollbar-arrow-color:#1f3a55;
scrollbar-base-color:#eaf9ff;
scrollbar-darkshadow-color:#bdd4ec;
scrollbar-face-color:#dae5f3;
scrollbar-highlight-color:#bdd4ec;
scrollbar-shadow-color:#abc6e7;
scrollbar-track-color:#f4fcff}

/* General font families for common tags */
font,th,td,p{font:12px Verdana,Arial,Helvetica,sans-serif}

/* General text */
.gensmall{font-size:10px}
td.genmed,.genmed{font-size:11px}
.explaintitle{font-size:11px;font-weight:bold;color:#5c81b1}

/* General page style */
a:link,a:active,a:visited,a.postlink{color:#4682b4;text-decoration:none}
a:hover{color:#000000;text-decoration:underline}

/* titles for the topics:could specify viewed link colour too */
.topictitle{font-size:11px;font-weight:bold}
a.topictitle:visited{color:#5493b4}
a.topictitle:hover{color:#000000}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name{font-size:12pt;font-weight: bold}

hr{border:0px solid #6e9fd6;border-top-width:1px;height:0px}

/* Category gradients*/
td.cat,td.rowpic{font-weight:bold;letter-spacing:1px;background:#ecf5fb url(images/catbkg.gif);height:27px;
text-indent:4px}
td.cathead{font-weight:bold;letter-spacing:1px;background:#ecf5fb url(images/lines.gif);height:29px}

/* Main table cell colours and backgrounds */
.row1{background:#f4fcff}
.row2,.helpline{background:#eefaff}
.row3{background:#e4f5fa}
td.spacerow{background:#ffffff}

/* Table Header cells */
th{background:#ecf5fb url(images/lines.gif);color:#6e9fd6;font-size:11px;
font-weight:bold;height:27px;white-space:nowrap;text-align:center;padding-left:8px;padding-right:8px}

/* This is the border line & background colour round the entire page */
.bodyline{background:#f4fcff;border:1px solid #99bbe4}

/* This is the outline round the main forum tables */
.forumline{background:#6e9fd6;border:0}

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1{
font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none;color:#96bcde}

.subtitle,h2{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}

/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav{font-size:11px;font-weight:bold}
.postbody{font-size:12px;line-height:125%}

/* Location,number of posts,post date etc */
.postdetails{font-size:10px;color:#353535}

/* Quote blocks */
.quote{background:#fafafa;border:1px solid #d1d7dc;color:#444444;
font-size:11px;line-height:125%}

/* Code blocks */
.code{background:#fafafa;border:1px solid #d1d7dc;color:#006600;
font:12px Courier,"Courier New",sans-serif;padding:5px}

/* This is for the error messages that pop up */
.errorline{background:#b1cfeb;border:1px solid #666666}

/* Form elements */
form{display:inline}

input{font:11px Verdana,Arial,Helvetica,sans-serif}

select{background:#ffffff;font:11px Verdana,Arial,Helvetica,sans-serif}

input.post,textarea.post{background:#ffffff;border:1px solid #000000;
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}

input.button,input.liteoption,.fakebut{border:1px solid #000000;background:#d3e4f3;font-size:11px}
input.catbutton{border:1px solid #000000;background:#d3e4f3;font-size:10px}
input.mainoption{border:1px solid #000000;background:#d3e4f3;font-size:11px;font-weight:bold}

a.but,a.but:hover,a.but:visited{color:#000000;text-decoration:none}

/* This is the line in the posting page which shows the rollover
help line. Colour value in row2 */
.helpline{border:0 solid;font-size:10px}

/* Admin & Moderator Colours MODification */
.admin,.mod{font-size:11px;font-weight:bold}
.admin,a.admin,a.admin:visited{color:#ff0000}
.mod,a.mod,a.mod:visited{color:#006600}
a.admin:hover,a.mod:hover{color:#000000}

/* Gets rid of the need for border="0" on hyperlinked images */
img{border:0}

/* These are table top and bottom backgrounds */
.tt12bkg{background:url(images/tt12_m.gif) repeat-x;height:12px;width:100%}
.tb12bkg{background:url(images/tb12_m.gif) repeat-x;height:12px;width:100%}
.ttb{width:100%}

/* This is the header table with imac screen */
.scrntbkg{background:url(images/scrn_t.gif) repeat-x;height:14px;width:100%}
.scrnbbkg{background:url(images/scrn_b.gif) repeat-x;height:14px;width:100%}
.scrnlbkg{background:url(images/scrn_l.gif) repeat-y;width:14px}
.scrnrbkg{background:url(images/scrn_r.gif) repeat-y;width:14px}
.scrn{width:100%;text-align:center}
td.scrnm{background:#ffffff}

/* This is the background behind the post buttons */
.postbkg{background: url(images/lang_english/tabblank.gif) repeat-y;height:20px}
Habe versucht via body un dann halt normal css line-height: 1.5 un so wie das halt geht, aber is kein abstand zwischen den zeilen -.- wo kann man das denn da definieren oder wie baut man es da ein?

mfg und danke ;)
 
Zuletzt bearbeitet:
wo kann man das denn da definieren oder wie baut man es da ein?

Das kommt darauf an, wo es angezeigt werden soll.
Überall gültig wäre es, wenn du es dem body zuweist.

Ein Link wäre nicht schlecht, damit man mal alles im Zusammenhang sieht.
 
also, ich bin sehr unerfahren.
der ganze rest ist eig. gar nicht notwendig (also der rest dieses langen codes).
aber das is halt die komplette CSS Datei von meinem forum. nutze sie für meine HP (NEU! TSC Community) nur um halt das BG-Image und textdesign anzeigen zu lassen. den ganzen anderen schnickschnack der nur fürs forum notwendig ist, der wird ja bei der HP gar nicht genutzt. ich habe es bereits per
Code:
body {
line-height: 1.5;
}
ausprobiert, jedoch keine wirkung. was mache ich nur falsch? :(
 
Logisch: Was bedeuten die 1.5: Bratwürste, Äpfel, oder welche Einheit?

Nimm mal

Code:
body {
line-height: 1.5em;
}

oder
Code:
body {
line-height: 150%;
}
 
Ich habe viele .css Dateien, in denen ich es GENAU SO eingebunden habe, und es einwandfrei funktioniert.
Ich verstehe deinen Post vondaher nicht.

PS: Obwohl es unnötig gewesen wäre, habe ich mal deine Variante ausprobiert, ohne Erfolg. Irgendwas stimmt da nicht.
 
Zuletzt bearbeitet:
line-height ist bereits in einigen Klassen angegeben.
Z.B.:
Code:
font:bold 20px/120% arial...;
Enstpricht:
Code:
    font-weight : bold;
    font-size :   20px;
    line-height : 120%;
    font-family : arial...
line-height: 1.5; ohne Einheit bedeutet eine Zeilenhöhe von 1,5 x font-size.
body { line-height: 1.5; } würde durch die Angabe in den Klassen überschrieben werden.
Von daher ist es schon wichtig, für was line-height gelten soll.

Zunächst solltest du prüfen ob du die bereits angegebenen line-height übernehmen oder verändern willst.
Wenn du nur einzelne Absätze gestalten möchtest, könntest du direkt am jeweiligen <p> ansetzen.

Du kannst die Zeilenhöhe mit dem wert 1 in den jeweiligen Klassen zurücksetzen.

Antwortende als Schlaumeier zu betiteln finde ich nicht besonders fair.

 
Zuletzt bearbeitet:
habe jetzt so ziemlich alles ausprobiert, also jede Prozentangabe mal verändert bzw erhöht, jedoch hat sich zB nur der <h1> Text dann verändert bzw der Zeilenabstand, aber nicht bei normaler Schrift. Wo ist denn diese Stelle?! *verzweifelt bin*

EDIT:

Lol, jetzt habe ich es zwar hingekriegt, dass wenn man über einen Link fährt, dieser dann nen Zeilenabstand macht, aber halt nur bei mouse-over. bei normalem text finde ich es einfach nicht oder kriege es nicht hin. habe jetzt folgenden codeschnipsel:
Code:
/* General text */
.gensmall{font-size:12px;line-height:150%}
td.genmed,.genmed{font-size:12px;line-height:150%}
.explaintitle{font-size:11px;ling-height:150%;font-weight:bold;color:#5c81b1}
a:hover{font-size:12px;line-height:150%}
a:link{font-size:12px;line-height:150%}
Also wie gesagt, wenn man mit der Maus drüberfährt, wird es mit Zeilenabstand gemacht, aber bei normalen Links oder normalem Text nicht. :-(

NOCHMALS EDIT:

Habs jetzt auch für Links hinbekommen. Nur für normalen Text finde ich die Stelle nicht :(
 
Zuletzt bearbeitet:
Du musst im HTML-Quelltext nachsehen, in welchem Element sich der Text befindet und durch welche Klasse oder übergordneten div dieses Element in CSS definiert ist. Dann kannst du an dieser Stelle in der CSS-Datei ansetzen.

Wenn sich also der Text innehalb der Klasse ".genmed" befindet, z.B. durch den HTML-Aufruf
Code:
<td class="genmed">
dann kannst du an dieser Stelle in der CSS ansetzen:
Code:
td.genmed,.genmed{font-size:11px}

Es kommt aber auch ebenso auf die Vererbung von Eigenschaften übergeordneter Elemente drauf an. Insofern wäre es wirklich hilfreich, die Seite einmal im Gesamtzusammenhang zu sehen.

PS: Die Erklärung von neroleptika zur Vervielfältigung der font-size ohne Einheitsangabe war mir leider nicht geläufig.
 
Wenn sich also der Text innehalb der Klasse ".genmed" befindet, z.B. durch den HTML-Aufruf
Code:
<td class="genmed">
dann kannst du an dieser Stelle in der CSS ansetzen:
Code:
td.genmed,.genmed{font-size:11px}

Hmm, ich verstehe gar nichts mehr oO. Also ich habe einfach in die ganzen Dateien das CSS-Stylesheet eingebunden und sonst nichts. dann habe ich in den dateien nicht die texte in verschiedene klassen eingeteilt oder so, sondern einfach nur geschrieben ohne irgendwas zu definieren.
 
@Tobias4:
Bitte nicht falsch verstehen:

Aber dein Problem ist, dass du dich im Zusammenspiel zwischen HTML und CSS nicht auskennst.

Unser Problem ist, dass wir den Quelltext im Gesamtzusammenhang nicht kennen, weil du diesen bisher weder gepostest, noch einen Link zur Seite reingestellt hast.

Wenn somit die Fehlerursache zwar beschrieben wird, aber nicht klar ersichtlich ist, so ist es auch nicht möglich, den Fehler zu beheben.

Das ist ungefähr so, wie wenn du in der Autowerkstatt anrufst und mitteilst "Mein Auto fährt nicht, vermutlich liegt es am Motor". Ohne das Auto oder den Motor in Augenschein genommen zu haben, wird dir selbst ein erfahrener KFZ-Mechaniker nicht helfen können.

Es gibt somit verschiedene Möglichkeiten:
Entweder du postest einen Link zur Seite (die kann man auch auf kostenlosen Webspace hochladen), oder du lernst HTML und CSS.
Schließlich kannst du dir auch von Experten deine Seite machen lassen.
 
Tobias4, solange du nicht weißt, was HTML-Code ist, hat es keinen Sinn, dein Problem zu behandeln.
Google nach HTML- und CSS-Kursen und lerne das erst mal.
Es ist leider nicht so, dass es jeden Tag tolle Websites vom Himmel regnet. Da muss man auch wissen, wie sie funktionieren.
Vielleicht ist dir das ein Einstieg:
Friedels Homepage - Anleitungen für HTML-Autoren und mehr

Dort findest du auch einen HTML-Crashkurs.
 
Zum 2. Mal:

Brauche sowas NICHT. Ich hab ne Website, mit der ich zufrieden bin, und die ist kein Baukasten -.-

Es geht hier nur darum, die Stelle IN DER CSS-DATEI zu finden, wo ich den Zeilenabstand einstellen kann.

Aber der Thread kann geclodes/gelöscht werden, da es ja zu keinem Ergebnis führt.
 
Also, was wollt ihr denn noch wissen? Ich habe schon so viele Angaben gemacht -.-

Kann euch aber auch gerne meine FTP Daten meines Webspaces geben dann könnt ihr selber gucken was ihr braucht ^^ (würd ich natürlich nie machen) :twisted:
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben