• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Logo-Block-Top

Status
Für weitere Antworten geschlossen.
L

linzus

Neues Mitglied
Hallo,
ich bin neu in HTML, habe die w3-schools html und css einmal durchgearbeitet, und versuche mich nun an meiner Website.
Folgendes Problem:

Ich möchte ein Image, horizontal zentriert am oberen Bildrand haben, das links und rechts einen schwarzen Border hat. Leider ist das Bild weder zentriert, noch werden die Borders auf die ganze Seite ausgeweitet.
Any Help?

Screenshot 2017-04-14 17.49.43.png

...
<body>
<div style="display:block;position:static;width:100%">
<img src="logo.png" alt="Mail - " style="margin:auto;border-style:solid;border-width:0px 300px;padding:0px 20%;" />
</div>

<div class="body">
...hier kommt dann der Rest....
</div>
</body>
 
Hallo

Statt

Code: 
<div style="display:block;position:static;width:100%">
<img src="logo.png" alt="Mail - " style="margin:auto;border-style:solid;border-width:0px 300px;padding:0px 20%;" />
</div>

sehe ich eher

Code: 
   <header class="pageheader" style="background-color: black;">
      <figure>
         <img src="logo.png" alt="Mail -" style="display: block; margin: 0 auto; border: 0">
      </figure>
   </header>

Wobei das CSS noch ausgelagert werden sollte.

Gruss

MrMurphy
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben