login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Css probleem, kleuren... (Opgelost)

Offline Marly - 21/01/2009 20:35 (laatste wijziging 21/01/2009 20:41)
Avatar van MarlyHTML interesse Heb dus het probleem met de border opgeslost door de complete div dezelfde achtergrondkleur te geven...
Nu het volgende probleem...

Naast de 3 menu vakken blijft de kleur zichtbaar...
1 is nu weer wit, maar die andere 3 willen niet...
Hoe los ik dit op?

http://www.marly-it.nl/probleem11.jpg

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="subheader">
  2.  
  3.  <div class="subheader01">
  4.  </div>
  5.  
  6.  <div class="subheader1">
  7.   <img src="images/header.jpg" alt="mit" />
  8.  </div>
  9.  
  10.  <div class="subheader2">
  11.   <p>Website <br />
  12.   Ontwikkeling</p>
  13.  </div>
  14.  
  15.  <div class="subheader3">
  16.   <p>Content <br />
  17.   Management</p>
  18.  </div>
  19.  
  20.  <div class="subheader4">
  21.   <p>Internet <br />
  22.   Markteting</p>
  23.  </div>
  24.  
  25.  <div class="subheader04">
  26.  </div>
  27.  
  28. </div>


css code - Bekijk de code zonder highlighting - Klap code in 
  1. div.subheader {
  2.         background-color: #ff8e42;
  3.         margin-left: 0px;
  4.         width: 898px;
  5.         height: 153px;
  6.         border-left: 1px solid #aeaa9e;
  7.         border-right: 1px solid #aeaa9e;
  8.         float: left
  9. }
  10.  
  11. div.subheader01 {
  12.         background-color: #ffffff;
  13.         margin-left: 0px;
  14.         width: 25px;
  15.         height: 153px;
  16.         float: left;
  17. }
  18.  
  19. div.subheader1 {
  20.         margin-left: 0px;
  21.         width: 671px;
  22.         height: 153px;
  23.         float: left;
  24. }
  25.  
  26. div.subheader2 {
  27.         background-color: #ff8e42;
  28.         margin-left: 0px;
  29.         width: 178px;
  30.         height: 51px;
  31.         border-left: 1px dotted #ffffff;
  32.         float: left;
  33. }
  34.  
  35. div.subheader2 p {
  36.         color: #ffffff;
  37.         font-size: 14px;
  38.         font-weight: Bold;
  39.         margin-top: 7px;
  40.         margin-left: 15px;
  41. }
  42.  
  43. div.subheader3 {
  44.         background-color: #ff6517;
  45.         margin-left: 0px;
  46.         width: 178px;
  47.         height: 51px;
  48.         border-left: 1px dotted #ffffff;
  49.         border-top: 1px dotted #ffffff;
  50.         border-bottom: 1px dotted #ffffff;
  51.         float: left;
  52. }
  53.  
  54. div.subheader3 p {
  55.         color: #ffffff;
  56.         font-size: 14px;
  57.         font-weight: Bold;
  58.         margin-top: 7px;
  59.         margin-left: 15px;
  60. }
  61.  
  62. div.subheader4 {
  63.         background-color: #cc3200;
  64.         margin-left: 0px;
  65.         width: 178px;
  66.         height: 51px;
  67.         border-left: 1px dotted #ffffff;
  68.         float: left;
  69. }
  70.  
  71. div.subheader4 p {
  72.         color: #ffffff;
  73.         font-size: 14px;
  74.         font-weight: Bold;
  75.         margin-top: 7px;
  76.         margin-left: 15px;
  77. }
  78.  
  79. div.subheader04 {
  80.         background-color: #ffffff;
  81.         margin-left: 0px;
  82.         width: 23px;
  83.         height: 153px;
  84.         float: left;
  85. }

7 antwoorden

Gesponsorde links
Offline mathiasB - 21/01/2009 20:43 (laatste wijziging 21/01/2009 20:45)
Avatar van mathiasB HTML interesse Dus.. als ik het goed begrijp wil je de oranje vakken wit hebben?

Edit: zag net je vorige post.
Kan je hier een online voorbeeld van geven, dat zou wat makkelijker zijn.
Offline Marly - 21/01/2009 20:45 (laatste wijziging 21/01/2009 21:11)
Avatar van Marly HTML interesse Ja, rechts van de 3 (verschillende tinten) oranje moet het wit worden.
Net zoals de onderste, alleen het wil niet lukken...

edit:
http://www.marly-it.nl/probleem11.jpg
Hier het voorbeeld...
Offline Martijn - 21/01/2009 21:32
Avatar van Martijn Crew PHP waarom maak je dr niet gewoon 1 groot jpgtje van? van je hele banner?
Offline zointer - 21/01/2009 21:34
Avatar van zointer HTML gevorderde je zet toch die bepaalde background-color: #ff6517; van die bepaalde div op #FFFFFF?
Offline Marly - 21/01/2009 22:09
Avatar van Marly HTML interesse
DeviourSoul schreef:
waarom maak je dr niet gewoon 1 groot jpgtje van? van je hele banner?


Omdat tenkoste van de laadtijd gaat... (zal niet veel kosten maar toch)

zointer schreef:
je zet toch die bepaalde background-color: #ff6517; van die bepaalde div op #FFFFFF?


Dan werken die puntjes niet als afscheiding...
Nouja, als ze in IE wel werken werken ze in FF niet, en omgekeerd...

Moet toch een oplossing voor zijn lijkt mij?
Offline zointer - 21/01/2009 23:32
Avatar van zointer HTML gevorderde Je moet weten wat je wil hé, als je de div's wit wil kan je geen witte border gebruiken, anders begrijp ik je vraag niet?

En oplossing voor border in verschillende browser is met achtergrond image werken
http://www.pixe....asp?id=31
Offline Marly - 22/01/2009 22:17 (laatste wijziging 23/01/2009 21:45)
Avatar van Marly HTML interesse Morgen is even verder prutsen...
Moet lukken, zo niet gewoon verder prutsen ;)

In ieder geval bedankt

Edit:

Het is nu opgelost na beetje puzzelen ;)
De HTML en CSS aangepast, en heb het nu zoals ik het graag wil 

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="subheader">
  2.  
  3.  <div class="subheader1">
  4.  </div>
  5.  
  6.  <div class="subheader2">
  7.   <img src="images/header.jpg" alt="MIT" />
  8.  </div>
  9.  
  10.  <div class="subheader3">
  11.  
  12.   <div class="subheader31">
  13.   <p>Website <br />
  14.   Ontwikkeling</p>
  15.   </div>
  16.  
  17.   <div class="subheader32">
  18.   <p>Content <br />
  19.   Management</p>
  20.   </div>
  21.  
  22.   <div class="subheader33">
  23.   <p>Internet <br />
  24.   Markteting</p>
  25.   </div>
  26.  
  27.  </div>
  28.  
  29.  <div class="subheader4">
  30.  </div>
  31.  
  32. </div>


css code - Bekijk de code zonder highlighting - Klap code in 
  1. div.subheader {
  2.         background-color: #ffffff;
  3.         margin-left: 0px;
  4.         width: 898px;
  5.         height: 153px;
  6.         border-left: 1px solid #aeaa9e;
  7.         border-right: 1px solid #aeaa9e;
  8.         float: left
  9. }
  10.  
  11. div.subheader1 {
  12.         background-color: #ffffff;
  13.         margin-left: 0px;
  14.         width: 25px;
  15.         height: 153px;
  16.         float: left;
  17. }
  18.  
  19. div.subheader2 {
  20.         background-color: #ff6517;
  21.         margin-left: 0px;
  22.         width: 671px;
  23.         height: 153px;
  24.         float: left;
  25. }
  26.  
  27. div.subheader3 {
  28.         background-color: #ff6517;
  29.         margin-left: 0px;
  30.         width: 178px;
  31.         height: 153px;
  32.         float: left;
  33. }
  34.  
  35. div.subheader31 {
  36.         background-color: #ff8e42;
  37.         margin-left: 0px;
  38.         width: 178px;
  39.         height: 51px;
  40.         border-left: 1px dotted #ffffff;
  41.         float: left;
  42. }
  43.  
  44. div.subheader31 p {
  45.         color: #ffffff;
  46.         font-size: 14px;
  47.         font-weight: Bold;
  48.         margin-top: 7px;
  49.         margin-left: 15px;
  50. }
  51.  
  52. div.subheader32 {
  53.         background-color: #ff6517;
  54.         margin-left: 0px;
  55.         width: 178px;
  56.         height: 51px;
  57.         border-left: 1px dotted #ffffff;
  58.         border-top: 1px dotted #ffffff;
  59.         border-bottom: 1px dotted #ffffff;
  60.         float: left;
  61. }
  62.  
  63. div.subheader32 p {
  64.         color: #ffffff;
  65.         font-size: 14px;
  66.         font-weight: Bold;
  67.         margin-top: 7px;
  68.         margin-left: 15px;
  69. }
  70.  
  71. div.subheader33 {
  72.         background-color: #cc3200;
  73.         margin-left: 0px;
  74.         width: 178px;
  75.         height: 51px;
  76.         border-left: 1px dotted #ffffff;
  77.         float: left;
  78. }
  79.  
  80. div.subheader33 p {
  81.         color: #ffffff;
  82.         font-size: 14px;
  83.         font-weight: Bold;
  84.         margin-top: 7px;
  85.         margin-left: 15px;
  86. }
  87.  
  88. div.subheader4 {
  89.         background-color: #ffffff;
  90.         margin-left: 0px;
  91.         width: 25px;
  92.         height: 153px;
  93.         float: left;
  94. }
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.195s