login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Dom vraagje CSS

Offline citexx - 11/04/2006 18:26
Avatar van citexxNieuw lid Ik heb dit gemaakt met CSS http://www.citexx.nl/maketoire/temp/

Maar ik wil die linkjes links onder elkaar laten gaan
  1. <?php
  2. include ('style.php') ;
  3. ?>
  4.  
  5. <div class="menu">
  6. <a href="#" class="mainlevel">Home</a>
  7. <a href="#" class="mainlevel">Foto</a>
  8. <a href="#" class="mainlevel">About us</a>
  9. <a href="#" class="mainlevel">Contact</a>
  10. </div>
  11.  
  12. <div class="content">
  13. Content</div>


dit is de css
  1. <style type="text/css">
  2.  
  3. .menu {
  4. position: absolute;
  5. list-style-type:none;
  6. border: 1px dashed #000000;
  7. left: 8px;
  8. padding: 0px;
  9. width: 150px;
  10. }
  11.  
  12. a.mainlevel:link, a.mainlevel:visited {
  13. text-align: left ;
  14. text-decoration: none;
  15. list-style-type:none;
  16. color: #FC6401;
  17. float: left;
  18. font-size: 11px;
  19. padding: 4px;
  20. color: #000000;}
  21.  
  22. a.mainlevel:hover { color: #0099FF;
  23. text-decoration:underline;
  24. }
  25.  
  26. .content {
  27. border-top: 1px dashed #000000;
  28. border-right: 1px dashed #000000;
  29. border-bottom: 1px dashed #000000;
  30. margin-left: 150px;
  31. padding: 0px;
  32. margin-right: 15px;
  33. width:700px;
  34. }
  35. </style>


Sorry dat ik het niet goed kan uitleggen :s

11 antwoorden

Gesponsorde links
Offline vinTage - 11/04/2006 18:27 (laatste wijziging 11/04/2006 18:27)
Avatar van vinTage Nieuw lid
  1. <div class="menu">
  2. <a href="#" class="mainlevel">Home</a><br />
  3. <a href="#" class="mainlevel">Foto</a><br />
  4. <a href="#" class="mainlevel">About us</a><br />
  5. <a href="#" class="mainlevel">Contact</a><br />
  6. </div>
Offline letscode - 11/04/2006 18:27
Avatar van letscode HTML beginner dan zet je toch <br /> achter elke link? dus zo:
  1. <div class="menu">
  2. <a href="#" class="mainlevel">Home</a><br />
  3. <a href="#" class="mainlevel">Foto</a><br />
  4. <a href="#" class="mainlevel">About us</a><br />
  5. <a href="#" class="mainlevel">Contact</a>
  6. </div>
Offline citexx - 11/04/2006 18:31 (laatste wijziging 11/04/2006 19:25)
Avatar van citexx Nieuw lid Ja dat dacht ik ook maar toen kreeg ik dit http://www.citexx.nl/maketoire/temp/

Of is het bij jullie normaal
Offline BramBo - 11/04/2006 19:26
Avatar van BramBo JS gevorderde in je a.mainlevel :

clear : left;

verder kan je :link gewoon weg laten
Offline b4nkr0bz0r - 11/04/2006 19:26
Avatar van b4nkr0bz0r PHP gevorderde Ik zie geeneens HTML-tag's ?

<doctype>
<html>

<head>
<title><title>
<!--- hier je css -->
</head>

<body>
<!-- hier je HTML code -->
</body>

</html>
Offline citexx - 11/04/2006 19:30 (laatste wijziging 11/04/2006 19:32)
Avatar van citexx Nieuw lid Nee ik weet het al
  1. padding: 4px;
moet zijn
  1. padding: 0px;
on line 19 


Maar nu wil ik van die streepjes onder die links hebben zoals het menu'tje van sitemasters.Be

Hoe doe ik dit ? of moet ik een nieuw topic openen
Offline Chupskie - 11/04/2006 19:35
Avatar van Chupskie MySQL beginner dat heeft toch te maken met de text decoration: dotted 
Offline Rens - 11/04/2006 19:39
Avatar van Rens Gouden medaille

Crew algemeen
Nee.
Dat heeft te maken met de border.
Dus bijvoorbeeld:
  1. border: 1px solid #000000;

Zal een border van 1 pixel geven, strakke lijn en zwarte kleur.
  1. border: 1px dashed #000000;

Zal een border van 1 pixel geven, gestreepte lijn en zwarte kleur.

Dus je geeft eerst de dikte op, dan soort lijn en dan de kleur.
Offline Simon - 11/04/2006 19:40
Avatar van Simon PHP expert hier werken ze met tabellen, dus doen ze <td style="border-bottom:1px dashed #000000;">tekst</td>
Offline Chupskie - 11/04/2006 19:43
Avatar van Chupskie MySQL beginner Owjah klopt dat was het, sorry ;)
had me even vergist, excuses:D
Offline citexx - 11/04/2006 19:52
Avatar van citexx Nieuw lid En hoelaat ik dan automatisch onder een link zetten?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.24s