login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Divs houden geen rekening met CSSfile

Offline bernd - 25/05/2008 04:26
Avatar van berndNieuw lid Hoi,

Ik heb een raar probleem met html en css. Bij sommige div's houden ze wel rekening met wat ik in de cssfile heb opgegeven maar sommige div's niet en komen er dus ook niet te staan? Ik heb me al dood gezocht maar heb niets kunnen vinden.

HTML:
http://www.plaatscode.be/8888/

CSS:
http://www.plaatscode.be/8889/

Alvast bedankt,
Bernd

3 antwoorden

Gesponsorde links
Offline Nanon - 25/05/2008 09:11
Avatar van Nanon PHP interesse Dat komt omdat je bijvoorbeeld .content en div.content hebt. Dit heeft allebei dezelfde werking. Als je tekst een class mee wilt geven, doe dit dan met <p></p> of <span></span>

Je tekst class zou dan worden;

p.content { }
<p class="content"></p>

En je div class zou gewoon blijven;

div.content { } óf .content
<div class="content"></div>
Offline JBke - 25/05/2008 09:48 (laatste wijziging 25/05/2008 09:52)
Avatar van JBke PHP gevorderde ja hebt id= en class= het verschil zit in het hergebruiken van de css. een id="id" schrijf je met #id { en class="class" schrijf je als .class {.

geef ook het beste betekenisvolle namen aan je tags. het kan dus wel perfect om 3 divjes te combineren bvb 1 main div met daar 2 float div in.

html code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="right_exclusive_sidebox">

  2.      <div class="right_exclusive_text" align="left">

  3.           <font style="font-size:16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold" color="#55BBC8">Get an<br />Exclusive</font>

  4.           <br />

  5.           <font style="font-size:20px; font-family: Helvetica, sans-serif; font-weight: bold" color="#FF0000">Deal</font>

  6.           <a href="{$index_script}?{$mode_name}=catalog">

  7.                <img src="{$images_dir}/raviaster/right_exclusive_bullet.gif" border="0" alt="" />

  8.           </a>

  9.      </div>

  10.      <div class="right_exclusive_logo" align="center">

  11.           <a href="{$index_script}?{$mode_name}=catalog">

  12.                <img src="{$images_dir}/raviaster/right_exclusive_logo.gif" border="0" alt="" />

  13.           </a>

  14.      </div>

  15. </div>


css code - Bekijk de code zonder highlighting - Klap code in 
  1. .right_exclusive_sidebox {
  2. 	height: 90px;
  3. 	width: 234px;
  4. 	margin-top: 30px;
  5. 	background-image: url(images/raviaster/right_exclusive_background.jpg);
  6. 	background-repeat: no-repeat;
  7. 	background-position: bottom center;
  8. }
  9. .right_exclusive_text {
  10. 	float: left;
  11. 	width: 74px;
  12. 	height: 70px;
  13. 	padding-left: 25px;
  14. 	padding-top: 15px;
  15. }
  16. .right_exclusive_logo {
  17. 	width: 105px;
  18. 	height: 60px;
  19. 	float: left;
  20. }
Offline bernd - 25/05/2008 11:59 (laatste wijziging 25/05/2008 12:00)
Avatar van bernd Nieuw lid Thx
Wat is het verschil tussen id en class meerdere malen gebruiken? Wat wil float zeggen, want dat gebruik ik nooit?
Hij luistert wel naar positie maar niet naar mijn bg-image. Ik moet hem bij de html invoegen als <img src='' .. om hem te kunnen laten zien. Dat heb ik bij menutop en alle buttons, hoe kan dat? Ik heb al alles nagekeken en dat heb ik nog nooit voor gehad.

http://plaatscode.be/8903/
http://plaatscode.be/8904/


Groetjes
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.214s