login  Naam:   Wachtwoord: 
Registreer je!
 Forum

css bar positioneren (Opgelost)

Offline kickasgamer - 31/07/2008 11:47
Avatar van kickasgamerPHP ver gevorderde ik heb een PMstatus bar gemaakt waarin komt te staan hoeveel plaats je nog hebt in je PM folder, nu wil ik dat de gekleurde bar 1px verwijderd is van de linker, onder en bovenkant maar hoe ?

css achtergrond bar:
  1. div.bar_achtergrond{
  2. width: 202px;
  3. height: 14px;
  4. background-color:#999999;
  5. }

en dit is de pagina met de bar op + de css van die gekleurde bar: http://www.plaatscode.be/13309/

alvast bedankt

6 antwoorden

Gesponsorde links
Offline vinTage - 31/07/2008 11:54 (laatste wijziging 31/07/2008 11:57)
Avatar van vinTage Nieuw lid Heb je geen beter voorbeeld, want zo klopt er niet veel van..
Er hoort namelijk wel een table rond die tr's en td's..als je die uncomment is de hele lay pleite.


Edit:
oh zie nu dat het je niet om die table gaat 
Zal ff kijken

Offline kickasgamer - 31/07/2008 11:57
Avatar van kickasgamer PHP ver gevorderde ja die comment is omdat ik dat stukje table rgens include, en die <table> tags zijn voor als ik het bestand wil editten dan uncomment ik ze en dan kan ik gewoon effe de table editten 

ma ik moet gewoon weten welke css code ik nodig heb om die 2de div 1px van link, onder en boven af te houden 
Offline vinTage - 31/07/2008 12:05 (laatste wijziging 31/07/2008 12:07)
Avatar van vinTage Nieuw lid
  1. <style type="text/css">
  2. div.bar_achtergrond
  3. {
  4. width: 202px;
  5. height: 14px;
  6. background-color:#999999;
  7. }
  8.  
  9. div.bar
  10. {
  11. position:absolute;
  12. margin-top:1px;
  13. margin-left:1px;
  14. /*width:100px; */
  15. background-color:#FF9900;
  16. height: 12px;
  17. }
  18.  
  19. <div class="bar_achtergrond">
  20. <div class="bar" style="width:<?=$width?>"></div>
  21. </div>
Offline kickasgamer - 31/07/2008 12:14 (laatste wijziging 31/07/2008 18:44)
Avatar van kickasgamer PHP ver gevorderde ja blijkbaar gaat een class niet samen met een gedefineerde style binnen 1 div tag dus heb ik effe alles samen gegooit

dit is het resultaat: http://img237.i...aathz5.jpg

en dis is nog eens de code van de div:
  1. <div class="bar_achtergrond">
  2. <div class="bar" style="width:<?=$width; ?>px; height: 12; background-color:#FF9900; position:absolute; margin-top:1px; margin-left:1px;"></div></div>


EDIT: ik heb nog wat zitten proberen maar ik krijg niks veranderd aanhet probleem . het blijft weergeven zoas op de foto te zien is

iemand die dit probleem kan oplossen ? want ik wordt wanhopig
Offline vinTage - 31/07/2008 20:30 (laatste wijziging 31/07/2008 20:34)
Avatar van vinTage Nieuw lid Mijn voorbeeld werkt gewoon (mss eens letten op je validatie anders ?

edit: live voorbeeldje

http://creator.be/storage/brol/test3.php?width=150
je kan dus klooien met die width in de url


Offline kickasgamer - 31/07/2008 21:56
Avatar van kickasgamer PHP ver gevorderde ik heb nu de hele code van jou gekopieerd en het werkt nu gewoon 

dus bedankt en nog es sorry voor die pm 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.171s