[TYPO3-english] content stays within template

[Steef Janssen]

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