link geht über ganze Zeiel, soll aber nur 3% einnehmen

  • Hallo, ich habe ein dropdown Menü erstellt, wobei ein Bild als Start ist. Das Ganze ist ein Button mit der witdth: 3%, ich musste allerdings für das Bild angeben, dass es 100% ist und somit nicht mehr als die 3% des divs einnimmt.
    HTML:

    HTML
    1. <div class="dropdown">
    2. <button class="dropbtn">
    3. <img src="PIC/MenuSymbol.png"/>
    4. </button>
    5. <div class="dropdown-content">
    6. <a href="#">Link 1</a>
    7. <a href="#">Link 2</a>
    8. <a href="#">Link 3</a>
    9. </div>
    10. </div>



    CSS:


    Wie mache ich es nun, dass der Link, also der Button, nur die 3% einnimmt und nicht die ganze Zeile?
    Viele Dank!

  • 1. 'color: none;' und 'background-color: none;' gibt es nicht - wenn du keine Farbe willst, lass es weg oder schreibe statt none -> transparent.
    2. Definiere für .dropdown den Wert 'width: 3%;'
    3. Definiere für .dropbtn den Wert 'width: 100%;'