Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

im <li> einen Zeilenumbruch???

Eingetragen von empoint (127)
am 12.09.2008 - 09:01 Uhr in
  • Themes & Theming
  • Drupal 5.x

Hallo zusammen, also irgendwie passieren ganz dubiose Dinge...

habe ein normales Submenue ... wird natürlich als <ul><li> ausgegeben...

jetzt das Problem:

wenn ein Link aus 2 Wörtern besteht oder mit einem Bindestrich getrennt wird, dann macht er einfach einen Zeilenumbruch...

mal ein Beispiel:

<li>Beispiel</li> --> klappt super

<li>Bei spiel</li> --> sieht so aus:

Bei
spiel

Ich poste mal den css code, vlt kann mir ja jemand helfen ist sehrwahrscheinlich nur ein kleines Problem:

#submenue {
margin-top: -3px;
margin-left: 100px;
width: 220px;
overflow: hidden;
line-height: 30px;
}

#submenue li{
list-style: none;
width: 171px;
display: block;
}

#submenue a{
font-family: Arial, Verdana, Tahoma;
font-size: 14px;
color: #171717;
text-decoration: none;
letter-spacing: -1px;
background-image: url(gfx/sub_list.jpg);
padding-left: 10px;
background-repeat: no-repeat;
width: 171px;
padding-right: 200px;
padding-top: 5px;
padding-bottom: 5px;
}

‹ Anpassung User-Edit-Form, komme nicht weiter... Wo werden die Variablen deklariert? ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

empoint schrieb #submenue

Eingetragen von aschiwi (1113)
am 12.09.2008 - 09:23 Uhr
empoint schrieb

#submenue {
margin-top: -3px;
margin-left: 100px;
width: 220px;
overflow: hidden;
line-height: 30px;
}

#submenue li{
list-style: none;
width: 171px;
display: block;
}

#submenue a{
font-family: Arial, Verdana, Tahoma;
font-size: 14px;
color: #171717;
text-decoration: none;
letter-spacing: -1px;
background-image: url(gfx/sub_list.jpg);
padding-left: 10px;
background-repeat: no-repeat;
width: 171px;
padding-right: 200px;
padding-top: 5px;
padding-bottom: 5px;
}

wenn dein Wort länger als 171px ist, wird es umgebrochen weil ein #submenue a nur 171px breit sein darf. width entfernen oder größer machen. fertig. freuen :-)
ist das eigentlich ein sidebar-menü? das menü an sich hat ja auch ne width und die ist mit 220px doch recht klein. deswegen solltest du vielleicht die a width beibehalten, vielleicht etwas vergrößern oder bissl mit dem padding ausprobieren (speziell padding-right). das firefox add-on firebug wird dir dabei ne große hilfe sein.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ne damit hat es nichts zu

Eingetragen von empoint (127)
am 12.09.2008 - 09:32 Uhr

Ne damit hat es nichts zu tun, die Breite ist schon völlig ok so denk ich zumindest!

  • Anmelden oder Registrieren um Kommentare zu schreiben

denkst du? hast du's

Eingetragen von aschiwi (1113)
am 12.09.2008 - 09:42 Uhr

denkst du? hast du's ausprobiert?

  • Anmelden oder Registrieren um Kommentare zu schreiben

habs ausprobiert :)

Eingetragen von empoint (127)
am 12.09.2008 - 11:05 Uhr

habs ausprobiert :)

  • Anmelden oder Registrieren um Kommentare zu schreiben

Was hat sich verändert?

Eingetragen von rainman (226)
am 12.09.2008 - 11:18 Uhr
Zitat:

habs ausprobiert :)

Ja und? Was hast du gemerkt? Hat sich etwas geändert? Bist du überzeugt worden, oder denkst du immer noch?

  • Anmelden oder Registrieren um Kommentare zu schreiben

ich hätte schon gesagt wenn

Eingetragen von empoint (127)
am 12.09.2008 - 11:33 Uhr

ich hätte schon gesagt wenn das Problem behoben wär, aber es ist immer noch vorhanden, es hat sich nichts verändert!

  • Anmelden oder Registrieren um Kommentare zu schreiben

Was genau hast du probiert?

Eingetragen von aschiwi (1113)
am 12.09.2008 - 11:35 Uhr

Was genau hast du probiert? Bist du mal mit Firebug ran? Damit sieht man doch gut, was bis wohin geht... Ich kann mir kaum vorstellen, dass es an irgendetwas anderem liegt als Zusammenspiel von padding und width. Hast du mal probiert als Menüpunkt mit zwei kurzen Wörtern zu nehmen? Also z.B. "te st". Bricht das auch schon um? Wenn es das tut, dann ist es was anderes als ich vermutet hatte.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Du Ungläubiger ;-)

Eingetragen von rainman (226)
am 12.09.2008 - 11:41 Uhr

Bei einer gesamten Grösse von 220px des Submenu, kann der Link darin nicht 171px plus 200px padding gross sein. Beherzige also das, was aschiwi geschrieben hat.

#submenue feste Breite geben
#submenue li auf 100% setzen
#submenue a width auf 90% mit padding-left auf 10% = 100%

Mein Beispiel:

#submenue {
  width: 220px;
  overflow: hidden;
}

#submenue ul { margin: 0; padding: 0; }
#submenue li { margin: 0; padding: 0; width: 100%; }

#submenue a {
  display:block;
  width: 90%;
  padding-right: 0;
  padding-left: 10%;
}

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Neuinstallation: vermutlich ein rewrite-Problem
  • Drupal CMS installieren
  • [erledigt]MP3 in Drupal 10 einbinden
  • (gelöst)Drupal 11 installieren
  • Titel ausblenden
  • Ich brauche dringen Hilfe zu Updates oder ggf. wwie geht Composer?
  • Dynamische Ansicht von Seiteninhalt (als Tabelle?)
  • Vergabe von Berechtigungen für bestimmte Rollen; mir fehlt der Haken bzw. das „Veröffentlicht“
  • Medien und andere Daten mit Feeds von Drupal 7 auf Drupal 10 migrieren
  • Rolle erstellen nicht zu finden
  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
Weiter

Neue Kommentare

  • Was für einen Server benutzt
    vor 4 Tagen 15 Stunden
  • Wenn die Subdomain auf
    vor 6 Tagen 14 Stunden
  • ordnerstruktur
    vor 1 Woche 55 Minuten
  • Die Subdomain muß auf den
    vor 1 Woche 2 Tagen
  • Verwende doch das Tag dafür,
    vor 4 Wochen 4 Tagen
  • Guckst du hier: step by step
    vor 4 Wochen 3 Tagen
  • Guckst du hier: step by step
    vor 4 Wochen 3 Tagen
  • Ich habe ja keine Angst vor
    vor 5 Wochen 6 Tagen
  • Ist grundsätzlichmachbar – aber nichts für „einfach mal schnell“
    vor 6 Wochen 1 Tag
  • Vielen Dank erst einmal, aber
    vor 6 Wochen 3 Tagen

Statistik

Beiträge im Forum: 250289
Registrierte User: 20513

Neue User:

  • Scottteday
  • MichaelPeeno
  • Pavlotog

» Alle User anzeigen

User nach Punkten sortiert:
wla9466
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 12 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association