Zuviel Raum oben und unten

slante

Hallo
Habe ein HTML code mit CSS einbinden wollen aber es gibt mir oben und unten zuviel Raum bzw. Padding. Minuswert im Layout Padding brachte nichts. Wie kann ich den code oben und unten mit 1 px an das Menü bzw. an das Bild angrenzen lassen. Hab das nicht machen können. Habe Enfold-Theme. Bitte um Hilfe. Siehe Anlage.
Danke für eine Antwort

mfg Slante

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

maxe

dein Bild kannst du mit Photoshop o. ä. ändern. Wenn es um html/css geht, bräuchten wir den Link zum Blog.

SirEctor

Minuswerte bei Padding gibt es nicht, nur bei margin. Schau einfach mal welches Element was bekommt

slante

Das ist die Seite:
http://wordpress.fdb.ch/

Hier der HTML und CSS code:
-------------------------------------------

Code

<style>
/* CSS Document */
#container {
   width:100%;
   height:20px;
   display:-webkit-flex;
   display:flex;
}
#box1 {
    background-color: #000000;
    width: 20px;
    border: 1px solid #000000;
}
#box2 {
   background-color: #111111;
   width:20px;
    border: 1px solid #000000;
}
#box3 {
   background-color: #222222;
   width:20px;
    border: 1px solid #000000;
}
#box4 {
   background-color: #333333;
       width:20px;
    border: 1px solid #000000;
}
#box5 {
   background-color: #444444;
       width:20px;
    border: 1px solid #000000;
}
#box6 {
   background-color: #555555;
       width:20px;
    border: 1px solid #000000;
}
#box7 {
   background-color: #666666;
       width:20px;
    border: 1px solid #000000;
}
#box8 {
   background-color: #777777;
       width:20px;
    border: 1px solid #000000;
}
#box9 {
   background-color: #888888;
       width:20px;
    border: 1px solid #000000;
}
#box10 {
   background-color: #999999;
       width:20px;
    border: 1px solid #000000;
}
#box11 {
   background-color: #AAAAAA;
       width:20px;
    border: 1px solid #000000;
}
#box12 {
   background-color: #BBBBBB;
       width:20px;
    border: 1px solid #000000;
}
#box13 {
   background-color: #CCCCCC;
       width:20px;
    border: 1px solid #000000;
}
#box14 {
   background-color: #DDDDDD;
       width:20px;
    border: 1px solid #000000;
}
#box15 {
   background-color: #EEEEEE;
       width:20px;
    border: 1px solid #000000;
}
#box16 {
   background-color: #FFFFFF;
       width:20px;
    border: 1px solid #000000;
}
#box17 {
   background-color: #000000;
       width:20px;
    border: 1px solid #000000;
}
#box18 {
   background-color: #7F0000;
       width:20px;
    border: 1px solid #000000;
}
#box19 {
   background-color: #007F00;
       width:20px;
    border: 1px solid #000000;
}
#box20 {
   background-color: #00007F;
       width:20px;
    border: 1px solid #000000;
}
#box21 {
   background-color: #007F7F;
       width:20px;
    border: 1px solid #000000;
}
#box22 {
   background-color: #7F007F;
       width:20px;
    border: 1px solid #000000;
}
#box23 {
   background-color: #7F7F00;
       width:20px;
    border: 1px solid #000000;
}
#box24 {
   background-color: #000000;
       width:20px;
    border: 1px solid #000000;
}
#box25 {
   background-color: #FF0000;
       width:20px;
    border: 1px solid #000000;
}
#box26 {
   background-color: #00FF00;
       width:20px;
    border: 1px solid #000000;
}
#box27 {
   background-color: #0000FF;
       width:20px;
    border: 1px solid #000000;
}
#box28 {
   background-color: #00FFFF;
       width:20px;
    border: 1px solid #000000;
}
#box29 {
   background-color: #FF00FF;
       width:20px;
    border: 1px solid #000000;
}
#box30 {
   background-color: #FFFF00;
       width:20px;
    border: 1px solid #000000;
}
#box31 {
   background-color: #FFFFFF;
       width:20px;
    border: 1px solid #000000;
}
#box32 {
   background-color: #999933;
       width:20px;
    border: 1px solid #000000;
}
#box33 {
   background-color: #999933;
       width:20px;
    border: 1px solid #000000;
}
#box34 {
   background-color: #999933;
       width:20px;
    border: 1px solid #000000;
}
#box35 {
   background-color: #999933;
       width:20px;
    border: 1px solid #000000;
}


</style>
<body>
<div id="container">
<div id="box1"></div>
<div id="box2"></div>
<div id="box3"></div>
<div id="box4"></div>
<div id="box5"></div>
<div id="box6"></div>
<div id="box7"></div>
<div id="box8"></div>
<div id="box9"></div>
<div id="box10"></div>
<div id="box11"></div>
<div id="box12"></div>
<div id="box13"></div>
<div id="box14"></div>
<div id="box15"></div>
<div id="box16"></div>
<div id="box17"></div>
<div id="box18"></div>
<div id="box19"></div>
<div id="box20"></div>
<div id="box21"></div>
<div id="box22"></div>
<div id="box23"></div>
<div id="box24"></div>
<div id="box25"></div>
<div id="box26"></div>
<div id="box27"></div>
<div id="box28"></div>
<div id="box29"></div>
<div id="box30"></div>
<div id="box31"></div>
<div id="box32"></div>
<div id="box33"></div>
<div id="box34"></div>
<div id="box35"></div>
</div>
</body>

Alles anzeigen

Edit maxe: Bitte Code Button nutzen

Sailor56

Dieser Code im 'zusätzlichen CSS' sollte dir helfen:

HTML

main.content {
  padding-top: 5px;
}
div.avia-slideshow {
  margin-top: 25px;
}

Die px Werte sind natürlich noch nach deinen Vorstellungen anpassbar.

slante

Das ist ja perfekt!! Vielen Dank für den Hinweiss. Verstehe die Logik dahinter nicht, aber es funktioniert! Merci!!!

SEpp55

Zitat von slante

Verstehe die Logik dahinter nicht

Für die Logik ;-) ein LINK

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Zuviel Raum oben und unten

Jetzt mitmachen!

Benutzer online in diesem Thema