Forum: Offtopic Tabs in HTML Dropdown-Menü


You were forwarded to this site from EmbDev.net. Back to EmbDev.net
Tabs in HTML Dropdown-Menü
von Tim D. (Gast)

Angehängte Dateien:
Lesenswert?
• ▲
▼ 
Auf dem Screenshot ist ein HTML Dropdown-Menü aus einem Formular zu 
sehen.

Der Text in Klammern soll vertikal sauber untereinander stehen, also wie 
bei der Verwendung von Tabs.

Ich denke ich habe alles was mir in HTML bekannt ist ausprobiert. Auch 
Formatierung mit CSS, aber da schließe ich nicht aus, dass ich evtl. was 
übersehen habe.

Ist das überhaupt möglich? Es braucht übrigens nur beim Firefox 
funktionieren.

Beispielhaft ein ganz einfaches Formular (meinen gesamten PHP-Code 
posten würde jetzt wenig Sinn machen):
1
<form action="">

2
<select name="">

3
<option title="">B (Beschreibung)</option>

4
<option title="">...</option>

5
...

6
</select>

7
</form>

Beitrag melden Bearbeiten Thread verschieben Thread sperren Anmeldepflicht aktivieren Anpinnen Thread löschen Thread mit anderem zusammenführen Markierten Text zitieren Antwort Antwort mit Zitat
Re: Tabs in HTML Dropdown-Menü
von Chris K. (kathe)

Lesenswert?
• ▲
▼ 
Passende Schriftart verwenden und &nbsp;

Beitrag melden Bearbeiten Löschen Markierten Text zitieren Antwort Antwort mit Zitat
Re: Tabs in HTML Dropdown-Menü
von Unbekannt U. (Gast)

Lesenswert?
• ▲
▼ 
Tim D. schrieb:
> Ist das überhaupt möglich?

Nein. Ein Option-Menu ist ein "Replacement-Element" oder so ähnlich in 
HTML. D.h. das wird durch das Betriebssystem gemalt.

Man kann nur Farben, und den Font per CSS verändern.

Willst Du mehr, brauchst Du Javascript. Es gibt viele fertige Frameworks 
etc. die schöne und stylebare Options-Menus haben. Dann wird der Rest 
des Formulars übrigens auch schön...

Beitrag melden Bearbeiten Löschen Markierten Text zitieren Antwort Antwort mit Zitat
Re: Tabs in HTML Dropdown-Menü
von Kolja L. (kolja82)

Lesenswert?
• ▲
▼ 
Es gibt noch die ganz dreckige Methode mit den &nbsp; also 
nonbreakingspace, damit kannste versuchen die Optionen gerade rücken.

Beitrag melden Bearbeiten Löschen Markierten Text zitieren Antwort Antwort mit Zitat
Re: Tabs in HTML Dropdown-Menü
von Kolja L. (kolja82)

Lesenswert?
• ▲
▼ 
1
<form action="">

2
3
<select name="">

4
5
<option title="">B &nbsp; (Beschreibung)</option>

6
7
<option title="">...</option>

8
9
...

10
11
</select>

12
13
</form>


  


  




  

    Beitrag melden Bearbeiten Löschen Markierten Text zitieren Antwort Antwort mit Zitat
  







      

      



  

    Re: Tabs in HTML Dropdown-Menü
  


  

    

      von
      
        Tim D. (Gast)
      
      


      
    


    

      
    

    

    

  
  


  

  Lesenswert?
  

  •
  
  ▲  
  

  ▼  
  		
  

  


  

      
Vielen Dank. Ich hatte schon befürchtet dass das mit HTML-Bordmitteln 
nicht funktioniert.

Dicktengleiche Schrift hat mir nicht gefallen und wäre auch zu breit 
geworden, da später noch längere Texte im Menü stehen.

Darum habe ich das Ganze wie vorgeschlagen mit &nbsp; hingebogen. Ist 
nicht optimal, aber da das Script nur für mich persönlich ist, kann ich 
vorerst damit leben.

Wenn alles fertig ist, kann ich mich immer noch an die Schönheitsfehler 
machen und es mit Javascript versuchen. Habe aber gerade einen ganzen 
Tag lang eine sehr umfangreiche Seite mit Tristate-Buttons hin gebastelt 
und erst mal genug davon. Ich bin froh dass es funktioniert (obwohl ich 
eigentlich gar keine Javascript-Kenntnisse hab ;))

  


  




  

    Beitrag melden Bearbeiten Löschen Markierten Text zitieren Antwort Antwort mit Zitat
  







      

      



  

    Re: Tabs in HTML Dropdown-Menü
  


  

    

      von
      
        Kolja L.
        (kolja82)
        
      
      


      
    


    

      
    

    

    

  
  


  

  Lesenswert?
  

  •
  
  ▲  
  

  ▼  
  		
  

  


  

      
Freut mich und frag einfach, wenn du etwas wissen möchtest.
Es mag die Menschen geben, die am besten lernen, wenn sie selbst erst 
alle Wege gefunden haben, wie es nicht funktioniert, bevor die 
Erleuchtung kommt.
Ich schaue mir an, wie es andere gemacht haben, oder frage nach.
Daher versuche ich auch, gerade bei den vermeintlich trivialen Fragen, 
so zu antworten, dass es zum Projekt des Fragenden passt.

  


  




  

    Beitrag melden Bearbeiten Löschen Markierten Text zitieren Antwort Antwort mit Zitat
  








    

    

       Thread beobachten

      |
         Seitenaufteilung abschalten

    

        


Bitte melde dich an um einen Beitrag zu schreiben. Anmeldung ist kostenlos und dauert nur eine Minute.



  Bestehender Account

  


  
  

  
    

      

        
          
        
        
          
        
      

      

        
          
        
        
          
        
      

    


    
    
    





  Schon ein Account bei Google/GoogleMail? Keine Anmeldung erforderlich!

  Mit Google-Account einloggen
  





  Noch kein Account? Hier anmelden.