login  Naam:   Wachtwoord: 
Registreer je!
 Forum

tekst in divjes komt onder elkaar ipv naast elkaar

Offline Clemens32 - 18/04/2007 21:52
Avatar van Clemens32PHP interesse Kan iemand mij vertellen waarom text en text2 onder elkaar komen te staan ipv naast elkaar.
Om uit te leggen wat ik wil doe ik het even in tabellen:

<table>
<tr>
<td>text</td>
<tdtext2</td>
</tr>
</table>

maar dan in divjes.

Dit is mijn code:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.   <meta http-equiv="content-type" content="text/html; charset=windows-1250" />
  5.   <title>Bla Bla</title>
  6.   </head>
  7.   <body>
  8.         <div style="vertical-align: top;"><img src="./images/header1.jpg" alt="" /></div>
  9.         <div style="vertical-align: top;"><img src="./images/header2.jpg" alt="" /></div>
  10.         <div style="width: 170px; height: 400px; border-right: 1px dotted #cae83b;">text</div>
  11.         <div style="float: left; width: 630px; height: 400px;">text2</div>
  12.   </body>
  13. </html>

6 antwoorden

Gesponsorde links
Offline Xan - 18/04/2007 21:56
Avatar van Xan HTML interesse bij de div met 'text' ook float:left; toevoegen
Offline bertmelis - 18/04/2007 22:00 (laatste wijziging 18/04/2007 22:01)
Avatar van bertmelis PHP interesse Uw divs en floats kloppen niet eh.

Het makkelijkst is als volgt:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="float:left">header 1</div>
  2. <div">header 2</div>
  3. <div style="float:left">text1</div>
  4. <div>text2</div>

(niet getest!)

float:left wil zeggen dat het element waarin deze regel staat links wordt gezet en de volgende elementen aan de rechterkant van het element komen te staan.
Offline Clemens32 - 18/04/2007 22:08
Avatar van Clemens32 PHP interesse @Xan --> Klopt bedankt.

@bertmelis --> Ik heb het niet geprobeerd omdat die andere optie werkt.
Maar als ik het zo doe zoals jij zegt, hoe zet ik dan 3 divjes naast elkaar?
Offline bertmelis - 18/04/2007 22:16
Avatar van bertmelis PHP interesse 2de div ook floaten, of eerste 3de div in source zetten en die float:right doen.

http://www.goog...n&meta=
Offline Clemens32 - 18/04/2007 22:30
Avatar van Clemens32 PHP interesse ok, dank je wel.
Nu heb ik hetvolgede.
Ik wil de complete site in het middel uitlijnen.
Zoals ik het nu heb lukt het niet.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="vertical-align: top; text-align: center;"><img src="./images/header1.jpg" alt="" /></div>
  2.         <div style="vertical-align: top; text-align: center;"><img src="./images/header2.jpg" alt="" /></div>
  3.         <div style="float: left; width: 170px; height: 400px; border-right: 1px dotted #cae83b;">
  4.             <div style="text-align: right; margin-right: 15px; margin-top: 10px; font-family: Verdana; font-size: 12px; font-weight: bold; color: #88a2bd;">
  5.                 <div>home</div>
  6.                 <div>foto album</div>
  7.                 <div>nieuws pagina</div>
  8.                 <div>ditjes en datjes</div>
  9.                 <div>gastenboek</div>
  10.                 <div>contact</div>
  11.             </div>
  12.         </div>
  13.         <div style="float: left; width: 630px; height: 400px; margin-left: 20px; margin-top: 10px;">text2</div>
Offline nvleeuwen88 - 18/04/2007 23:31
Avatar van nvleeuwen88 HTML interesse Bij de div waar al de andere div's in staat moet je het volgende toevoegen

margin: 0 auto; dan krijg je alles in het midden ik denk dat je dat bedoelt
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2025 Sitemasters.be - Regels - Laadtijd: 0.189s