[TYPO3-UG Dutch] div menu in static plaatje

Melvin Struiksma melvin.struiksma at omaha.nl
Wed Feb 21 11:52:35 CET 2007


Dit is mijn .css:
Overigens wat ik niet snap is waarom hij wel mijn header laat zien.

*{margin: 0; padding: 0;}

div#head {
position: absolute;
top: 15px;
left: 85px;
height: 140px;
width: 800px;
background-image: url(../fileadmin/image/_Dream_-Team-header.jpg);
background-repeat: no-repeat;
text-align: center;
}

div#head h1{
 margin-top: 1em;
}

div#content{
position: absolute;
top: 200px;
left: 50px;
height: 400px;
widht: 500px;
background: white;
color: red;
}

div#content p.bodytext{
margin-left: 1em
}

div#menu {
background-image: url(fileadmin/image/_Dream_-Team-navigatiebalk.jpg);
height: 40px;
widht: 800px;
}
 
div#menu{
position: absolute;
top: 158px;
left: 85px;
height: 40px;
width: 800px;
}

div#menu ul{
position: relative;
top: 10px;
left: 10px;
list-style: none;
font-family: Verdana, Arial, "Sans Serif";
font-size: 12px;
white-space: nowrap;
}

div#menu ul ul{
poistion: absolute;
top: 20px;
left: 10px;
}

div#menu ul li{
display: inline;
}

div#menu ul li a{
text-decoration: none;
color: red;
padding: 0 1em;
}

div#menu ul li ul li a{
text-decoration: none;
color: red;
font-size: .8em;
padding: 0 1em;
}

div#menu ul li a:hover{
color: red;
background: black;
}

div#menu ul li,actief a{
color: red;
font-weight: bold;
}

div#menu ul li.actief ul li a{
font-weight: normal;
}

div#menu ul li.actief ul li.actief a{
font-weight: bold;
}

div#menu ul li ul li a:hover{
font-weight: bold;
}

div#menu ul li.actief ul li a:hover{
font-weight: bold;
}





-----Oorspronkelijk bericht-----
Van: typo3-ug-dutch-bounces at lists.netfielders.de
[mailto:typo3-ug-dutch-bounces at lists.netfielders.de]Namens Thijs
Hakkenberg
Verzonden: woensdag 21 februari 2007 11:43
Aan: TYPO3 Usergroup Dutch
Onderwerp: Re: [TYPO3-UG Dutch] div menu in static plaatje




Melvin Struiksma schreef:
> Hehe...
>
> Ik ben een beetje gefrustreerd, dus daardoor dat jij mijn tekst niet
> begrijpt.
>
> Maar goed...
>
> ehm.. 
>
> Probleem is: 
>
> Ik wil graag mijn menu in een achtergrond hebben. 
>   
Je wilt een achtergrond plaatje in je menu hebben? ik begrijp uit deze 
stukjes:

temp.index.subparts.menu < temp.menu

en 

fileadmin/template/DreamTeam/index.html


Dat je je menu laat genereren in iets als dit: <div id="menu"> </div>?

als je in dat template een css-bestand include, dan kan je toch gewoon 
een bgimage inladen? bijvoorbeeld zo:

#menu {
    background-image: url(fileadmin/plaatje/plaatje.jpg);
}

eventueel een minimumhoogte instellen (height:Npx; waarin N de hoogte 
van je plaatje is)
> Ik wil graag mijn menu los van elkaar hebben en niet wanneer ik op 1
> knop druk, dat alle tekst als 1 tekst te zien wordt.
>   
dus het seccundair menu los van het eerste?
> Ik wil graag mijn typo3 script zodoende compleet hebben dat ik zonder
na
> te denken alleen mijn .css hoef aan te passen.
> Ik wil zo veel ....
> Ik wil graag mijn menu horizontaal uitgelijnd.
>   
horizontale items in plaats van verticaal?
> Oplossing:
>
> Ik weet het niet meer, ben alweer veeeeel te lang (derde dag vandaag)
> bezig met deze rotzooi.
> Denk er zwaar over om toch maar een website simpel en eenvoudig in
flash
> te gaan maken :)
>
> Als jij (of iemand anders) wil, kan ik de setup van typo3 en de .css
als
> .txt bestandjes toesturen.
>
> -----Oorspronkelijk bericht-----
> Van: typo3-ug-dutch-bounces at lists.netfielders.de
> [mailto:typo3-ug-dutch-bounces at lists.netfielders.de]Namens Daniel
> Doesburg
> Verzonden: woensdag 21 februari 2007 11:18
> Aan: typo3-ug-dutch at lists.netfielders.de
> Onderwerp: Re: [TYPO3-UG Dutch] div menu in static plaatje
>
>
> Ik ben momenteel niet al te fris. Dat zal de reden zijn dat ik je
vraag 
> niet begrijp.
>
> Ik knip even een paar stukjes uit je bericht.
>
> Melvin Struiksma schreef:
>   
>> Ja dat is inderdaad veel handiger, maar....
>>
>> ik ben met een proef website bezig n.a.v. een handleiding.
>> En in deze mooi verwoorden, zeer goed uitgelegde handleiding staat
>>     
> niet
>   
>> dat je verwijzingen moet maken naar je
>> .css.
>>     
>
>
>   
>> # CSS koppeling:
>> page.stylesheet = fileadmin/template/DreamTeam/style.css
>>
>>     
>
> Kun je je vraag nog een keer anders stellen. Misschien snap ik dan je 
> probleem.
>
>
> Groeten,
>
> Daniel Doesburg
> _______________________________________________
> TYPO3-UG-dutch mailing list
> TYPO3-UG-dutch at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch
> _______________________________________________
> TYPO3-UG-dutch mailing list
> TYPO3-UG-dutch at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch
>   

-- 

Thijs Hakkenberg,

------------------------------------------------------------------------
Voorzitter Stichting Ebriositas [ KVK: 34210081, Postbank 4906257]
www.ebriositas.nl <http://www.ebriositas.nl>
Student Natuurkunde UvA
www.uva.nl <http://www.uva.nl>
Systeembeheerder Stichting Varkens in Nood
www.varkensinnood.nl <http://www.varkensinnood.nl>

Contact:
Tel: 06-48761131
www.hakkenberg.com <http://www.hakkenberg.com>
thijs at hakkenberg.com <mailto:thijs at hakkenberg.com>

_______________________________________________
TYPO3-UG-dutch mailing list
TYPO3-UG-dutch at lists.netfielders.de
http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-dutch


More information about the TYPO3-UG-dutch mailing list