[TYPO3-UG Dutch] css probleem
Roelof Wobben
rwobben at hotmail.com
Fri Feb 16 12:44:25 CET 2007
Hoi,
Ik heb mijn menu via de extenstie foldoutmenu gedaan.
De mapping heb ik via TV gedaan.
Dit werkte prima. maar omdat ik alle css op een plaats wilde houden, heb ik
de inline css verhuisd naar mijn externe css file.
Maar nu lijkt het css gedeelte van het menu niet meer te werken.
mijn html is :
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--
This website is powered by TYPO3 - inspiring people to share!
TYPO3 is a free open source Content Management Framework initially created
by Kasper Skaarhoj and licensed under GNU/GPL.
TYPO3 is copyright 1998-2006 of Kasper Skaarhoj. Extensions are copyright
of their respective owners.
Information and contribution at http://typo3.com/ and http://typo3.org/
-->
<link rel="stylesheet" type="text/css"
href="typo3temp/stylesheet_e99aac0be0.css" />
<title>Rootpage</title>
<meta name="generator" content="TYPO3 4.1 CMS" />
<script type="text/javascript"
src="typo3temp/javascript_757c080409.js"></script>
<script type="text/javascript"
src="typo3conf/ext/foldoutmenu/foldout.js"></script>
<link rel="stylesheet"
href="http://www.tamarawobben.nl/templates/tamara/css/template_css.css"
type="text/css" />
</head>
<body>
<div id="container">
<div id="head">
</div>
<div id="wrapper">
<div id="sidebar-1"><div id="menuz"><ul><li><A href="javascript:;"
onmousedown="zmenu.foldMenu('zmenu-3');return false;" style="cursor:
pointer;cursor: hand;" class="no"><img
src="typo3conf/ext/foldoutmenu/examples/vertical/images/arrow_right.gif"
width="9" height="9" border="0" align="top" id="zmenu-3-0" alt="Click to
open" title="Click to open" />Februari 2005</a><ul id="zmenu-3"><li><a
href="index.php?id=4" onfocus="blurLink(this);" class="no"><img
src="clear.gif" width="9" height="1" border="0" alt="" title="" />2 februari
2005</a></li></ul></li></ul></div>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
<!--
zmenu=new initFoldMenu();
zmenu.prefix = 'zmenu';
zmenu.autoFold = 1;
zmenu.startFolded = 1;
zmenu.foldCurrent = 1;
zmenu.enableCookie = 1;
zmenu.imagePath = 'typo3conf/ext/foldoutmenu/examples/vertical/images/';
zmenu.imageSwap = new Array(["arrow_right.gif","arrow_down.gif"]);
zmenu.altSwap = new Array(["Click to open","Click to close"]);
zmenu.setMenu("3");
// -->
/*]]>*/
</script></div>
<div id="content"><!--TYPO3SEARCH_begin--><!--TYPO3SEARCH_end--></div>
</div>
<div id="foot">
Design by <a href="http://www.ryanarrowsmith.com/">Ryan Arrowsmith</a>. Made
avaible by R. Wobben for Joomla</div>
</div>
<!-- START OF SITEMAPS.NL CODE //-->
<script type="text/javascript" language="javascript"
src="http://www.sitemaps.nl/script/js/smp.js.php"></script>
<noscript>
<a href="http://www.sitemaps.nl/" title="sitemaps.nl, maps voor op je
site"><img src="http://www.sitemaps.nl/media/images/sitemap.php"
alt="sitemaps.nl" /></a>
</noscript>
<!-- END OF SITEMAPS.NL CODE //-->
</body>
</html>
Mijn css is :
body
{
background-color: #F9D7F8;
color: #000000;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
font-size: 13px;
line-height: normal
}
p
{
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
font-size: 13px;
text-align: left;
padding-left: 10px;
padding-right: 10px;
}
a {
color: #000000;
text-decoration: none;
border : none ;
outline: none;
}
a:hover {
color: #000000;
text-decoration: none;
border : none ;
}
#sidebar-1 a
{
font-size: 13px;
text-align:left ;
margin: 0 1em 0 1em;
}
#head
{
text-align: center;
background: #F9D7F8 url('/template/tamara/images/bovenkant.jpg') no-
repeat top center;
height: 435px;
padding: 0;
margin: 0;
}
#container
{
width: 800px;
\width: 810px;
w\idth: 800px;
margin: 10px;
margin-left: auto;
margin-right: auto;
padding: 0;
background:#F9D7F8 url('/template/tamara/images/
tussenstuk.jpg') repeat-y top center;
}
#sidebar-1
{
float: left;
width: 170px;
\width: 170px;
w\idth: 170px;
margin: 10px;
margin-left: auto;
margin-right: auto;
/*margin-left: 20px;*/
/*margin-right: 5px;*/
padding-top: 100px;
}
#content
{
margin-left: 195px;
margin-right: 20px;
padding-top: 10px;
text-align: center;
}
#wrapper {
width: 700px;
\width: 710px;
w\idth: 700px;
margin: 10px;
margin-left: auto;
margin-right: auto;
text-align: left;
display: block;
}
#foot
{
clear: both;
margin-top: 5px;
text-align: right;
height: 153px;
background: #F9D7F8 url('/template/tamara/images/onderkant.jpg') no-
repeat top center;
font-size: 10px;
padding-right: 100px;
padding-top: 60px;
}
#sidebar-1 a
{
border: 0px;
color: #C00;
}
h1
{
font-weight: normal;
text-decoration:none;
font-family: Georgia, Times, Serif;
font-size: 3em;
}
h2
{
font-weight: normal;
font-family: Georgia, Times, Serif;
font-size: 1em;
font-style: italic;
text-indent: 20px;
}
h3
{
font-weight: normal;
font-family: georgia, times new roman, serif;
font-size: 33px;
line-height: 38px;
padding-left: 10px;
margin: 0;
margin-top: 20px;
text-align: left;
}
h3 a
{
border: 0px;
font-weight: normal;
font-family: Georgia, Times, Serif;
font-size: 1.5em;
}
h1 a, h2 a
{
border: 0px;
}
#menuz
{
width: 160px;
font: normal normal normal 11px/13px Arial, Helvetica, sans-
serif;
}
#menuz ul
{
list-style: none;margin: 0px;padding: 0px;
}
#menuz ul ul
{
display:none;
}
#menuz A.no, #menuz A.act
{
color: #000000;
text-decoration: none;
}
#menuz A.act, #menuz A.act:hover
{
font-weight : bold;
}
#menuz
{
border-top:1px solid black;border-right:1px solid black;
border-left:1px solid black;}
#menuz A
{
display:block;border-bottom:1px solid #005073;
padding: 3px 5px 3px 5px;
}
#menuz UL IMG
{
margin:2px 3px 2px 0px;
}
#menuz UL UL IMG
{
margin-left:6px;
}
#menuz UL UL UL IMG
{
margin-left:12px;
}
#menuz UL A
{
background: #0191cc;
}
#menuz UL A:hover
{
background: #80c8e6;
}
#menuz UL LI UL A
{
background: #3ebcef;
}
#menuz UL LI UL A:hover
{
background: #9fdef7;
}
#menuz UL LI UL LI UL A
{
background: #8dcff3;
}
#menuz UL LI UL LI UL A:hover
{
background: #c6e7f9;
}
#menuz UL LI UL LI UL LI UL A
{
background: #aee1fd;
}
#menuz UL LI UL LI UL LI UL A:hover
{
background: #ebf7fe;
}
Als ik het via T3 doe, zie je hetzelfde als hier :
htp://typo3.tamarawobben.nl
Als ik alles via losse files doe, zie ik wel mijn menu.
Wat heb ik verkeerd gedaan en hoe kijg ik dit weer aan het werk ?
groetjes,
Roelof
_________________________________________________________________
Nieuws: Windows Live Mail met rechtermuis- en versleepfuncties!
http://imagine-windowslive.com/mail/launch/default.aspx?Locale=nl-nl
More information about the TYPO3-UG-dutch
mailing list