1. Home
  2. Blog
  3. Hilfe
    1. Handbuch Stile
    2. Häufig gestellte Fragen
    3. Lizenz - Kommerzielle Produkte
    4. Lizenz - Kostenlose Produkte
    5. Updateserver
    6. Branding Free
    7. Installation
    8. Erweiterungspaket
    9. Updatezugang
  4. Shop
    1. Helle Stile
    2. Dunkle Stile
    3. Demos (Extern)
    4. Bestellungen
  5. Marktplatz
    1. Karte
  6. Community
    1. Unerledigte Themen
  7. Dateien
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Forum
  • Produkte
  • Filebase-Eintrag
  • Marktplatz-Eintrag
  • Artikel
  • Seiten
  • Erweiterte Suche
  1. cls studio
  2. Community
  3. Community-Lounge
  4. Austauschbereich rund um WoltLab Suite

Menü CSS Code

  • BossiStyle
  • 12. September 2009 um 19:57
Erster Teambeitrag
  • BossiStyle
    • 12. September 2009 um 19:57
    • #1

    Hallo,

    ich versuche gerade so ein menü zu code wie ihr das habt.

    Nun habe ich 2 fragen.

    1. wie stelle ich das so ein das der Text z.b. Forum nicht oben in der Grafik steht sondern unten

    Zitat

    Vorher: [Blockierte Grafik: http://www.abload.de/img/beispiel141aq.jpg] Nacher:  [Blockierte Grafik: http://www.abload.de/img/beispiel234w5.jpg]

    2. wie mache ich das, dass diese bilder dann nicht 5cm weit von einandere weg stehen. Sondern kante an kante.

    Zitat

    Vorher: [Blockierte Grafik: http://www.abload.de/img/beispiel141aq.jpg] [Blockierte Grafik: http://www.abload.de/img/beispiel234w5.jpg] und so soll es hinterher aussehen:

    Nachher: [Blockierte Grafik: http://www.abload.de/img/beispiel141aq.jpg][Blockierte Grafik: http://www.abload.de/img/beispiel234w5.jpg]

    Mein jetziger CSS code vom Menü

    PHP
    #mainMenu {
    top: 45px;
    z-index: 45px;
    height: 80px;
    padding-right: 45px;
    padding-left: 448px;
    border: 0px;
    margin-left: 0px;
    }
    
    
    .mainMenu a {
    background:transparent url(../images/ngdc/menu1_hintergrund.png) no-repeat scroll 0 0;
    float:left;
    font-size:0.9em;
    font-weight:normal;
    height: 200px;
    width: 100px;
    line-height:35px;
    text-align:center;
    text-decoration:none;
    border:none!important;
    padding: 2px;
    }
    Alles anzeigen
    • Zitieren
  • Zurret
    • 12. September 2009 um 21:46
    • #2

    na padding: 2px; müsstes du auf padding: 0px; ändern ^^

    [Blockierte Grafik: http://de.miniprofile.xfire.com/bg/os/type/2/mrzurret.png]

    • Zitieren
  • BossiStyle
    • 12. September 2009 um 22:23
    • #3

    habe ich gemacht ist alles gleich geblieben

    • Zitieren
  • Cr@@gle
    Customer
    • 12. September 2009 um 22:37
    • Teambeitrag
    • #4

    Hi,

    du hast dem Menüpunkt eine Breite von 100px zugewiesen, die Grafik ist jedoch nur 95px breit. Daher kommt dann auch der Abstand.

    Um den Text runter zu kriegen, probiere mal unter .mainMenu a folgendes einzufügen:

    Code
    vertical-align: bottom;
    • Nächster Teambeitrag
    • Zitieren
  • BossiStyle
    • 12. September 2009 um 22:48
    • #5

    habe ich gemacht hat aber irgendwie nicht geholfen.

    Kannst du vielleicht mal den Code posten wie du das meinst

    • Zitieren
  • Cr@@gle
    Customer
    • 13. September 2009 um 00:10
    • Teambeitrag
    • #6

    Zu was willst du jetzt einen Code?

    Das mit der Breite habe ich doch erklärt und das andere brauchst du doch nur 1:1 in den Block von .mainMenu a übertragen. :|

    • Vorheriger Teambeitrag
    • Nächster Teambeitrag
    • Zitieren
  • BossiStyle
    • 13. September 2009 um 11:17
    • #7

    ich habe es nun gemacht wie du gesagt hast.

    Aber torzdem ist nichts passiert.

    Ich meine mit dem Code wie der bei euch hier aussieht. Das meinte ich mit dem Code

    • Zitieren
  • Cr@@gle
    Customer
    • 13. September 2009 um 11:22
    • Teambeitrag
    • #8

    Probier mal "line-height: 400px;" aus unter .mainMenu a

    Das mit dem Abstand kann ich dir nicht anders helfen. Ich glaube nicht, dass "nichts" passiert. Dann stelle den Wert noch weiter runter bei der Breite.

    • Vorheriger Teambeitrag
    • Nächster Teambeitrag
    • Zitieren
  • BossiStyle
    • 13. September 2009 um 11:38
    • #9

    okee das hat nun geklappt.

    So nun aber wie bekomme ich das Bild mit dem Namen weiter nach oben das ist nun halb auf der shoutbox bei mir

    • Zitieren
  • Cr@@gle
    Customer
    • 13. September 2009 um 11:40
    • Teambeitrag
    • #10

    ich habe auch nicht gesagt, dass die 400px richtig sind 8|

    Woher sollte ich wissen, was bei dir passt? Außer diesen Beispielbildern da oben kenne ich nichts davon.

    • Vorheriger Teambeitrag
    • Nächster Teambeitrag
    • Zitieren

Benutzer online in diesem Thema

  • 1 Besucher
  • cls studio

  • We did it, you love it.
  • Seit 2008 Anbieter von Premium-Stilen für WoltLab Suite™.
  • Informationen

  • Allgemeine Geschäftsbedingungen
  • Datenschutzerklärung
  • Impressum
  • Kontakt
  • Nutzungsbedingungen
  • Demoinstallationen

  • Stile WoltLab Suite
  • Hilfe

  • Häufig gestellte Fragen
  • Lizenz - Kommerzielle Produkte
  • Lizenz - Kostenlose Produkte
  • Updateserver - Kommerzielle Produkte