mit CSS formatieren

  1. nilsmoeller

    nilsmoeller Thread Starter

    Hallo,

    ich bastel mir gerade eine kleine eigene Web-Site, bin zur Zeit noch mit dem Layout beschäftigt.
    Die DIV-Container sind erstellt und einige Schriften und Links sind auch schon definiert. Ich habe nun aber ein kleines Problem mit <code> oder <pre>.
    Wenn ich z.B. <p>code>textbeispiel</code></p> in meiner Seite einfüge, dann möchte ich,dass die Schriftgröße von <code> genauso groß ist, wie die von <p> aber der Schnitt soll serif sein.
    Dies habe ich probiert, aber die Schriftgröße spielt da irgendwie nicht mit - mal zu klein nicht wirklich scharf, im IE anders als in Safari.

    Kennt Ihr das Problem, hat jemand eine Lösung für mein CSS...?

    Folgende Styles sind unter Anderem bereits verwendet:

    Code:
    body {
    	margin: 0;
    	padding: 0;
    	font: 75% arial, hevetica, sans-serif;
    	text-align: center;
    	color: black;
    	background-color: #1a1a1a;
    	}
    	
    a:link, a:visited {
    	background-color: #fff;
    	color: #cd0000;
    	}
    
    a:hover, a:active {
    	color: #fff;
    	background-color: #cd0000;
    	}
    h1 {
    	color: #000;
    	font: 165% arial, hevetica, sans-serif;
    	font-weight: normal;
    	margin: 0 0 20px 0;
    	}
    	
    h2 {
    	color: #000;
    	font: 125% arial, hevetica, sans-serif;
    	font-weight: normal;
    	margin: 0 0 2px 0;
    	}
    	
    h3 {
    	color: #777;
    	font: 100% arial, hevetica, sans-serif;
    	font-weight: bold;
    	margin-top: 0;
    	}
     
    nilsmoeller, 25.03.2006
    #1
  2. deniz

    deniz MacUser Mitglied

    Mitglied seit:
    03.03.2006
    Beiträge:
    313
    Zustimmungen:
    0
    HaHa, der Titel sieht ja geil aus... :D
     
    deniz, 25.03.2006
    #2
  3. moses_78

    moses_78 MacUser Mitglied

    Mitglied seit:
    08.04.2005
    Beiträge:
    1.264
    Zustimmungen:
    22
    Was den Titel betrifft, haben die vBulletin-Programmierer wohl
    gepennt :rolleyes:

    Was das Thema betrifft: Tags wie Code oder Pre können direkt
    im Stylesheet formatiert werden. Wenn du zb. für <code> die
    Schriftgröße ändern willst, könnte das so aussehen:
    Code:
    code
    {
    font-size:12pt;
    // weitere style-deklarationen
    }
    ;)
     
    moses_78, 25.03.2006
    #3
  4. nilsmoeller

    nilsmoeller Thread Starter

    das war noch nicht, was ich meinte

    Es sollte auffallen, dass ich in den anderen Styles % für die Schriftgröße verwendet habe, ich denke mein Problem könnte etwas damit zu tun haben. Ich denke dass sich diese %e vererben. Wie kann ich das im Fall <code> unterbinden ohne absolute Größen wie z.B.: 12px etc zu benutzen???
     
    nilsmoeller, 25.03.2006
    #4
Die Seite wird geladen...
Ähnliche Themen - CSS formatieren
  1. dennz2017
    Antworten:
    2
    Aufrufe:
    306
    wegus
    10.04.2017
  2. hello
    Antworten:
    1
    Aufrufe:
    238
    beage
    12.09.2015
  3. schneeflocke
    Antworten:
    4
    Aufrufe:
    1.520
    AxlF
    20.05.2007
  4. Manjo
    Antworten:
    10
    Aufrufe:
    1.159
    naomi_watts
    11.02.2006
  5. cym
    Antworten:
    3
    Aufrufe:
    686
    lengsel
    01.03.2005