|
|||
IMG Header responsive
Hallo zusammen,
ich versuche gerade mein Logo responsive zu machen, aber leider klappt das nicht so ganz. Mittels: Code:
.innerheadermob { /*height:100px;*/ height: 100%; background-image: url(img/header-logo-mob.png); background-repeat:no-repeat; background-size:contain; background-position:center; } Wie muss der Tag den richtig heißen, das es immer auf die passende VIEW-Größe angepasst wird? Vielen Dank. Gruß Tobias |
Sponsored Links |
|
||||
Zitat:
. |
|
|||
Meine Kristallkugel ist gerade aus der Reparatur zurück und sagt mir, dass du mit headermob und logo-mob mobil meinst. Das kann doch nicht der korrekte Weg sein, das einzubinden? Wieso wird das Logo als Hintergrundbild eingebunden, ist es denn nicht wichtig? Und warum nicht als svg?
|
|
|||
Guten morgen zusammen,
wie würde ich es denn richtig einbinden. Ein Eltern-Element gibt es nicht. Da hast du recht. Wie kann ich denn dem Elemet Code:
<div class="innerheadermob"></div> Ich habe das Logo als jpg und png. Kann also beides verwenden. Gruß und Danke |
|
|||
Abgesehen vom root Element gibt immer ein Eltern Element.
Und wie schon vorhin gesagt: Binde das Logo auch als Bild ein und nicht als Hintergrundbild. max-width: 100% dürfte deiner Anforderung nahe kommen, sofern meine Kristallkugel das korrekt interpretiert. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Img & Text, umfließen und responsive | Uwe_B | CSS | 13 | 31.03.2015 17:59 |
Responsive Design: Leere Fläche beim Header entfernen | Shyne | (X)HTML | 6 | 26.06.2013 14:57 |
rahmen um bilder- was mache ich falsch? | R0sa | CSS | 3 | 19.11.2012 17:35 |
header verrutscht... | weblearner | CSS | 6 | 03.12.2008 20:34 |
Header mit img, h1 und form | Uwe_B | CSS | 22 | 02.10.2008 12:07 |