login  Naam:   Wachtwoord: 
Registreer je!
 Forum

tekst gecentreerd boven afbeelding (Opgelost)

Offline san - 15/12/2008 10:41 (laatste wijziging 15/12/2008 10:52)
Avatar van sanHTML interesse Hoe kan ik er voor zorgen dat een bepaald stuk tekst wel links uitgelijnd word(dit heb ik met text-align: left) maar dan de complete tekst gecentreerd boven een afbeelding wordt geplaatst. Ik krijg het niet voor elkaar. De afbeelding krijg ik wel gecentreerd op de pagina maar de tekst verschijnt helemaal links van de pagina.
Als ik de text-align: left weghaal dan gebeurt het wel maar dan worden weer alle regels stuk voor stuk gecentreerd terwijl ik wil dat ze links uitgelijnd worden.

4 antwoorden

Gesponsorde links
Offline zointer - 15/12/2008 11:01 (laatste wijziging 15/12/2008 11:06)
Avatar van zointer HTML gevorderde vb zo;
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="width:800px;">
  2.  tekst gecentreerd boven afbeelding(deze links)<br />
  3.  <font style="text-align:center;">
  4.    Hoe kan ik er voor zorgen dat een bepaald stuk tekst wel links uitgelijnd word(dit heb ik met text-align: left) <br />
  5.    maar dan de complete tekst gecentreerd boven een afbeelding wordt geplaatst. Ik krijg het niet voor elkaar. <br />
  6.    De afbeelding krijg ik wel gecentreerd op de pagina maar de tekst verschijnt helemaal links van de pagina.<br />
  7.   <img src="" alt="" name="img" width="32" height="32" id="img" /> 
  8.  </font>
  9. </div>

of zo;
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="width:800px; text-align:left;"><!--edit:text-align moet niet als je de tekst niet wil uitlijnen staat deze altijd links -->
  2.  tekst gecentreerd boven afbeelding(deze links)<br />
  3.  <div style="text-align:center;">
  4.    Hoe kan ik er voor zorgen dat een bepaald stuk tekst wel links uitgelijnd word(dit heb ik met text-align: left) <br />
  5.    maar dan de complete tekst gecentreerd boven een afbeelding wordt geplaatst. Ik krijg het niet voor elkaar. <br />
  6.    De afbeelding krijg ik wel gecentreerd op de pagina maar de tekst verschijnt helemaal links van de pagina.<br />
  7.   <img src="" alt="" name="img" width="32" height="32" id="img" /> 
  8.  </div>
  9. </div>
Offline san - 15/12/2008 11:25
Avatar van san HTML interesse Het lukt mij nog steeds niet. Zal voor het gemak mijn volledige code geven.
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .verhaal {
  2. font-size: 12pt;
  3. font-style: italic;
  4. font-weight: bold;
  5. text-align: center;
  6. font-family: arial, verdana;
  7. color: #000000;
  8. margin-top: 50px;
  9. position: relativ;
  10. }
  11.  
  12. <div>
  13.   <div class="verhaal">
  14.      Deze regel moet dus wel in het midden van de pagina boven de afbeelding maar wel links uitgelijnd<br>Net als deze volgende regel.<br>En deze dan ook weer
  15.       </div> 
  16.     </div>
  17.  </div>
  18.  
  19.  <div>
  20.   <div margin top: "20px">
  21. <img src="content/balk3.jpg" align="centre">
  22. </div></div>
Offline zointer - 15/12/2008 11:35 (laatste wijziging 15/12/2008 11:39)
Avatar van zointer HTML gevorderde zo dus;
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .verhaal {
  2. font-size: 12pt;
  3. font-style: italic;
  4. font-weight: bold;
  5. text-align: left;
  6. font-family: arial, verdana;
  7. color: #000000;
  8. margin-top: 50px;
  9. position: relativ;
  10. width:500px;
  11.  
  12. }

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="text-align:center;">
  2.   <div class="verhaal">
  3.      Deze regel moet dus wel in het midden van de pagina boven de afbeelding maar wel links uitgelijnd<br>
  4. 	 Net als deze volgende regel.<br>
  5. 	 En deze dan ook weer
  6.   </div> 
  7. </div>
  8.  
  9. <div>
  10.   <div style="margin-top:20px; text-align:center;">
  11.     <img src="content/balk3.jpg">
  12.   </div>
  13. </div>

edit: bij volgende nutteloos code verwijderd;
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="text-align:center;">
  2.   <div class="verhaal">
  3.      Deze regel moet dus wel in het midden van de pagina boven de afbeelding maar wel links uitgelijnd<br>
  4. 	 Net als deze volgende regel.<br>
  5. 	 En deze dan ook weer
  6.   </div> 
  7.  
  8.   <div style="margin-top:20px; text-align:center;">
  9.     <img src="content/balk3.jpg">
  10.   </div>
  11. </div>
Offline san - 15/12/2008 11:51
Avatar van san HTML interesse Echt helemaal goed. Hartstikke bedankt!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.195s