Ankündigung

Einklappen
Keine Ankündigung bisher.

Zeilenumbruch nach href - wie entfernen?

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Zeilenumbruch nach href - wie entfernen?

    Hallo zusammen,

    nach einem href, habe ich immer einen unschönen Zeilenumbruch.

    Die CSS hierzu lautet:
    Code:
    /* @group links */
    
    
    a.grau {
    	display:block;
    	height:15px;
    	color:#666666;
    	text-decoration:underline;
    	background-repeat:no-repeat;
    	padding: 0px 0px 10px -10px;
    	font-size:13px;
    	line-height:15px;
    	vertical-align:middle;
    	margin-bottom:30px;
    	margin-top: 10px;
    	}
    	
    a.grau:hover {
    	color:#8c8c8c;
    
    	}
    		
    /* @end */
    Wenn ich anstatt display: block nun display: inline-block verwende sight es abet so aus.

    Der Quellcode hierzu lautet:
    Code:
    <li><a href="http://www.olympus.de/digitalkamera/zubehoer_ed_70-300_6192.htm"class="grau">Test</a> testetstetstetstetstetstetstetst</li><br>
    Wie bekomme ich das ganze nun schön auf eine Linie?

    Danke für eure Hilfe.

    MfG

    /Tante Edith:
    Schon herausgefunden, inline-block mit 0px reicht schon. Allerdings macht es mir unter meinen Text nun einen Zeilenumbruch.
    Angehängte Dateien
    Zuletzt geändert von LordLord; 16.04.2012, 19:57.

  • #2
    AW: Zeilenumbruch nach href - wie entfernen?

    Hi,

    für den a-Tag brauchst du keine "display"-Eigenschaft, da es ein Inlineelement ist. Stelle für <a ...> lediglich die margin- und padding-Werte ein (fang jeweils bei 0 an).
    Allerdings macht es mir unter meinen Text nun einen Zeilenumbruch.
    Dann entferne das sowieso falsche <br> hinter dem schließenden Listen-Tag.

    Peter
    Mein kostenloser Image-Hoster, mit freier Galerie (GNU GPL) pere-image
    Mein neuer Versuch .... und
    hiermit verdiene ich mein Geld.

    Kommentar


    • #3
      AW: Zeilenumbruch nach href - wie entfernen?

      Danke für die Hilfe

      den <br> Tag hab ich gar nicht gemeint, sondern das ganze sieht so aus (s. Anhang).

      Im Quellcode lautet es folgendermaßen:
      Code:
      <li><a href="http://www.amazon.de/gp/product/B001IWF1EE/" class="grau">Crumpler Turkish Shower</a> - für 								Tagesausflüge ideal. Man hat nicht viel Ausrüstung dabei und hat zusätzlich noch ein Daypack (=halber Rucksack ist "normal"). Zusätzlich gibt es 						hinten noch ein Laptopfach. Das Kamerafach ist gepolstert und gerade bei Städtetrips "gesichert", indem der Reisverschluss unten überdeckt ist mit 						dem Überzug des Rucksackes und mit Stahl(?) verstärkt ist.</li>
      Angehängte Dateien

      Kommentar


      • #4
        AW: Zeilenumbruch nach href - wie entfernen?

        Hi,

        entferne hier mal bis auf die Farbe sämtliche CSS-Angaben.

        Gruß
        Ingo
        Ingo Webdesign

        Kommentar


        • #5
          AW: Zeilenumbruch nach href - wie entfernen?

          Vielen Dank hat geklappt!

          Kommentar


          • #6
            AW: Zeilenumbruch nach href - wie entfernen?

            super...hat toll bei mir geklappt. hatte mich schon lange gefragt, wie das wohl geht. jetzt kann es bei mir weitergehen. viel spass noch beim programmieren. alles gute rolf

            Kommentar

            Lädt...
            X