Layout/Design Problem

  • Hallo zusammen,
    ich bin gerade dabei ein eigenes Design basierend auf dem Blix Theme zu erstellen. Allerdings komme ich nicht mehr voran...

    Folgendes Problem:
    Screenshot:
    http://www.spitfire-command.de/problem.jpg
    Website:
    http://www.spitfire-command.de/norm

    Also irgendwie haut der Rand der Sidebar nicht ganz hin.
    (Als ich begonnen habe das Blix Theme zu bearbeiten, habe ich einige padding- und margin-befehle auf "0" gesetzt. Daran könnte es vielleicht liegen...)
    Jedenfalls möchte ich jetzt gerne, dass der innere Rand nach innen verschoben wird, so dass er mit dem äußeren Rand übereinstimmt.

    Außerdem möchte ich den Rand des Search-Buttons weghaben oder jedenfalls die Farbe des Randes ändern.

    Hier ist die layout.css:
    http://www.spitfire-command.de/norm/layout.css
    Hier ist die andere css-datei (für Farben u.ä.)
    http://www.spitfire-command.de/norm/norm.css

    Ich hoffe ihr könnt mir helfen.
    mfg noRm

    • Anzeige

    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

  • Zur Sidebar, linkes Padding auf 0 setzen in der layout.css:

    Code
    #subcontent {
      float:right;
      width:205px;
      padding:15px 0 0 0;
      font-size:0.9em;
      line-height:1.5em;
    }


    Bin mir nicht ganz sicher ob es das ist was du meinst.

    Und zum Button, Border auf none setzen für keinen Rahmen.

    Code
    #navigation #searchbutton {
      height:1.4em;
      width:auto;
      padding:0 1px;
      font-size:11px;
      letter-spacing:1px;
      text-align:center;
      vertical-align:middle;
      border: none;
    }

    "Whoever controls the media, controls the mind." J.Morrison

  • Das mit dem Searchbutton hat einwandfrei geklappt.
    Aber das mit der Sidebar nur teilweise. Siehe: http://www.spitfire-command.de/norm
    Screenshot:
    http://www.spitfire-command.de/problem2.jpg
    Ups mir fällt gerade auf, dass ich mich bei meinem ersten Post verschrieben habe. Also noch mal zur Erläuterung des Problems:
    Wie man sieht, ist die graue Rahmenlinie ziemlich weit rechts. (Außer unten) Ich möchte gerne, dass die Rahmenlinie weiter nach links gerückt wird bis sie mit dem unteren Stück übereinstimmt.

    Hier nochmal die beiden css-Dateien:
    http://forum.wordpress-deutschland.org/www.spitfire-c…norm/layout.css
    http://www.spitfire-command.de/norm/norm.css

  • Ok, die graue Linie ist ein Backgroundimage, definiert in der norm.css :

    Code
    /* container
    --------------------------------------------------*/
    #container {
      padding-top:0;
      background:white url(images/norm/container_bg.gif) 500px 0px repeat-y;
      border-left: 2px solid #000000;
      border-right: 2px solid #000000;
    }

    Wobei der erste Wert ( 500px ) die Position von Links ist und der zweite von oben. Du müsstest also etwas mit dem ersten Wert spielen.

    "Whoever controls the media, controls the mind." J.Morrison

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!