CSS Problem

Gruening

Grüßt Euch,

ich möchte auf meiner Seite http://www.ApfelHD.de um bestimmte Absätze einen Rahmen in Grün drum herum machen.

Habe dazu folgenden Code in die CSS eingebaut:

Code

.info {
border: 1px solid white;
padding: 10px;
color: #466840;
}

Wenn ich jetzt aber <div class="info">TEXT</div> eingebe, passiert da nix.

Live zu sehen unter: http://www.apfelhd.de/das-neue-paydroid-dock/

vielen Dank für die Hilfe!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Tutrix

Zitat

Rahmen in Grün drum herum

und warum machst du dann "white"?
ein weißer Rahmen, ist auf weißem Hintergrund logischerweise nicht zu sehen ;)

mfitzen

Naja, was soll da denn großartig passieren? Weißer Rahmen auf weißem Hintergrund... ;-)

Gruening

arghh lach.
Habe es nun editiert und nun gefällt es mir noch nicht so richtig.

Denn vom Text bis zum oberen Rahmen ist zu viel Abstand...

wie könnte man das noch beheben ?

Tutrix

das liegt an der "h3" Formatierung (padding)

Code

h3 {
    border-bottom: 1px solid #DEDEDE;
    color: #464646;
    font: bold 16px/1em 'Lucida Bright',Georgia,serif;
    margin: 0 0 20px;
    padding: 25px 0 5px;
}

müsstest dies also für ".info h3" extra definieren

Gruening

Danke für die schnelle Hilfe.
Klappt nun einwandfrei. =)

Nun werde ich mich zwecks Shortcodes mal schlau machen. :D

LG

koslowski

Zitat von Gruening

Nun werde ich mich zwecks Shortcodes mal schlau machen. :D

falsch, du solltest dich besser in CSS schlau machen. ;-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

CSS Problem

Jetzt mitmachen!