login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Search bar

Offline nick5556 - 26/11/2010 12:34
Avatar van nick5556PHP beginner Mijn search bar doet het niet goed in IE, Safari en Chrome. In FF doet hij het echter wel. Het probleem is gemakkelijk te zien via deze link:
http://82.217.149.226/nicksmitdesigns/new/

HTML:
  1. <form method="post" action="search.php">
  2. <input type="text" name="search_submit" value="Zoeken.." id="search_input" />
  3. <button type="submit" name="search_submit" id="search_submit">
  4. <img src="images/layout/searchbutton.png" alt="Searchbutton" />
  5. </button>
  6. </form>


CSS:
  1. #search_input {
  2. position: absolute;
  3. border: none;
  4. background: none;
  5. background-image: url(../../images/layout/searchbar.png);
  6. width: 152px;
  7. height: 48px;
  8. margin:0;
  9. padding-left: 5px;
  10. color: #666666;
  11. font-style:italic;
  12. }
  13.  
  14. #search_submit {
  15. position:absolute;
  16. border: none;
  17. background: none;
  18. cursor: pointer;
  19. width: 53px;
  20. height: 48px;
  21. margin-left: 149px;
  22. margin-top: -1px;
  23. float: left;
  24. }

4 antwoorden

Gesponsorde links
Offline Hend - 26/11/2010 12:50
Avatar van Hend Lid wat dan? een pagina die niet bestaat?
Offline nick5556 - 26/11/2010 13:34
Avatar van nick5556 PHP beginner Een pagina die niet bestaat? Misschien bedoel jij `search.php`. Maar ik bedoel het in mijn layout, in IE, Safari en Chrome maar in FF doet hij het wel. De button staat tever naar rechts.
Offline kaspar - 26/11/2010 15:33
Avatar van kaspar Nieuw lid je kunt in je css toch right: x px; gebruiken? mooie opmaak trouwens 
Offline lieneke - 27/11/2010 01:32
Avatar van lieneke Nieuw lid <div id="search-form"> <input type="text" value="Search..." size="30" />
<input name="Submit" type="image" src="images/submit_bg.png" height="30" width="38" border="0" alt="Submit Form" value="Go!" /> </div>

CSS:
#search-form{ float: right; margin-top: 55px; padding-right:20px; } .search-field{ font-style: inherit; padding: 5px; background-color: #202020; border: 1px solid #323232; color: #FFFFFF; } .search-button{ vertical-align: top; }


kan je hier iets mee?
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.187s