[TYPO3-english] content stays within template

[Steef Janssen]

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