login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Probleem in CSS en Html (Opgelost)

Offline Drieske - 17/01/2008 15:18
Avatar van DrieskeLid Hallo

Ik heb een probleem met mijn code en weet niet hoe ik dit kan oplossen.

Een screen voor verduidelijking

http://www.it-blog.be/test.png

Ik zou willen dat de DIV van naam avatar steeds tot beneden loopt en de tekst daarnaast dus er mooi naast blijft en niet eronder komt!

Dit zijn mijn code:

CSS

css code - Bekijk de code zonder highlighting - Klap code in 
  1. /* Comments */
  2. div.comments
  3. {
  4. 	margin-left: 17px;
  5.  
  6. 	width: 550px;
  7. 	font-family: "Trebuchet MS",Tahoma,sans-serif;
  8.  
  9. 	font-size: 0.8em;
  10.  
  11. 	text-align: justify; 
  12. 	border: 1px solid #cccccc;
  13. 	background-color: #e6e6e6;
  14. }
  15. div.commentinfo
  16. {
  17.  
  18. 	width: 100px;
  19. 	font-family: "Trebuchet MS",Tahoma,sans-serif;
  20.  
  21. 	font-size: 0.9em;
  22. 	float: left;
  23.  
  24. 	text-align: justify;
  25. 	border-right: 1px dotted #cccccc;
  26. 	background-color: #d6d6d6;
  27. }


HTML
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. </div><br>
  2. <div class="comments">
  3. <div class="commentinfo">
  4. Naam
  5. Avatar
  6.  
  7. </div>
  8. felis felis bibendum ipsum, vel accumsan mi purus sit amet purus. Phasellus fringilla imperdiet metus. Aliquam consequat. Proin ornare commodo leo. Vestibulum sodales leo non urna. Maecenas facilisis lorem sed lectus. Mauris elementum nisl nec sem laoreet malesuada. Aliquam eleifend tellus ut enim tincidunt posuere. Vivamus dui sapien, vehicula nec, suscipit quis, auctor et, nunc. Morbi feugiat augue in lacus. Sed ornare, justo non bibendum imperdiet, quam ante
  9. </div>

1 antwoord

Gesponsorde links
Offline Ontani - 17/01/2008 15:54
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 voor zo'n dingen kunnen tables nog wel gemakkelijk zijn. en anders:
html code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="position: relative">

  2.  <div style="position: absolute; top: 0px; left: 0px; width: 100px;">

  3.   Avatar

  4.  </div>

  5.  <div style="margin-left: 100px;">

  6.   Content

  7.  </div>

  8. </div>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.155s