mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 16.04.2024 16:57 Benutzername: Passwort: Auto-Login

Thema: Tricky Typo. Wie löse ich dieses Problem per CSS? vom 28.06.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Tricky Typo. Wie löse ich dieses Problem per CSS?
Seite: 1, 2  Weiter
Autor Nachricht
Fusseltrine
Threadersteller

Dabei seit: 16.08.2005
Ort: -
Alter: 113
Geschlecht: Weiblich
Verfasst Do 28.06.2007 18:15
Titel

Tricky Typo. Wie löse ich dieses Problem per CSS?

Antworten mit Zitat Zum Seitenanfang

Hallo Ihr Lieben,

ich habe eine Frage an die CSS Profis unter Euch. Folgenden Text habe ich via CSS gesetzt




ich habe das jetzt (vielleicht ganz unelegant[/img]) mit h1-h4 gelöst. nun ist ja naturgegeben der "zeilendurchschuss" zwischen den h´s sehr unattraktiv.

wie kann ich das am besten lösen?

gruß
Fusseltrine
  View user's profile Private Nachricht senden
EHST
Gesperrt

Dabei seit: 08.08.2006
Ort: Orbg.-Sachsenhausen
Alter: -
Geschlecht: -
Verfasst Do 28.06.2007 18:20
Titel

Antworten mit Zitat Zum Seitenanfang

margin-bottom
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Fusseltrine
Threadersteller

Dabei seit: 16.08.2005
Ort: -
Alter: 113
Geschlecht: Weiblich
Verfasst Do 28.06.2007 18:26
Titel

Antworten mit Zitat Zum Seitenanfang

oh das ging ja ganz fix... aber entschuldige die dumme frage: wo und welchem kontext wird das definiert? in den typo-eigenschaften der oder an der textzeile direkt?
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 28.06.2007 19:16
Titel

Antworten mit Zitat Zum Seitenanfang

Du müßtest die margin-bottom Werte für die Überschriften einfach auf null setzen,
oder aber du setzt per Universalselektor einfach zu Anfang alle margin und padding
Werte auf null.

Kannst dass, da es sich ja nicht um unterschiedliche Überschriften handelt aber auch
noch auf ein paar anderen Weisen lösen, div oder span Elemente nutzen zum Beispiel.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
* {
   margin: 0;
   padding: 0;
   line-height: 120%;
}
body {
   padding: 40px;
}
div {
   float: left;
   width: 50%;
}

span {
   font-weight: 800;
}
.one {
   font-size: 2em;
}
.two {
   font-size: 1.5em;
}
.three {
   font-size: 1.2em;
}
</style>
</head>
<body>
   <div>
      <h1>Eine Zeile Text.</h1>
      <h2>Etwas Text der über <br />
      zwei Zeilen läuft.</h2>
      <h3>Eine weitere Zeile Text.</h3>
   </div>
   <div>
      <span class="one">Eine Zeile Text.</span><br />
      <span class="two">Etwas Text der über<br />
      zwei Zeilen läuft.</span><br />
      <span class="three">Eine weitere Zeile Text.</span>
   </div>
</body>
</html>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht: Männlich
Verfasst Do 28.06.2007 22:33
Titel

Antworten mit Zitat Zum Seitenanfang

Zeilenabstand mit CSS: line-height

BTW:
Schau dir mal die Unterschiede zwischen HTML und XHTML an.
Wenn du Script- oder Style-Bereiche direkt in deinem Dokument hast, sollten diese in einen CDATA-Bereich gefaßt werden.
In diesem Fall wäre das jetzt nicht nötig, da keine HTML-eigenen Zeichen wie z.B. <, >, & und " vorkommen.
Aber falls du eine Font-Angabe machst, die in Quotes gefaßt werden muß, wie z.B.:
Code:
font-family: "Comic Sans MS";

dann wird der CDATA-Bereich zwingend notwendig.
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 28.06.2007 22:38
Titel

Antworten mit Zitat Zum Seitenanfang

rob hat geschrieben:
BTW:
Schau dir mal die Unterschiede zwischen HTML und XHTML an.
Wenn du Script- oder Style-Bereiche direkt in deinem Dokument hast, sollten diese in einen CDATA-Bereich gefaßt werden.
In diesem Fall wäre das jetzt nicht nötig, da keine HTML-eigenen Zeichen wie z.B. <, >, & und " vorkommen.
Aber falls du eine Font-Angabe machst, die in Quotes gefaßt werden muß, wie z.B.:
Code:
font-family: "Comic Sans MS";

dann wird der CDATA-Bereich zwingend notwendig.


Ging das an mich? Danke. Aber das ist mir schon klar, nur auf die
schnelle für Posts in Foren verzichte ich da auch mal drauf *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht: Männlich
Verfasst Do 28.06.2007 22:44
Titel

Antworten mit Zitat Zum Seitenanfang

Zitat:
Ging das an mich? Danke.

Jein Grins
Ja, eigentlich sollte das an den Schreiber dieses Codes gehen.
Ich hab aber einfach geantwortet und nicht mal geschaut, wer das gepostet hat.
Wenn ich bemerkt hätte, daß der Code von dir ist, hätte ich mir das eigentlich sparen können...
  View user's profile Private Nachricht senden
Account gelöscht


Ort: -
Alter: -
Verfasst Fr 29.06.2007 10:37
Titel

Antworten mit Zitat Zum Seitenanfang

Zitat:
font-family: "Comic Sans MS";


haha Grins
 
 
Ähnliche Themen Wie löse ich das Domainproblem?
Typo Für Den PC?
rastereffekt bei typo
Typo-Randomizer
Typo 3 und EXT Realurl
typo 3.8 online
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.