login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS - DIV

Offline SlashDotCom - 07/05/2005 14:46
Avatar van SlashDotComLid Hello
Ik ben dus aan een website bezig voor een topradio zender
maar nu zit ik voor een probleem.
Ik ben dus afgestapt van tabellen en wil dus gaan werken met divs

Nu is mijn probleem het volgende.
Hoe kan ik ervoor zorgen dat de text in een bepaald vak blijft en dat de site naarmate de text langer is ook gewoon meerekt?

http://square-design.net/topradio/
Hier zie je dus het voorbeeld en ook wat er fout is.
En hier de code
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <title>Welkom</title>
  6. <style type="text/css">
  7. @font-face
  8. {
  9. font-family: "Vrinda";
  10. src: url(http://www.square-design.net/fonts/Vrinda.ttf);
  11. }
  12. a:hover
  13. {
  14. color:#0000CC;
  15. font-size:10px;
  16. }
  17. div.aangepastfont
  18. {
  19. font-family: "Vrinda";
  20. }
  21. </style>
  22. </head>
  23.  
  24. <body bgcolor="DADDDF">
  25. <div align="center"><img src="header.gif" /></div>
  26. <div align="center"><img src="images/index_02.jpg" /><a href="index.php?pagina=main"><img src="images/index_03.jpg" border="0" /></a><img src="images/index_04.jpg" /><a href="index.php?pagina=contact"><img src="images/index_05.jpg" border="0" /></a><img src="images/index_06.jpg" /><a href="index.php?pagina=chat"><img src="images/index_07.jpg" border="0" /></a><img src="images/index_08.jpg" /><a href="index.php?pagina=vally"><img src="images/index_09.jpg" border="0" /></a><img src="images/index_10.jpg" /><a href="index.php?pagina=shaq"><img src="images/index_11.jpg" border="0" /></a><img src="images/index_12.jpg" /></div>
  27. <div align="center" class="aangepastfont"></div>
  28. <div align="center" class="aangepastfont" ><img src="images/index_15.jpg" /><img src="images/index_16.jpg" /><img src="images/index_17.jpg" /></div>
  29. <div align="center"><img src="images/index_19.jpg" /><?
  30. if(!$_GET['pagina'])
  31. $_GET['pagina'] = "main";
  32.  
  33. if(file_exists($_GET['pagina'].'.php'))
  34. include($_GET['pagina'].'.php');
  35. else
  36. include("error.php");
  37.  
  38. ?><img src="images/index_21.jpg" /></div>
  39. <div align="center"><img src="images/index_22.jpg" /><img src="images/index_23.jpg" /><img src="images/index_24.jpg" /></div>
  40. <div align="center" class="aangepastfont"><img src="images/index_26.jpg" /></div>
  41. </body>
  42. </html>

12 antwoorden

Gesponsorde links
Offline Legolas - 07/05/2005 14:48
Avatar van Legolas Onbekend in je include page, moet je ook ALLEEN content zetten, dus geen div tags o.i.d. en ZEKER geen html of body tags
Offline SlashDotCom - 07/05/2005 14:50 (laatste wijziging 07/05/2005 14:51)
Avatar van SlashDotCom Lid Het bestand dat ik include heeft geen divs
zal eens proberen met die html en body tags te verwijderen.

edit
het werkt nog steeds niet
Offline Robin - 07/05/2005 14:54 (laatste wijziging 07/05/2005 14:56)
Avatar van Robin Grafische interesse Daar ben ik nie zo zeker van hoor Legolas, teminste bij mij werkt het tot nu toe altijd^^ . Als je wilt dat je div uitrekt naar onder zodra je meer tekst erbij krijgt, lijkt het mij dat je geen hoogte instelt bij je div code

  1. #tekst{
  2. border: 1px solid #000000;
  3. width: 200px;
  4.  
  5. }


Dan rekt de div gewoon mee naar beneden als er meer tekst bijkomt. Als dit is wat je bedoelt. Anders horen we het wel:D
Offline Legolas - 07/05/2005 14:57
Avatar van Legolas Onbekend volgens mij is het de bedoeling dat die 2 afbeeldingen als borders dienen. zoja, zeg dat dan meteen, kan ik het mss ff uitzoeken.
@Robin:
dan is het ook zeker niet meer valid html. is gewoon slordig:p
Offline Robin - 07/05/2005 14:59
Avatar van Robin Grafische interesse ow, okee^^ Weer wat geleerd
Offline SlashDotCom - 07/05/2005 14:59 (laatste wijziging 07/05/2005 15:00)
Avatar van SlashDotCom Lid edit
Te laat
Offline SlashDotCom - 07/05/2005 17:05
Avatar van SlashDotCom Lid niemand een oplossing?
Offline Legolas - 07/05/2005 17:06
Avatar van Legolas Onbekend jawel, die 2 afbeeldingen die onder en bovenaan je text staan, als borders gebruiken.
Offline SlashDotCom - 07/05/2005 17:11 (laatste wijziging 07/05/2005 18:07)
Avatar van SlashDotCom Lid en hoe doe je dit precies?
ben nieuw in het CSS wereldje 


Niemand
Offline Robin - 07/05/2005 18:13 (laatste wijziging 08/05/2005 09:03)
Avatar van Robin Grafische interesse Om te beginnen zal ik je maar gelijk kennis laten maken met CSS. Hier op sitemasters hebben ze daar hele mooie tutorials voor gemaakt. CSS is heel makkelijk maar je moet er even mee ge-oefend hebben.

http://www.site...&id=13

Als je een paar van deze tutorials hebt doorgelezen en wat zelf hebt getest weet ik zeker dat je er wat wijzer van bent geworden.

Offline Fenrir - 08/05/2005 09:08
Avatar van Fenrir PHP expert Je moet echt eerst css leren voordat je er wat mee kunt. Je kunt toch ook niet eerst een website maken, en dan html leren?
Offline Meteor - 08/05/2005 09:21
Avatar van Meteor Lid K heb eerst een homepage gemaakt met frontpage en daarna pas html geleerd 
nu kan k goed valid xhtml strict en css2 

mjah je moet gwn border maken of als je eigen image wilt dan kan je het beste een lange image de beide kanten van de borders heeft en van 1px hoogte maken. Daarna gwn als background zetten.
Normaal gezien werkt het dan.

Trouwes als je een iets ingewikkelder lay-out maakt dan krijg al vaak problemen met IE of FF dus moet je een beetje gaan puzzelen of nieuwe opbouw proberen 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.188s