Christian: Zeilenabstand von <br> festlegen?

SELF-Forum

Zeilenabstand von <br> festlegen?

Christian
– Informationen zu den Bewertungsregeln

Kann ich festlegen, wieviele Pixel Abstand nach unten ein <br> macht? Mit dem <p> Befehl geht das ja, aber da ist der Abstand zu gross.

MFG

Christian

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Abstand vor/nach Absatz

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    Kann ich festlegen, wieviele Pixel Abstand nach unten ein <br> macht? Mit dem <p> Befehl geht das ja, aber da ist der Abstand zu gross.

    nutze <p> in kombination mit der CSS-eigenschaft margin.

    gruß,
    wahsaga

    --
    "Look, that's why there's rules, understand? So that you _think_ before you break 'em."
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Zeilenabstand von <br> festlegen?

    Ingo Turski Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,
    ein br "macht" keinen bestimten Abstand, sondern erzeugt einen Zeilenumbruch. Wieviel Abstand die Zeilen haben, bestimmt line-height. Um bestimmte Abstände zu setzen, solltest Du aber wie vorgeschlagen P verwenden, auch weil es sich ja dann wohl um einen neuen Absatz handelt.

    freundliche Grüße
    Ingo

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Zeilenabstand von <br> festlegen?

      Christian
      – Informationen zu den Bewertungsregeln

      Leider kenn ich mich mit CSS nicht sonderlich gut aus, wie muss ich das denn nun einbinden in die HTML Datei? habs mal mit
      <style type="text/css">
      <!--
      h1 { line-height="10"; font-size:"3"; }
      -->
      </style>
      probiert, aber ich habe keine veränderungen sehen können

      Hi,
      ein br "macht" keinen bestimten Abstand, sondern erzeugt einen Zeilenumbruch. Wieviel Abstand die Zeilen haben, bestimmt line-height. Um bestimmte Abstände zu setzen, solltest Du aber wie vorgeschlagen P verwenden, auch weil es sich ja dann wohl um einen neuen Absatz handelt.

      freundliche Grüße
      Ingo

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Zeilenabstand von <br> festlegen?

        Elya Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hallo Christian,

        Leider kenn ich mich mit CSS nicht sonderlich gut aus, wie muss ich das denn nun einbinden in die HTML Datei? habs mal mit
        <style type="text/css">
        <!--
        h1 { line-height="10"; font-size:"3"; }
        -->
        </style>
        probiert, aber ich habe keine veränderungen sehen können

        Es ist gar nicht so schwer, wenn man ein paar Grundregeln beachtet:

        • Zuweisung von Werten zu Attributen erfolgt über den Doppelpunkt
        • Werte dürfen (meist) nicht in Anführungszeichen stehen
        • Werte müssen (außer bei 0) stets eine Maßeinheit enthalten.

        Das heißt für Deine Definition z.B.:
        h1 {line-height:10px; font-size:3px;}
        (wobei Du wohl kaum 3px meinen dürftest...)

        Was Du für Dein Problem noch brauchst, ist margin-bottom (Abstand unten)

        Mehr dazu hier:
        http://de.selfhtml.org/css/eigenschaften/index.htm

        Gruß aus Köln-Ehrenfeld,

        Elya

        --
        "Alle mal an die Nase fassen, und zwar an die eigene": </archiv/2003/9/57903/#m324482>
        _____________
        elyas virtuelle Altbauwohnung: http://www.visuelya.de
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Zeilenabstand von <br> festlegen?

          Christian
          – Informationen zu den Bewertungsregeln

          Ich hab es jetzt so eingebunden, kann aber trotzdem keine Veränderung sehen:

          <html>
          <head>
          <title>Unbenanntes Dokument</title>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
          <script language="JavaScript" type="text/JavaScript">
          <!--
          function MM_reloadPage(init) {  //reloads the window if Nav4 resized
            if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
              document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
            else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
          }
          MM_reloadPage(true);
          //-->
          </script>
          </head>
          <style type="text/css">
          <!--
          h1 {line-height:100px; font-size:3pt;}
          -->
          </style>
          <body bgcolor="#000000" background="background.jpg" text="#999999" link="#999999" vlink="#999999" alink="#999999">
          <div id="Layer1" style="position:absolute; left:0px; top:1px; width:900px; height:2950px; z-index:1"></div>
          <div id="Layer2" style="position:absolute; left:44px; top:225px; width:152px; height:340px; z-index:2"><a href="http://dfc.sabserv.de/dfc/vwar/news.php" target="main">:: News</a><br>
            <a href="infos.html" target="main">:: Informationen</a><BR>
            <a href="rulz.html" target="main">:: Rulz</a><BR>
            <a href="http://dfc.sabserv.de/dfc/vwar/joinus.php" target="main">:: Join Us</a><br>
            <a href="http://dfc.sabserv.de/dfc/vwar/challenge.php" target="main">:: Fight Us</a><br>
            <a href="http://dynclan.net/dynclan/externes/kontakt_us.php?clan=11605" target="main">:: Kontakt Us</a><br>
            <a href="http://dfc.sabserv.de/dfc/forum/index.php" target="main">:: Forum</a><br>
            <a href="http://41134.multiguestbook.com/" target="main">:: G&auml;stebuch</a><br>
            <a href="http://dfc.sabserv.de/dfc/links/linkster.php" target="main">:: Links</a><br>
            <a href="http://dfc.sabserv.de/download/index.php" target="main">:: Downloads</a><br>
            <a href="http://dfc.sabserv.de/dfc/sponsoren.html" target="main">:: Sponsoren</a><br>
            <a href="http://dfc.sabserv.de/dfc/vwar/member.php?display=teams" target="main">:: Members</a><br>
            <a href="http://dfc.sabserv.de/dfc/vwar/war.php" target="main">:: Matches</a><br>
            <a href="http://dfc.sabserv.de/dfc/vwar/challenge.php" target="main">:: Fight Us</a><br>
            <a href="http://dfc.sabserv.de/dfc/vwar/admin/index.php" target="main">:: vwar
          Login</a> </div>
          <div id="Layer3" style="position:absolute; left:205px; top:179px; width:510px; height:2660px; z-index:3">
            <iframe src="http://dfc.sabserv.de/dfc/vwar/news.php" height="2655" width="508" name="main" frameborder="0"></iframe>
          </div>
          <div id="Layer4" style="position:absolute; left:731px; top:203px; width:161px; height:155px; z-index:4">  <?PHP
          include("countmegood.php");
          ?></div>
          </pstyle>
          </body>
          </html>

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. Zeilenabstand von <br> festlegen?

            Elya Homepage des Autors
            – Informationen zu den Bewertungsregeln

            Hallo Christian,

            Ich hab es jetzt so eingebunden, kann aber trotzdem keine Veränderung sehen:

            </head>
            <style type="text/css">
            <!--
            h1 {line-height:100px; font-size:3pt;}
            -->
            </style>
            <body bgcolor="#000000" background="background.jpg" text="#999999" link="#999999" vlink="#999999" alink="#999999">

            Hast Du schon mal in irgendeiner HTML-Datei Code zwischen </head> und <body> gesehen?

            Wie man CSS korrekt einbindet, findest Du hier und in den benachbarten Kapiteln:
            http://de.selfhtml.org/css/formate/einbinden.htm

            Im übrigen bietet auch Dreamweaver recht gute Möglichkeiten, CSS einzubinden... ;-) (Ich nehme an, das ist Dreamweaver-Code)

            Viel Erfolg.

            Gruß aus Köln-Ehrenfeld,

            Elya

            --
            "Alle mal an die Nase fassen, und zwar an die eigene": </archiv/2003/9/57903/#m324482>
            _____________
            elyas virtuelle Altbauwohnung: http://www.visuelya.de
            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

          2. Zeilenabstand von <br> festlegen?

            Ingo Turski Homepage des Autors
            – Informationen zu den Bewertungsregeln

            Hi,

            Dein Problem ist eigentlich ein ganz anderes: Es kann nicht funktionieren, Texte unter allen Umständen so zu positionieren, daß sie innerhalb _eines_ Hintergrundbildes (welches übrigens ewig lange lädt) immer an der richtigen Stelle stehen und auch passen.
            Du müßtest schon das Hintergrundbild in einzelne Teile aufteilen, wobei Du auch mit Wiederholungen arbeiten solltest, d.h. z.B. vertikale grafische "Linien" so gestalten, daß sie ein nur wenige px hohes Bild erfordern, welches nach unten "gekachelt" wird.
            Dann kannst und solltest Du auf absolute Positionierung verzichten und die Elemente im Txtfluß belassen. Float und margin sind hierzu Deine Alternativen.

            freundliche Grüße
            Ingo

            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

  3. Zeilenabstand von <br> festlegen?

    Christian Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Ausserdem würde mich interessieren wieso die Seite im Internet Explorer anders angezeigt wird, als im Mozilla:
    http://dfc.sabserv.de/dfc/new/indexnew.php

    <html>
    <head>
    <title>Unbenanntes Dokument</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
    </script>
    </head>
    <style type="text/css">
    <!--
    h1 { line-height="10"; font-size:"3"; }
    -->
    </style>
    <body bgcolor="#000000" background="background.jpg" text="#999999" link="#999999" vlink="#999999" alink="#999999">
    <div id="Layer1" style="position:absolute; left:0px; top:1px; width:900px; height:2950px; z-index:1"></div>
    <div id="Layer2" style="position:absolute; left:44px; top:225px; width:152px; height:340px; z-index:2"><a href="http://dfc.sabserv.de/dfc/vwar/news.php" target="main">:: News</a><br>
      <a href="infos.html" target="main">:: Informationen</a><BR>
      <a href="rulz.html" target="main">:: Rulz</a><BR>
      <a href="http://dfc.sabserv.de/dfc/vwar/joinus.php" target="main">:: Join Us</a><br>
      <a href="http://dfc.sabserv.de/dfc/vwar/challenge.php" target="main">:: Fight Us</a><br>
      <a href="http://dynclan.net/dynclan/externes/kontakt_us.php?clan=11605" target="main">:: Kontakt Us</a><br>
      <a href="http://dfc.sabserv.de/dfc/forum/index.php" target="main">:: Forum</a><br>
      <a href="http://41134.multiguestbook.com/" target="main">:: G&auml;stebuch</a><br>
      <a href="http://dfc.sabserv.de/dfc/links/linkster.php" target="main">:: Links</a><br>
      <a href="http://dfc.sabserv.de/download/index.php" target="main">:: Downloads</a><br>
      <a href="http://dfc.sabserv.de/dfc/sponsoren.html" target="main">:: Sponsoren</a><br>
      <a href="http://dfc.sabserv.de/dfc/vwar/member.php?display=teams" target="main">:: Members</a><br>
      <a href="http://dfc.sabserv.de/dfc/vwar/war.php" target="main">:: Matches</a><br>
      <a href="http://dfc.sabserv.de/dfc/vwar/challenge.php" target="main">:: Fight Us</a><br>
      <a href="http://dfc.sabserv.de/dfc/vwar/admin/index.php" target="main">:: vwar
    Login</a> </div>
    <div id="Layer3" style="position:absolute; left:205px; top:179px; width:510px; height:2660px; z-index:3">
      <iframe src="http://dfc.sabserv.de/dfc/vwar/news.php" height="2655" width="508"></iframe>
    </div>
    <div id="Layer4" style="position:absolute; left:731px; top:203px; width:161px; height:155px; z-index:4">  <?PHP
    include("countmegood.php");
    ?></div>
    </pstyle>
    </body>
    </html>

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln