login  Naam:   Wachtwoord: 
Registreer je!
 Forum

eerste css site

Offline knoopa - 05/05/2006 19:19 (laatste wijziging 05/05/2006 20:02)
Avatar van knoopaOnbekend http://skatelife.awardspace.com/menu.php
dit is mijn eerste css site maar hoe zet ik de content:
Citaat:
Welkom op mijn site
naast het menu inplaats van eronder?

BTW ik wil mijn css file extern maken maar hoe doe ik dat?

27 antwoorden

Gesponsorde links
Offline Ontani - 05/05/2006 20:22
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 http://www.site...&id=90
Offline knoopa - 05/05/2006 20:25 (laatste wijziging 05/05/2006 20:29)
Avatar van knoopa Onbekend ok maar hoe maak ik hem extern want ik heb al vanalles geprobeert

waaronder dit
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <link href="../style/rollover menu.css" rel="stylesheet" type="text/css" />
Offline Maarten - 05/05/2006 20:35
Avatar van Maarten Erelid Spaties in een bestandsnaam.. goed bezig 
Offline knoopa - 05/05/2006 20:37
Avatar van knoopa Onbekend ik heb ook al
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <link href="../style/style.css" rel="stylesheet" type="text/css" />
gedaan (en bestand ook zo genoemd natuurlijk)
Offline Maarten - 05/05/2006 20:53
Avatar van Maarten Erelid En bestaat het bestand wel op die locatie..
Geef eens de absolute URL van het bestand.
Offline knoopa - 05/05/2006 21:02
Avatar van knoopa Onbekend de site is op
php code - Bekijk de code zonder highlighting - Klap code in 
  1. D:\website\menu.php

en de stylesheet op
php code - Bekijk de code zonder highlighting - Klap code in 
  1. D:\website\style\style.css
Offline Maarten - 05/05/2006 21:04 (laatste wijziging 05/05/2006 21:04)
Avatar van Maarten Erelid Dus waarom zet je die .. er in godsnaam voor 
Gewoon style/style.css dus.
Offline knoopa - 05/05/2006 21:33
Avatar van knoopa Onbekend dat werkt ook niet
Offline Ultimatum - 05/05/2006 21:45
Avatar van Ultimatum PHP expert wel in <head>? en je <head> weer in <html>
Offline Wanted - 06/05/2006 11:04
Avatar van Wanted Onbekend @skatelife...

Als je een bestand linkt met spaties in...

Even een voorbeeldje:

Bestandsnaam : Style sheet.css

link moet dan zijn : .../Style%20sheet.css


@Murfy

In principe kan het geen kwaad als er spaties in een bestandsnaam zijn...zolang je %20 in de plaats van een spatie zt , werkt het:-)
Offline Maarten - 06/05/2006 13:01
Avatar van Maarten Erelid Variabelen binnen quotes werken ook, betekent dat dat je het moet doen?

Toon eens de inhoud van die style.css..
Offline knoopa - 07/05/2006 14:18 (laatste wijziging 07/05/2006 14:19)
Avatar van knoopa Onbekend
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <!--
  2.  
  3. body {
  4. 	background-color: #D5D6AE;
  5. }
  6.  
  7. ul.sidemenu {
  8. 	padding: 0;
  9. 	margin: 0;
  10. 	list-style: none;
  11. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  12. 	font-size: 0.8em;
  13. 	border-bottom: 1px solid #6F3E04;
  14. 	width: 100px;
  15. 	background-color: #EEEEDC;
  16. }
  17.  
  18. ul.sidemenu li {
  19. 	border-top: 1px solid #6F3E04;
  20. 	border-left: 1px solid #6F3E04;
  21. 	border-right: 1px solid #6F3E04;
  22. }
  23.  
  24. ul.sidemenu li a {
  25. 	text-decoration: none;
  26. 	display: block;
  27. 	width: 78px;
  28. 	color: #333333;
  29. 	font-weight: bold;
  30. 	padding: 2px 10px;
  31. }
  32.  
  33. ul.sidemenu li a:hover {
  34. 	background-color: #B9BB79;
  35. 	color: #EEEEDC;
  36. }
  37.  
  38. -->
Offline BarTeL - 07/05/2006 14:54
Avatar van BarTeL Nieuw lid laat die

<!--

en

--> maar weg 
Offline Ontani - 07/05/2006 15:18
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 laat die maar staan. altijd beter als er nog mensen zouden zijn met zeer oude browsers. dan wordt dit tenminste als commentaar bekeken en niet gewoon als text op de pagina gezet.
ik heb ook altijd die <!-- en --> staan.
Offline Grayen - 07/05/2006 15:48
Avatar van Grayen PHP ver gevorderde zo kan het toch? die:
Citaat:
welkom op mijn site

naast het menu zetten.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. <!--
  3.  
  4. body {
  5. 	background-color: #D5D6AE;
  6. }
  7.  
  8. ul.sidemenu {
  9. 	padding: 0;
  10. 	margin: 0;
  11. 	list-style: none;
  12. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  13. 	font-size: 0.8em;
  14. 	border-bottom: 1px solid #6F3E04;
  15. 	width: 100px;
  16. 	background-color: #EEEEDC;
  17. }
  18.  
  19. ul.sidemenu li {
  20. 	border-top: 1px solid #6F3E04;
  21. 	border-left: 1px solid #6F3E04;
  22. 	border-right: 1px solid #6F3E04;
  23. }
  24.  
  25. ul.sidemenu li a {
  26. 	text-decoration: none;
  27. 	display: block;
  28. 	width: 78px;
  29. 	color: #333333;
  30. 	font-weight: bold;
  31. 	padding: 2px 10px;
  32. }
  33.  
  34. ul.sidemenu li a:hover {
  35. 	background-color: #B9BB79;
  36. 	color: #EEEEDC;
  37. }
  38.  
  39. div.content {
  40. 	background-color: #B9BB79;
  41. 	align: right;
  42.         float: left;
  43. #menu {
  44.         float:left;
  45. }
  46. -->
  47. </style>
  48. </head>
  49.  
  50. <body bgcolor="#FFFFFF" text="#000000">
  51. <div id="menu">
  52. <ul class="sidemenu">
  53. <li><a href="home.html">Home</a></li>
  54. <li><a href="gallery.html">Gallery</a></li>
  55. <li><a href="about.html">About</a></li>
  56. <li><a href="contact.html">Contact</a></li>
  57. </ul>
  58. </div>
  59. <div class="content">
  60. Welkom op mijn site
  61. </div>
  62. </body>
  63. </html>
Offline kokx - 07/05/2006 15:48
Avatar van kokx Onbekend @Ontani: Volgensmij gebruik jij xhtml toch?? Dan hoort dat niet. Als je xhtml gebruikt moet je het volgende doen (in css):
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. /* <![CDATA[ */
  3. hier je css
  4. /* ]]> */
  5. </style>
Offline Ontani - 07/05/2006 15:51
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 /* */
is enkel voor commentaar in je css

die <!-- en --> zorgt ervoor dat als browsers geen css snappen de css code niet gewoon op de pagina verschijnt maar als commentaar in je html code. heeft niets met xhtml te maken
Offline kokx - 07/05/2006 15:54
Avatar van kokx Onbekend @Ontani: Een goede xhtml browser parsed ook alles tussen <style> en </style> en ook SGML comments. Door dit in CDATA te veranderen wordt het niet geparsed.
Offline Ontani - 07/05/2006 15:56
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 daar ging het nu net om
Citaat:
met zeer oude browsers

dus goede xhtml browsers vallen niet onder die categorie
Offline knoopa - 08/05/2006 21:35 (laatste wijziging 12/05/2006 15:17)
Avatar van knoopa Onbekend @grayen dan staan ze nog onder elkaar

ik kan ze wel uitlijnen maar ze blijven onder elkaar staan

EDIT: kun je ook op een of andere manier vertikaal uitlijnen????
Offline knoopa - 31/05/2006 15:54
Avatar van knoopa Onbekend kun je bij
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <li>
ook inplaats van zo'n bolletje een plaatje zetten?
Offline marten - 31/05/2006 16:10
Avatar van marten Beheerder zal je handmatig moeten doen 
Offline Ontani - 31/05/2006 16:11
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 http://msdn.mic...eimage.asp
Offline Pieter - 31/05/2006 16:19 (laatste wijziging 31/05/2006 16:20)
Avatar van Pieter Gouden medaille

SEO guru		 En misschien nog iets handiger:
http://www.giga...ls-bullets/
Offline knoopa - 31/05/2006 17:48 (laatste wijziging 31/05/2006 17:50)
Avatar van knoopa Onbekend oke dan weet ik genoeg
Offline marten - 31/05/2006 17:50
Avatar van marten Beheerder <li><img src=""></li>

Zo 
Offline knoopa - 31/05/2006 17:51 (laatste wijziging 03/06/2006 18:10)
Avatar van knoopa Onbekend @marten dan staat dat bolletje er nog steeds voor en ik weet het al

EDIT
Citaat:
ul {
float: left;
}

.content {
float: left;
}
werkt wel maar ik wil 3 divs langs elkaar en dan werkt het niet 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.299s