[TYPO3-english] content stays within template

[Tyler Kraft]

Because this line is broken
div#menu ul li a {
33
text-decoration: none;
color: black;
}

Remove the 33 and it'll work.

A quick idea, if it doesn't work as you expect try to validate the html 
and css

hth


Steef Janssen wrote:
> Ok this is the link
> 
> http://img357.imageshack.us/img357/5054/screenshotvk3.jpg
> 
> thanks,
> 
> Steef
> 
> Steef Janssen schreef:
>> Tyler Kraft schreef:
>>> Hi
>>>
>>> Please read the list rules - no attachments! Send a link to the item, 
>>> but don't post it.
>>>
>>>
>>>
>>>
>>> Steef Janssen wrote:
>>>> Finally I'm beginning to understand typo3 and it's functions better 
>>>> and it's way out of it's league compared to the 'popular' cms systems.
>>>>
>>>> Now I have the following 2 problems.
>>>>
>>>> I made a css file where I specified 3 different sections. The head, 
>>>> the menu and the body. I use images as background and I don't want 
>>>> the content I put in using typo3 to go out of the bounds of my design.
>>>> I added a screenshot.
>>>>
>>>> The second problem is I jsut can't get rid of the underlined links.
>>>> I think I put text-decoration: none just everywhere!
>>>> Here's my css file.
>>>>
>>>>> * {margin: 0; padding: 0;}
>>>>> div#kop {
>>>>> position: absolute;
>>>>> top: 100px;
>>>>> left: 250px;
>>>>> height: 138px;
>>>>> width: 750px;
>>>>> background-image:
>>>>> url('logo.jpg');
>>>>> color: red;
>>>>> text-align: center;
>>>>> }
>>>>> div#kop h1 {
>>>>> margin-top: 1em;
>>>>> }
>>>>> div#inhoud {
>>>>> position: absolute;
>>>>> top: 238px;
>>>>> left: 400px;
>>>>> height: 400px;
>>>>> width: 599px;
>>>>> background: white;
>>>>> background-image:
>>>>> url('inhoud.jpg');
>>>>> color: black;
>>>>> border-right: thin solid black;
>>>>> border-bottom: thin solid black;
>>>>> }
>>>>> div#inhoud p.bodytext {
>>>>> margin-left: 1em;
>>>>> }
>>>>> div#menu {
>>>>> position: absolute;
>>>>> top: 238px;
>>>>> left: 250px;
>>>>> height: 400px;
>>>>> width: 150px;
>>>>> background: white;
>>>>> background-image:
>>>>> url('menu.jpg');
>>>>> color: black;
>>>>> border-right: medium solid white;
>>>>> border-left: thin solid black;
>>>>> border-bottom: thin solid black;
>>>>> }
>>>>> div#menu ul {
>>>>> margin-left: 1em;
>>>>> margin-top: 1em;
>>>>> list-style: none;
>>>>> font-family: Verdana, Arial, "Sans Serif";
>>>>> font-size: 14px;
>>>>> text-decoration: none;
>>>>> }
>>>>> div#menu ul li ul {
>>>>> margin-left: .5em;
>>>>> margin-top: 0;
>>>>> text-decoration: none;
>>>>> }
>>>>> div#menu ul li a {
>>>>> 33
>>>>> text-decoration: none;
>>>>> color: black;
>>>>> }
>>>>> div#menu ul li ul li a {
>>>>> text-decoration: none;
>>>>> font-size: .8em;
>>>>> }
>>>>> div#menu ul li a:hover {
>>>>> font-weight: bold;
>>>>> color: white;
>>>>> }
>>>>> div#menu ul li.active a {
>>>>> font-weight: bold;
>>>>> color: white;
>>>>> }
>>>>> div#menu ul li.active ul li a {
>>>>> font-weight: normal;
>>>>> }
>>>>> div#menu ul li.active ul li.active a {
>>>>> font-weight: bold;
>>>>> }
>>>>> div#menu ul li ul li a:hover, div#menu ul li.active ul li a:hover {
>>>>> font-weight: bold;
>>>>> }
>>>>
>>>> Thanks in advance
>>>>
>>>>
>>>>
>>>>
>>>>
>>>> ------------------------------------------------------------------------ 
>>>>
>>>>
>> Hey,
>>
>> Sorry I'll put up a link asap.
>>
>> Thanks,
>>
>> Steef