Een probleem met het invoegen van CSS

Status
Niet open voor verdere reacties.

LinkSan

Gebruiker
Lid geworden
28 sep 2007
Berichten
25
De site die ik maak is nog niet online en is bedoeld voor intranet. Ik ben met Frontpage 2003 aan de gang geweest om de website te maken en wilde er vervolgens via een CSS-generator een dropdown menu inzetten. Op de website waar ik de CSS heb gedownload werkte de preview versie wel goed, maar als sample werkt het drop down niet meer, waar ik pas achter kwam toen ik het in de html code had gezet. Dit is de code die ik heb:
HTML:
<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>template</title>
</head>

<body bgcolor="#F2F2E9">

<div align="center">
  <center>
  <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="1%" bgcolor="#FFFFFF">
    <tr>
      <td width="100%">
      <p align="center">
      <img border="0" src="image.jpg" width="152" height="244"><img border="0" src="newsheader3.jpg" width="445" height="277"></p>
      

      <p align="justify">&nbsp;</p>
      <p align="justify">&nbsp;</p>
      <p align="justify">&nbsp;</p>
      <p align="justify">&nbsp;</p>
      <p align="justify">&nbsp;</p>
      <p align="justify">&nbsp;</p>
      <p align="justify">&nbsp;</p>
      <p align="justify"><img border="0" src="image.gif" align="right" width="154" height="116"></td>
    </tr>
  </table>
  </center>
</div>

</body>

</html>
Kan iemand me vertellen hoe ik deze code er correct tussen kan krijgen?

HTML:
<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
<div>
<ul class="menu">
<li class="top"><a href="news.html" target="_self" class="top_link"><span>News</span></a>
</li>
<li class="top"><a href="" target="_self" class="top_link"><span>IT</span></a>
<ul class="sub">
<li><a href="support.html" target="_self">Support</a></li>
<li><a href="request.html" target="_self">Request</a></li>
<li><a href="share.html" target="_self">Common Share Drive</a></li>
<li><a href="faq.html" target="_self">FAQ</a></li>
</ul>
</li>
<li class="top"><a href="hr.html" target="_self" class="top_link"><span>HR</span></a>
</li>
<li class="top"><a href="marketing.html" target="_self" class="top_link"><span>Marketing</span></a>
</li>
<li class="top"><a href="" target="_self" class="top_link"><span>Call Ticket System</span></a>
<ul class="sub">
<li><a href="padnaarsite/" target="_self">The Netherlands</a></li>
<li><a href="padnaarsite" target="_self">Belgium</a></li>
</ul>
</li>
<li class="top"><a href="contact.html" target="_self" class="top_link"><span>Contact</span></a>
</li>
<li class="top"><a href="" target="_self" class="top_link"><span>Facebook</span></a>
<ul class="sub">
<li><a href="facebook-nl.html" target="_self">The Netherlands</a></li>
<li><a href="facebook-bel.html" target="_self">Belgium</a></li>
</ul>
</li>
</ul>
</div>
Ik heb de verwijzing naar het css bestand een keer veranderd van wat er staat, naar het volgende:
HTML:
<link rel="stylesheet" type="text/css" href="padnaarcss"/>
Het stond er toen wel in, maar de drop down functie werkte niet meer. Sorry dat ik al die text post, maar door een beveiliging in het systeem kan ik niks uploaden.
Alvast bedankt.
 
Laatst bewerkt:
Ik ga even gokken.
Waarschijnlijk had die site 'n geldig doctype. Dat kan haast niet anders bij 'n css dropdownmenu.
FrontPage gebruikt geen geldig doctype. Wat je dus zou kunnen proberen is om 'n geldig doctype bovenaan je pagina te zetten. Die kun je vinden op
http://www.w3.org/QA/2002/04/valid-dtd-list.html
(doctype én url daaronder overnemen).

Goeie kans dat je menu dan werkt en dat de rest nu 'n puinhoop is. FrontPage maakt namelijk volstrekt verouderde code, die meestal niet werkt bij gebruik van 'n doctype.
Als je menu 't wel doet met 'n doctype, weet je in ieder geval dat dat de reden is.
Ik zie nu dat de verwijzing naar je stylesheet eindigt op />. Dan gebruikt die site waarschijnlijk xhtml. Met dat doctype kan FrontPage gewoon niet uit de voeten, helaas.
 
Bedankt, ik heb dat doctype geprobeerd maar het zag er ongeveer hetzelfde uit. Ik ga ook niet meer verder met Frontpage, maar ben nu begonnen mezelf een beetje te verdiepen in Dreamweaver CS4.
Bedankt voor de info.
 
Dat lijkt me 'n uitstekende ruil, die je waarschijnlijk heel veel tijd en ergernis gaat besparen.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan