html/CSS Hervorhebung durch Rahmen?
Hallo,
für den Informatik-Unterricht müssen wir auf einer eigenen html/CSS-Website die Kontaktdaten durch folgende Formatierungen hervorheben:
- einen Rahmen der Breite 200 Pixel
- eine Rahmenlinie von 1 Pixel Stärke
- einen schwarzen Hintergrund
- die Schriftfarbe magenta für die Überschrift und den Text, beide sollen zudem zentriert werden.
Außerdem sollen diese Daten zentriert auf der Seite positioniert werden.
Alle Vorgaben habe ich in die CSS-Datei eingearbeitet, sowie in der html-Datei durch ein div-Element verbunden. Jedoch wird der Rahmen auf meiner Website (Bild 1) zu breit. (Musterlösung: siehe Bild 2).
Kann mir jemand helfen?
Bild 1:
Bild 2:
2 Antworten
Keine Ahnung was du gemacht hast
Aber wenn du dem DIV keine feste Breite von 200 Pixel gegeben hast wird auch nicht so klein angezeigt.
Oder hast du den Rahmen und Hintergrund um den Text gesetzt ?
Default ist Auto
Auch möglich Aber auch dann feste Breite setzen
Meine erste Annahme wäre, dass du dem div-Element keine Breite zugeordnet hast.
Schau in deinen dazugehörigen CSS-Selektor. Dort sollte es das width-Property geben.
width: 200px;
Achte auf die Schreibung und das jedes Property-Value-Paar mittels Semikolon von anderen Paaren getrennt wird.
Ich hatte anstatt width border-width geschrieben, danke für die Antwort!