login  Naam:   Wachtwoord: 
Registreer je!
 Forum

text netjes uitlijnen

Offline xellos - 04/04/2010 20:41 (laatste wijziging 04/04/2010 20:43)
Avatar van xellosLid hoe kan ik text netjes uitlijnen?

ik heb text-align:center;
alleen dan komt het zo


................................................bla bla bla blabla bla bla bla
.........................................................bla bla bla bla bla bla
...................................................bla bla bla bla bla bla
terwijl het zo moet komen (let niet op de puntjes)

........................................bla bla bla bla bla bla
........................................bla bla bla bla bla bla
........................................bla bla bla bla bla bla

hoe kan ik dit oplossen?

13 antwoorden

Gesponsorde links
Offline kiwi - 04/04/2010 20:46
Avatar van kiwi Nieuw lid waar staat de text-align?
geef eens je script, dan kunnen we eventueel zien waar er een fout zit
Offline meerweten - 04/04/2010 20:47
Avatar van meerweten Lid zonder code (van zowel html en css) kunnen wij niet zeggen wat er verkeerd is
Offline xellos - 04/04/2010 21:08
Avatar van xellos Lid de css van de div waar alles in staat.
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #main{
  2. display:inline;
  3. border: 1px black solid;
  4. width:625px;
  5. height:420px;
  6. float: right;
  7. margin-top:20px;
  8. margin-right:10px;
  9. text-align:center;
  10. font-size:12px;
  11. }
Offline WouterPSV - 04/04/2010 23:01
Avatar van WouterPSV Lid probeer eens padding te gebruiker

Dus padding-left: 20px;

Denk dat hem moet zijn dan
Offline xellos - 05/04/2010 22:47
Avatar van xellos Lid dat werkt wel maar mijn div wordt dan ook verplaatst wat heel vaag is.
hier de css van de div
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #main{
  2. position:absolute;
  3. display:inline;
  4. border: 1px black solid;
  5. width:580px;
  6. height:430px;
  7. float: right;
  8. margin-top:20px;
  9. margin-right:10px;
  10. padding-left:75px;
  11. font-size:12px;
  12. }
Offline kiwi - 05/04/2010 23:42
Avatar van kiwi Nieuw lid Geef anders eens een screenshot van wat er werkelijk komt
Offline meerweten - 06/04/2010 10:37
Avatar van meerweten Lid en mss de hele css en html zou ook handig zijn
zou niet de eerste keer zijn dat de fout ergens anders shuilt zonder het te weten dat het uberhoupt can
Offline xellos - 06/04/2010 12:05
Avatar van xellos Lid
css code - Bekijk de code zonder highlighting - Klap code in 
  1. body{
  2. background:url(../img/background.gif);
  3. font-family: Verdana, Arial, Helvetica, sans-serif;
  4. font-size:12px;
  5. }
  6.  
  7. a{
  8. text-decoration:none;
  9. font-style:none;
  10. color:#2850a1;
  11. }
  12. #loginimage{
  13. position:relative;
  14. float:left;
  15. background-color:none;
  16. background: url(../img/loginimg.png) no-repeat;
  17. width:200px;
  18. height:150px;
  19. }
  20. #logincontend{
  21. padding:5px 15px 5px 20px;
  22. }
  23.  
  24. #container{
  25. background-color:#dfe1e5;/*414244*/
  26. position:absolute;
  27. left:50%;
  28. margin-left:-400px;
  29. width:800px;
  30. height:580px;
  31.  
  32. }
  33.  
  34. #header{
  35. width:800px;
  36. height:100px;
  37. background:url(../img/header1.jpg) no-repeat;
  38. }
  39.  
  40. #info{
  41. border-bottom: 1px solid black;
  42. color:#2850a1;
  43. }
  44.  
  45. #menu{
  46. background: url(../img/menuback.png) no-repeat;
  47. width:140px;
  48. height:200px;
  49. float:left;
  50. margin:20px 0px 0px 10px;
  51. padding:10px 0px 0px 10px;
  52. font-size:15px;
  53. }
  54. img{
  55. border-style:none;
  56. }
  57. ul {
  58. list-style-type: none;
  59. margin: 0px;
  60. padding: 0px
  61. }
  62.  
  63. #main{
  64. position:absolute;
  65. display:inline;
  66. border: 1px black solid;
  67. width:550px;
  68. height:430px;
  69. float: right;
  70. margin-top:20px;
  71. font-size:12px;
  72. padding-left:75px;
  73. }
  74. #main p{
  75. font-size:14px;
  76. font-family: Verdana, Arial, Helvetica, sans-serif; 
  77. text-align:center;
  78. }
  79.  
  80. #bottom{
  81. position:absolute;
  82. width:800px;
  83. height:20px;
  84. text-align:center;
  85. font-weight: bold;
  86. left:50%;
  87. margin-left:-400px;
  88. margin-top:585px;
  89. }
  90.  
  91. input.userinfo{
  92. width:100px;
  93. margin:5px;
  94. border:1px solid black;
  95. }
  96. input.loginknoppen{
  97. width:60px;
  98. margin:5px 10px 10px 5px;
  99. }


de css


html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5.  
  7. <link rel="stylesheet" type="text/css" href="css/mainstyle.css"/> 
  8. <title>The code master</title>
  9.  
  10. </head>
  11.  
  13. <div id="loginimage">
  14. <div id="logincontend"><?php include("login.php");?> </div>
  15. </div>
  16. <div id="container">
  17. <div id="header"></div>
  18. <div id="info"><?php include('timenow.php');?></div>
  19. <div id="menu">
  20. <?php include("menu.php");?>
  21. </div>
  22. <div id="main">
  23. <?php include("menuswitch.php");?>
  24.  
  25. </div>
  26. </div>
  27.  
  28. <div id="bottom">Copyright 2010</div>
  29.  
  30.  
  31. </body>
  32.  
  33. </html>


de html
Offline meerweten - 06/04/2010 13:54
Avatar van meerweten Lid ik zie nergens directe fouten in staan

welk programma gebruik je voor het schrijven van je codes?
dreamwaver cs 4 is wel een aanrader (demo kan je downloaden)
kan je zien waar je fouten zijn door op 1 knop te drukken
Offline xellos - 06/04/2010 14:35
Avatar van xellos Lid notepad++
Offline WouterJ - 06/04/2010 16:43
Avatar van WouterJ HTML gevorderde Zie ook geen directe fouten.
Heb je misschien ook een online voorbeeld?
Dat kijkt altijd wat makkelijker.
Offline Esli - 06/04/2010 16:48 (laatste wijziging 06/04/2010 16:48)
Avatar van Esli PHP interesse
Waldio schreef:
...
Heb je misschien ook een online voorbeeld?
...

Idd
Offline gnotrgnotr - 06/04/2010 19:20
Avatar van gnotrgnotr Nieuw lid Heb je in de css wel in dat stukje code:
position: asbolute;

misschien is dat de fout ??
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.19s