Banner met menu

Status
Niet open voor verdere reacties.
L

Los-Cuentos

Gebruiker
Lid geworden
11 jun 2009
Berichten
261
Hallo

Ik moet voor mijn eindwerk een website maken in HTML.
Mijn onderwerp is FC Barcelona.
Ik heb een banner gemaakt in fireworks en daarin zitten als mijn menutitels.
Sommige menutitels moeten subtitels bevatten( vb: Team -> spelers, Club -> geschiedenis)
De website maak ik in Dreamweaver CS5.
Mijn vraag is dus hoe ik zo die menu's interactief kan maken.
Zodat als ik met mijn muis erover ga, ik die kan aanklikken of dat er een submenu verschijnt.

Heb het plaatje hierbij gestoken

Alvast bedankt

banner4.jpg
attachment.php
 
Vanuit het oogpunt van website-techniek is dat nou niet bepaald een goeie oplossing.

Een mooie banner in je header is een goed idee,
maar links zou je niet in deze vorm moeten aanbieden.

Er zijn meerdere redenen (bijv. accessability, SEO) om links op te nemen in een HTML-element
zoals
HTML: 
<p>link</p>
of nog liever in een lijst-vorm
HTML: 
<ul>
<li>link a</l>
<li>link b</l>
<li>link c</l>
<ul>

Nog een reden om het op deze manier te doen, is dat je ze dan makkelijker kunt stylen en in een later stadium de styling ook makkelijker kunt aanpassen.

Nu zul je voor een werkstuk waarschijnlijk snel klaar willen zijn
en aanpassing in de toekomst is dan misschien ook niet aan de orde
maar de bedoeling van zo'n werkstuk is natuurlijk wel dat je het goed leert toepassen.
 
dan moet ik de tekst apart in de banner plaatsen net zoals nu maar dan in dreamweaver?

Mvg
 
aer0101 zei:
dan moet ik de tekst apart in de banner plaatsen net zoals nu maar dan in dreamweaver?
Klik om te vergroten...

UH....ik weet niet precies hoe je dat bedoelt,
maar de banner is een plaatje en
daarin kun je geen html-code plaatsen.
Maar misschien begrijp ik je verkeerd.


Als je de getoonde banner wilt gebruiken,
zou je een div moeten maken waarin je de html-code van de links plaatst
en dan de banner gebruiken als background-image.

Dat heeft ook weer nadelen want de banner is waarschijnlijk niet schaalbaar.

Brengt me op het volgende idee:
een header (div) met alleen de Barca-kleuren als achtergrond (gradient)
en in die header met aparte divjes de drie elementen positioneren:
- Barca logo
- FCB World
- menu
 
Ik heb wat gekeken en heb nu het volgende resultaat (zie bijlage)
Hoe kan ik nu een menu aanmaken in de banner.
Heb al geprobeert een AP Div te tekenen in de banner maar dan stelt hij alles in op mijn paginamarges en nie op de Div waarin de banner zich bevindt

Alvast bedanktNaamdefzloos.jpg
 
Laatst bewerkt:
Hoi aer0101,
Je kunt een uitklapbare menubalk met de hand maken in de code-weergave, maar DW CS5 kan dat ook automatisch in de ontwerpweergave doen met de "Horizontale Spry Menubalk".
Voor het eerste heb je wat meer css-kennis nodig; het laatste zou je kunnen doen als je weinig tijd hebt.
Recept! Men neme bv.:
Daar staat o.a. ook een link op naar een video-tutorial. :)

Met vriendelijke groet,
CSShunter
 
ja maar mijn banner zit ook in een DIV tag en graag wil ik daarin een DIV tag maken maar als ik dat doe moet ik de positie instellen op de pagina zelf en niet op de DIV tag wat als gevolg meebrengt als de browser verkleint mijn menu zich verplaatst
 
Hoi aer0101,
  1. O.
  2. Vijf minuten lucht happen.
  3. O ja?
Oftewel:
ja maar jouw banner zit best wel in een DIV tag en graag wil je daarin een DIV tag maken met het menu en dat kan ook want als je dat doet moet je de positie niet instellen op de pagina zelf maar wel op de DIV tag wat als gevolg meebrengt dat als de browser verkleint jouw menu zich dus verplaatst samen met de achtergrond maar om hiervan een uitklapmenu te maken is weer een heel ander verhaal met vriendelijke groet csshunter
:)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan