Ergebnis 1 bis 5 von 5

Thema: HTML <hr> Problem beim ausrichten

  1. #1
    HTML Newbie
    Registriert seit
    19.09.2013
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard HTML <hr> Problem beim ausrichten

    tach,

    Bin kein fachmann was html angeht.
    brauche 5 einfache grüne linien, vertikal, unten bündig in verschiedenen längen, selber abstand.
    Mein Problem ist das die linien immer oben bündig sind und ich sie mit keinem parameter unten bündig bekomme.
    egal in welcher Form ich align:bottom anwende, kein resultat.

    So sollte es aussehen (halt nur unten Bündig)

    HTML-Code:
    <html>
    <body>
    <style type="text/css">
    hr {border:none; align:bottom; background-color:green; margin:2.5}
    </style>
    
    <hr style="width:3; height:17;float:left;align:bottom">
    <hr style="width:3; height:45;float:left;align:bottom">
    <hr style="width:3; height:27;float:left;align:bottom">
    <hr style="width:3; height:35;float:left;align:bottom">
    <hr style="width:3; height:20;float:left;align:bottom">
    
    <br> <br> <br> <br>
    
    <hr align="bottom"; width="3"; size="17" style="float: left">
    <hr align="bottom"; width="3"; size="45" style="float: left">
    <hr align="bottom"; width="3"; size="27" style="float: left">
    <hr align="bottom"; width="3"; size="35" style="float: left">
    <hr align="bottom"; width="3"; size="20" style="float: left">
    In diesem google finde ich immer nur die selben erklärungen das ich mit align, text-align und bottom arbeiten soll... funzt nicht.

    Ich habe es schon aus einem Pixel gebaut, da geht es:
    allerdings brauch ich die datei offline und kann nicht immer auf die datei verweisen. es muss hart ins html....

    HTML-Code:
    <img src="file:///PIXEL.JPG" width="3" height="17" align="bottom">
    <img src="file:///PIXEL.JPG" width="3" height="45" align="bottom">
    <img src="file:///PIXEL.JPG" width="3" height="27" align="bottom">
    <img src="file:///PIXEL.JPG" width="3" height="35" align="bottom">
    <img src="file:///PIXEL.JPG" width="3" height="20" align="bottom">
    vermute ja das es sich mit dem css irgendwie beißt, aber wie schon gesagt, bin kein fachmann
    Jemand einen Ratschlag bitte?
    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 synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: HTML <hr> Problem beim ausrichten

    du kannst doch div's einen border-bottom: 1px solid #000000; geben.
    die kann man prima ausrichten, etc
    da brauchste keine hr, keine img oder so.

    kannst auch das div mit line-height, height, width entsprechend anpassen, dass es nur so hoch und breit ist, wie du es brauchst
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    19.09.2013
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML <hr> Problem beim ausrichten

    Hallo,

    ja, auch bei nem div ist es das selbe problem:
    HTML-Code:
    <div style= "border-bottom: 17px solid #008000; align:bottom; margin: 2.5; width:3; float:left">
    </div>
    <div style= "border-bottom: 45px solid #008000; align:bottom; margin: 2.5; width:3; float:left">
    </div>
    <div style= "border-bottom: 27px solid #008000; align:bottom; margin: 2.5; width:3; float:left">
    </div>
    Die linien wollen einfach nicht von unten nach oben gehen...

  4. #4
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: HTML <hr> Problem beim ausrichten

    Ein Border bottom kann auch nicht von oben nach unten gehen, das kann nur der linke oder rechte Rahmen. Align:bottom gibt es nicht und Ausrichtungen haben bei Blockelementen keine Auswirkung.

    margin: 2.5
    hat keine Einheit(em, %, px), ebenso width.

    Lösung: Lerne HTML und CSS

    hier ein funktionierendes Beispiel:
    HTML-Code:
    <!DOCTYPE HTML>
    <html lang="de">
      <head>
      <meta charset="UTF-8">
      <title>vetikale Linien</title>
      <style>
        #paintbox{
            height: 500px;
            width: 500px;
            border: 1px solid silver;
            position: relative;
        }
        .bar{
            background-color: green;
            width: 3px;
            margin-left: 10px;
            position: absolute;
            bottom: 0px;
        }
      </style>
      </head>
      <body>
      <div id="paintbox">
            <div class="bar" style="height:35px;">
            <div>
            <div class="bar" style="height:135px;">
            <div> 
            <div class="bar" style="height:80px;">
            <div> 
            <div class="bar" style="height:60px;">
            <div> 
            <div class="bar" style="height:199px;">
            <div>      
      </div>
      </body>
    </html>
    

  5. #5
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: HTML <hr> Problem beim ausrichten

    sorry, hatte des falsch gelesen *schäm*
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. HTML->richtiges Ausrichten ? BEENDET
    Von DoneOne im Forum HTML & CSS Forum
    Antworten: 33
    Letzter Beitrag: 01.04.2008, 01:53
  2. HTML Probleme beim Drop Down Menü
    Von crazy25 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 24.02.2007, 10:42
  3. Problem beim Ausrichten mit CSS
    Von x-dast im Forum HTML & CSS Forum
    Antworten: 24
    Letzter Beitrag: 06.09.2006, 23:03
  4. Brauche Hilfe beim HTML-Code...
    Von im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 10.06.2006, 00:03
  5. Fehlermeldung beim öffnen von Html Dateien
    Von eraserx im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 31.07.2004, 18:07

Stichworte

Berechtigungen

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