Ergebnis 1 bis 6 von 6

Thema: <h1> weit entfernt zu <p>

  1. #1
    meikschmidt
    Gast

    Standard <h1> weit entfernt zu <p>

    Ich möchte gerne, wenn ich eine Überschrift mit <h1> - <h6> angebe, das diese nicht so weit vom Absatz

    entfernt steht. Ich habe mit css schon vieles probiert. mit "height" und "line-height" dachte ich das Problem zu lösen.

    Code:
    <h1>Überschriftentitel</h1>
    
    
    Textinhalt das einen zu grossen Abstand zur Überschrift hat.</p>
    Code:
    
    Überschriftentitel - 0,30 EUR pro 1000 Seitenaufrufe
    
      So ist der Textinhalt näher an der "Überschrift" mir ist bekannt das diese Form keine "wirkliche" Überschrift ist. Aber es lösst mein Problem</p>
    Meine CSS-Angabe falls nötig
    Code:
    body &#123;background&#58;#E9E8E6; color&#58;#333; font&#58;0.9em/1.7em Arial, Helvetica, sans-serif; padding&#58;0; margin&#58;0;&#125;
    
    a &#123;color&#58;#333; text-decoration&#58;none;&#125;
    
    div#menu &#123;background&#58;#666; margin&#58;0; padding&#58;0;&#125;
    ul#menuleiste &#123;margin&#58;0; padding&#58;0;&#125;
    ul#menuleiste li &#123;display&#58;inline; list-style&#58;none;&#125;
    ul#menuleiste li a &#123;font-size&#58;0.75em; color&#58;#F4F4F4; padding&#58;5px 10px;&#125;
    ul#menuleiste li a&#58;hover &#123;background&#58;#F4F4F4; color&#58;#666;&#125;
    
    #logozeile &#123;background&#58;#000 url&#40;../images/meik-schmidt-02.jpg&#41; no-repeat left; height&#58;70px; border-top&#58;1px solid #CC9933; border-bottom&#58;1px solid #555; padding&#58;10px 0 0 150px;&#125;
    
    div#werbung &#123;background&#58;#333 url&#40;../images/schatten-oben.gif&#41; repeat-x bottom; padding&#58;3px 0 9px 10.4em; margin&#58;0;&#125;
    div#werbung a &#123;font&#58;0.75em/1.3em Arial, Helvetica, sans-serif; color&#58;#BBB;&#125;
    div#werbung a&#58;hover &#123;text-decoration&#58;underline;&#125;
    
    div#navi &#123;float&#58;left; margin&#58;5px 0 0 0; border-right&#58;1px solid #666; padding&#58;0 1px 0 0;&#125;
    div#navi img &#123;border&#58;1px solid #D5D5D5; padding&#58;5px; margin&#58;0 0 5px 0;&#125;
    div#navi img&#58;hover&#123;background&#58;#CCC; border&#58;1px solid #666;&#125;
    ul.navigation &#123;margin&#58;0; padding&#58;0;&#125;
    ul.navigation li &#123;list-style&#58;none; margin&#58;0; padding&#58;0; &#125;
    ul.navigation li a &#123;display&#58;block; margin&#58;0; padding&#58;0 0 0 0.3em; width&#58;10.0em; height&#58;auto;&#125;
    ul.navigation li a&#58;hover &#123;background&#58;#666; color&#58;#E9E8E6;&#125;
    
    div#inhalt &#123;margin&#58;0 0 0 10.2em; padding&#58;0 20px 30px 20px; text-align&#58;left;&#125;
    div#inhalt a &#123;text-decoration&#58;underline;&#125;
    div#inhalt img &#123;border&#58;1px solid #D5D5D5; padding&#58;5px; margin&#58;0 5px 5px 0;&#125;
    div#inhalt a img&#58;hover&#123;background&#58;#CCC; border&#58;1px solid #666;&#125;
    
    div#aufenthaltsort &#123;font-size&#58;0.75em; border-bottom&#58;1px dotted #333;&#125;
    div#aufenthaltsort a &#123;text-decoration&#58;none;&#125;
    div#aufenthaltsort a&#58;hover &#123;text-decoration&#58;underline;&#125;
    
    h1 &#123;font-size&#58;1.2em;&#125;
    p &#123;text-align&#58;justify;&#125;
    
    div#fuss &#123;clear&#58;both;background&#58;#666 url&#40;../images/schatten-unten.gif&#41; repeat-x top; margin&#58;0; padding&#58;6px 0 0 0; border-bottom&#58;1px solid #555;&#125;
    ul#fusszeile &#123;margin&#58;0; padding&#58;0;&#125;
    ul#fusszeile li &#123;display&#58;inline; list-style&#58;none;&#125;
    ul#fusszeile li a &#123;font-size&#58;0.75em; color&#58;#F4F4F4; padding&#58;5px 10px;&#125;
    ul#fusszeile li a&#58;hover &#123;background&#58;#F4F4F4; color&#58;#666;&#125;
    
    #kontaktformular &#123;margin-top&#58;19px; padding&#58;5px;&#125;
    
    input, textarea &#123;background&#58;#F4F4F4; border&#58;1px solid #999; color&#58;#363636;&#125;
    
    .fehler&#123;color&#58;#FF0000;&#125;
    .klein &#123;font-size&#58;0.75em;&#125;
    
    #google-adsense &#123; float&#58;right; border-left&#58;1px dotted #666; border-bottom&#58;1px dotted #666; margin&#58;10px 0 10px 20px; padding&#58;0 0 0 5px;&#125;
    Ich habe den ganze code gepostet, weil es ja sein kann das es noch von etwas anderem abhängig ist ...?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    mal mit margin oder padding versucht ?
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Interessierte/r
    Registriert seit
    21.09.2006
    Beiträge
    142
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Zitat Zitat von driver
    mal mit margin oder padding versucht ?
    Höchstwahrscheinlich nicht! Sonst hätte er hier nicht gepostet.

    h1 {margin:0px;} ist die Lösung!

  4. #4
    meikschmidt
    Gast

    Standard

    Wieder mal das einfachste sehe ich nicht. Oki doki ... danke !!

  5. #5
    Forum Guru
    Registriert seit
    04.04.2005
    Beiträge
    4.139
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Falls du Firefox verwendest kann ich dir diese Erweiterung mehr als empfehlen.

    CSSViewer -> https://addons.mozilla.org/firefox/2104/

    Zeigt auch alle schon vorgegebene Standartwerte an, wie in deinem Fall margin.
    Facebook Gruppe: Böses Encoding

  6. #6
    meikschmidt
    Gast

    Standard

    oh ja das ist gut. danke dir.

Ähnliche Themen

  1. Php geht zu weit
    Von ::RMB:: im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 23.04.2006, 21:29
  2. Teppichboden entfernt, Laminat direkt drauf?
    Von Maggy im Forum Off Topic und Quasselbox
    Antworten: 3
    Letzter Beitrag: 27.02.2006, 22:40
  3. Was muss in dem Script entfernt bzw. hinzugefügt werden?
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 06.07.2005, 09:24
  4. Schrift zu weit unten
    Von ::RMB:: im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 21.04.2005, 22:32

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •