login  Naam:   Wachtwoord: 
Registreer je!
 Forum

float probleem (Opgelost)

Offline W0etah - 14/03/2008 21:11
Avatar van W0etahPHP beginner Hallo, ik zit weer met een probleempje.

Ik heb een screenshot gemaakt omdat daardoor het probleem gemakkelijker tezien is:

afbeelding

Het probleem zit hem dat het woordje "test" pas getoond wordt onder de afbeelding van het vraagteken.

zo staan ze in mijn html:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="vraagteken"></div>
  2. <div id="zoeken">
  3. 	test
  4. </div>


dit is mijn css
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #vraagteken {
  2. 	background: url(images/vraagteken.png);
  3. 	height: 122px;
  4. 	width: 91px;
  5. 	margin-left: 186px;
  6. 	float: left;
  7. }
  8. #zoeken {
  9. 	background: #009966;
  10. 	height: 122px;
  11. 	width: 240px;
  12. 	border-bottom: 20px solid #000000;
  13. }


hopelijk weet iemand de oplossing, want ik heb al wat geprobeerd maar het lukt bij dus niet

4 antwoorden

Gesponsorde links
Offline thomasje - 14/03/2008 21:31
Avatar van thomasje MySQL beginner Komt dit niet doordat hij verder de voorgrond "niet benut"
EN hij test automatisch om hooghaalt, dus dat je nog een div moet hebben voor de tekst.
Offline W0etah - 14/03/2008 21:37 (laatste wijziging 14/03/2008 21:39)
Avatar van W0etah PHP beginner dus je bedoelt dat ik de div "zoeken" nog een div moet plaatsen voor alle tekst?

edit: dat werkt dus niet
Offline BramBo - 15/03/2008 00:11
Avatar van BramBo JS gevorderde float:left; in #zoeken zal de tekst rechts naast de afbeelding zetten, dit is wat je wilt niet?
Offline W0etah - 15/03/2008 01:25
Avatar van W0etah PHP beginner het probleem is al opgelost, dit heb ik uiteindelijk gebruikt

php code - Bekijk de code zonder highlighting - Klap code in 
  1. #vraagteken {
  2. 	background: url(images/vraagteken.png);
  3. 	height: 122px;
  4. 	width: 91px;
  5. 	margin-left: -54px;
  6. 	float: left;
  7. }
  8. #zoeken {
  9. 	background: #009966;
  10. 	height: 122px;
  11. 	width: 240px;
  12. 	border-bottom: 20px solid #000000;
  13. 	float: left;
  14. }
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.186s