Dropdown Feld anpassen und Schrift

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Dropdown Feld anpassen und Schrift

    Hallo PHP Freunde,

    ich habe folgendes Problem. Wie ihr im Bild sehen könnt, ist das mittlere Feld, also das Dropdowmenü leicht nach unten verschoben. Ich will es aber ebenbündig mit dem linken langen Feld und dem Start Button. Die Schrift soll doppelt grösser sein und in einer dunkelgrauen Farbe. Die Schrift im Dropdownmenü ebenfalls doppelt grösser aber die schwarze Schriftfarbe soll bleiben. Entsprechend müsste auch das Dropdownmenü verbreitert werden. Hier ein Screenshot. Der Link zur Webseite wo sich das Dropdown Menü befindet ist test.incognito.de




    Hier der PHP Code:

    PHP-Code:
            <?php if(get_option('teaser_domainbox')=="true") { ?>
            <div class="custom_domain_search">
                <div class="two_third">
                <!-- .search_domain -->
                    <div class="domain_finder">
                    <?php echo $home_h3text?>    
    <form onsubmit="" method="post" action="http://menu.incognito.de/?cmd=checkdomain">
    <input type="hidden" value="checkdomain" name="action">
    <input type="hidden" value="1" name="singlecheck">
    <input type="hidden" value="1" name="register">
    <input type="hidden" value="1" name="domain_cat">
    <input style="height:43px;width:350px;" <input value=""  name="sld">
    <select input style="height:43px;" name="tld">
    <option value=".de">.de</option>
    <option value=".com">.com</option>
    <option value=".net">.net</option>
    <option value=".org">.org</option>
    <option value=".me">.me</option>
    <option value=".mobi">.mobi</option>
    <option value=".us">.us</option>
    <option value=".co">.co</option>
    <option value=".biz">.biz</option>
    <option value=".co.uk">.co.uk</option>
    </select>
                <button class="button large dsearch" type="submit"><span>Start</span></button>
        </form>
    Hier ein Ausschnitt aus des CSS Datei:

    Code:
    /*=== DOMAIN SEARCH
    =======================================================*/
    
    .custom_domain_search            { padding:10px 24px 25px 24px; margin-top:15px; overflow:hidden;  }
    .domainsearch                    { margin:0; }
    .domain_finder li                { list-style:none; background:none;}
    .domain_finder                   { width: 100%; padding:20px 0; position:relative; float: left; overflow: hidden; -moz-border-radius:5px;    -webkit-border-radius:5px;     border-radius:5px;}
    .domain_finder fieldset, 
    .domain_finder form              { padding: 0; margin: 0; border: 0; display:block; }
    .domain_finder h1                { margin-bottom:5px; padding-left:20px; text-transform:uppercase; font-size: 46px; }
    .domain_finder h3                { margin-bottom:5px; padding-left:20px; text-transform:uppercase; }
    
    .domain_finder input#dsearch     { border: 1px solid #ddd; margin-bottom:5px; background: #ffffff; color: #333; width:65%; padding:13px; -moz-border-radius:5px;    -webkit-border-radius:5px;     border-radius:5px;}
    
    .domain_finder ul                { list-style: none; margin: 10px 0 0 5px; padding: 0; }
    .domain_finder ul li             { float: left;color: #999; list-style-type:none; }
    .domain_finder form ul           { list-style: none; margin: 130px 0 0 16px;    padding: 0;    position: absolute;}
    .domain_finder form ul li        { float: left; width: 57px;    color: #666;}
    .domain_finder form ul li input  { float: left; }
    
    .domain_finder p                 { margin: 0 0 15px 20px; width: auto;    }
    Vielen Dank für Eure Hilfe

  • #2
    Hi Eisenfreund,

    warum formatierst du die Tags nicht einfach?

    Code:
    <form action="" method="post">
    <input style="font-size: 35px;height: 43px;width: 350px;color: darkgrey;"  />
    <select input style="font-size: 32px;height: 43px;" name="tld">
    <option value=".de">.de</option>
    <option value=".com">.com</option>
    <option value=".net">.net</option>
    <option value=".org">.org</option>
    <option value=".me">.me</option>
    <option value=".mobi">.mobi</option>
    <option value=".us">.us</option>
    <option value=".co">.co</option>
    <option value=".biz">.biz</option>
    <option value=".co.uk">.co.uk</option>
    </select>
    </form>
    Musst dich mit den px-Angaben an die richtige Größe rantasten.

    Gruß
    Günni

    Kommentar


    • #3
      Vielen Dank mein Freund, du hast mir geholfen und es funktioniert.

      Kommentar

      Lädt...
      X