[TYPO3-UG Dutch] div menu in static plaatje

Wed Feb 21 12:07:50 CET 2007

beschouw het verschil tussen je head:

background-image: url(../fileadmin/image/_Dream_-Team-header.jpg);

en je menu:

background-image: url(fileadmin/image/_Dream_-Team-navigatiebalk.jpg);

Uitgaande dat ze in de zelfde map staan; en je head wel werkt.. gok ik dat

background-image: url(../fileadmin/image/_Dream_-Team-navigatiebalk.jpg);

wel gaat werken?

Verder- je menu zijn li-elementen? met css kan je die horizontaal laten 
uitlijnen.  volgens mij is zoiets voldoende?

(http://www.phoenity.com/newtedge/horizontal_nav/)

|//*** Nav bar styles ***//

ul.nav,
.nav ul{
//*Remove all spacings from the list items*//
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav{
	display: table;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}|

Melvin Struiksma schreef:
> 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>