+ Antworten
Ergebnis 1 bis 2 von 2

Thema: Lage und Breite von Spalten ändern

  1. #1
    Neu an Board
    Registriert seit
    18.02.2010
    Beiträge
    13
    Bedankte sich
    4
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Lage und Breite von Spalten ändern

    Hallo,

    ich habe mich an Joomla getraut und eine Seite erstellt. Mir Aristeer, da ich von HTML und CSS bisher null Ahnung hatte. Jetzt habe ich dann doch dank Google und einem Freund einiges in dieser Richtung machen können, stoße aber jetzt bei ein paar Dingen an meine Grenzen und hoffe, dass jemand hier so freundlich ist und mir hilft.

    Hier der Link zur Subdomain der künftigen Seite:
    http://neu2010.feuerwehr-bindsachsen.de/

    Und jetzt meine Probleme:

    1. Möchte ich die linke Spalte, also mit den Menüs Verein etc. so nach links verschieben, dass der Rand bündig mit dem oberen roten Rand des Top-Menüs mit der Startseite abschließt.

    2. Gleichzeitig soll die mittlere bzw. rechte große Spalte verbreitert werden, dass sie mit dem rechten roten Rand des oberen Top-Menüs abschließt.

    3. Der Abstand zwischen den beiden soll identisch sein, wie der Abstand nach außen zu dem schwarzen Rand.

    4. Hätte ich gerne, dass das rote Top-Menü oben auch abgerundete Kanten hat, ebenso wie die Überschriften in den Beiträgen, welche jetzt ja noch von einem eckigen Rahmen umgeben sind.

    Kann mir jemand verraten, wo ich hier was in der CSS ändern muss?

    Danke fürs Zuhören und eure Hilfe.

    Lieben Gruß
    Steffen

  2. #2
    Gehört zum Inventar Avatar von SirDrake
    Registriert seit
    29.08.2006
    Ort
    Köln
    Beiträge
    5.764
    Bedankte sich
    130
    Erhielt 2.113 Danksagungen
    in 1.926 Beiträgen

    Standard

    Weils ne Feuerwehr ist

    Wir sind hier sehr allergisch auf diese Art Templates besonders wenn Änderungen gewünscht sind.

    Die Spalten kannst du hier ändern
    links template.css Zeile 570
    Code:
    .art-Block {
    margin:10px;
    }
    ändern zu
    Code:
    .art-Block {
    margin:10px 10px 10px 0px;
    }
    und Content Zeile 818
    Code:
    .art-Post {
    margin:10px;
    }
    ändern zu
    Code:
    .art-Post {
    margin:10px 0 10px 0;
    }
    Mit den abgerundeten Ecken ist nicht mal eben so gemacht. Dazu brauchst du entsprechende Images welche in verschachtelte div Elemente gepackt werden müssen oder Javascript. Wenn dir der IE egal ist kannst du auch CSS3 verwenden

    Such mal in Google nach runde ecken oder hier im Forum.
    Gruß Fred
    Fragen und Antworten rund um Joomla! FAQ
    Code-Bereinigung abschalten

  3. Erhielt Danksagungen von:


+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein