mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 08.12.2016 17:22 Benutzername: Passwort: Auto-Login

Thema: DropDown felder formatieren vom 10.05.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> DropDown felder formatieren
Seite: Zurück  1, 2
Autor Nachricht
powdaer
Threadersteller

Dabei seit: 20.11.2002
Ort: Regensburg
Alter: 32
Geschlecht: Weiblich
Verfasst Do 11.05.2006 08:52
Titel

Antworten mit Zitat Zum Seitenanfang

boa, ich werd bekloppt!

DANKESCHÖN Grins
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 35
Geschlecht: Männlich
Verfasst Do 11.05.2006 09:30
Titel

Antworten mit Zitat Zum Seitenanfang

sidisinsane hat geschrieben:
[...]


warum bin ich da nicht drauf gekommen?
* grmbl *

sehr schön. wird gleich adaptiert Grins
mit entsprechendem background image siehts dann so aus:



€: grade nochmal auf dem mac getestet.. da funzt es in einigen browsern nicht ganz oder man hat ein stück des aqua style buttons mit im hintergrund.
fazit: leider unbrauchbar für meine zwecke *Schnief*


Zuletzt bearbeitet von sahnemuh am Do 11.05.2006 09:35, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
sidisinsane

Dabei seit: 30.01.2006
Ort: Hamburg
Alter: 45
Geschlecht: Männlich
Verfasst Do 11.05.2006 10:36
Titel

Antworten mit Zitat Zum Seitenanfang

sahnemuh hat geschrieben:
[...]

warum bin ich da nicht drauf gekommen?
* grmbl *

sehr schön. wird gleich adaptiert Grins
mit entsprechendem background image siehts dann so aus:



€: grade nochmal auf dem mac getestet.. da funzt es in einigen browsern nicht ganz oder man hat ein stück des aqua style buttons mit im hintergrund.
fazit: leider unbrauchbar für meine zwecke *Schnief*


Hatte das auch schon probiert und festgestellt das es mit background-image leider nur im firefox funktioniert. Alternativ könne man unter Umständen sowas machen:

CSS
Code:
div#select {
   position: absolute;
   left: 50%;
   top: 50%;
   z-index: 20;
   width: 200px; /*Breite dem Layout anpassen*/
   height: 22px;
   margin-left: -100px;
   margin-top: -11px;
   overflow: hidden;
   color: inherit;
   background-color: #FFFFFF;
   border: 1px solid #FFCC00;
   }
div#button {
   position: absolute;
   left: 50%;
   top: 50%;
   z-index: 20;
   width: 22px; /*Breite dem Layout anpassen*/
   height: 22px;
   margin-left: 104px;
   margin-top: -11px;
   z-index: 20;
   width: 22px; /*Breite dem Layout anpassen*/
   height: 22px;
   color: #000000;
   background-image: url(ddarrow.gif);
   background-position: center center;
   background-repeat: no-repeat;
   border: 1px solid #FFCC00;
   }
select {
   position: relative;
   top: -1px;
   left: -1px;
   z-index: 10;
   width: 400px; /*Breite dem Text anpassen*/
   height: 25px;
   color: #333333;
   background-color: #FFFFFF;
   border: 1px solid #FFCC00; /*für Opera*/
   font-family: arial, sans-serif;
   font-size: 13px;
   }
option {
   color: #333333;
   background-color: #FFFFFF;
   }


HTML
Code:
<div id="select">
   <select name="custom-selectbox2" size="1">   
   <option value="0" selected>Bitte ins Feld klicken</option>   
   <option value="auswahl1">geht so</option>   
   <option value="auswahl2">suuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuper idee</option>
   <option value="auswahl3">alter hut</option>   
   <option value="auswahl4">was soll das?</option>
   </select>
</div>


Das dazugehörige gif:



Problem: Die Optionsfelder öffnen sich nach wie vor nur durch Mausklick ins Feld. Demnach sollte man durch einen Text darauf hinweisen. Meinen Beispieltext halte ich nicht für sehr gelungen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Nach Dropdown auswahl neues Dropdown erscheinen
Vista + IE 7: Input Felder
chkFormular mehrere Felder
Felder ein-/ausblenden auf Mausklick
[mysql] einzelne Felder exportieren. wie?
adobe designer - erforderliche felder
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.