login  Naam:   Wachtwoord: 
Registreer je!
 Forum

tekst binnen div houden

Offline kickasgamer - 06/03/2009 22:47
Avatar van kickasgamerPHP ver gevorderde ik heb een scriptje om code te highlighten en weer te geven met regelnummers maar nu heb ik het probleem dat de tekst soms te lang is ofja niet breder mag zijn dan de omliggende content div

hier zie je een vb van het probleem de tekst zou binnen het grijze vlak moeten blijven maar hoe krijg ik dat voor mekaar ?

VB: http://img4.imageshack.us/img4/9897/testd.jpg

code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. $lines = explode('<br />', $highlighted);
  2.             echo '<div class="container_code">' . "\n";
  3.             echo '<div class="linenr">' . "\n";
  4.             foreach ($lines as $lineID => $line)
  5.             {
  6.                 $spaces = strlen(count($lines)) - strlen($lineID + 1);
  7.                 for ($i = 0; $i < $spaces; $i ++)
  8.                 {
  9.                     echo '&nbsp;';
  10.                 }
  11.                 echo $lineID + 1 . '<br />' . "\n";
  12.             }
  13. 			echo '</div>' . "\n";
  14.             echo '<div class="codeline">' . "\n";
  15.             foreach ($lines as $line)
  16.             {
  17.                 echo $line . '<br />' . "\n";
  18.             }
  19.             echo '</div>' . "\n";
  20.             echo '</div>' . "\n";


CSS:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. div.linenr{
  2. width: 5%;
  3. float: left;
  4. background-color: #F2F2F2;
  5. font-size: 9pt; 
  6. font-family: "Courier New"; 
  7. }
  8. div.codeline{
  9. width: 95%;
  10. float: left;
  11. background-color: #F2F2F2;
  12. font-size: 9pt; 
  13. font-family: "Courier New";
  14. }
  15. div.container_code{
  16. width: 100%;
  17. }


ik hoop dat jullie me kunnen helpen

6 antwoorden

Gesponsorde links
Offline PRO - 06/03/2009 23:23
Avatar van PRO JS interesse http://www.w3schools.com/Css/pr_pos_overflow.asp
Offline denniseik - 07/03/2009 09:51
Avatar van denniseik Lid Dat kan je doen met overlow, css.
Offline kickasgamer - 07/03/2009 10:11
Avatar van kickasgamer PHP ver gevorderde ja met die overflow werkt het maar nu wordt die div waarin de codes komen iets meer uitegerekt en is die groter dan mijn container die wat rond de content zit (waar iedere pagina word in ingegeladen)

hoe los ik dat dan op ?
Offline denniseik - 07/03/2009 10:26
Avatar van denniseik Lid Je werkt nu met procenten ? Je zou ook gewoon je afmetingen kunnen regelen met pixels. Dan moet alles kloppen denk ik.  
Offline kickasgamer - 07/03/2009 11:33 (laatste wijziging 07/03/2009 11:43)
Avatar van kickasgamer PHP ver gevorderde ah eens kijken dan 

EDIT: nee width in pixels meegeven werkt ook niet ik begrijp er dus totaal niks meer van, maar dan maar wat verder zoeken
Offline PRO - 07/03/2009 21:06
Avatar van PRO JS interesse Wellicht een padding er op? haal je padding eens weg en test nogmaals.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.198s