Banner

Status
Niet open voor verdere reacties.

jjjvandaalen

Gebruiker
Lid geworden
22 sep 2007
Berichten
99
Ik heb op een pas gemaakte website een banner staan, waarbij het sprymenu bij een aantal browsers onder de banner door uitrolt. Daar is niks aan te doen, want een banner zit standaard altijd in de bovenste laag. Ik heb nu geprobeerd de banner in de code te verplaatsen naar een andere plaats op de pagina. Dat was zowel boven het sprymenu als boven danwel onderin de header. De header bestaat uit een afbeelding, die in de background staat van de bannerdiv. Daardoor bedekt de banner de afbeelding (met logo ! ) teveel. Als ik de banner in de code simpel verplaats tot boven het sprymenu, ontstaat er een te grote witte ruimte tussen de header en het sprymenu... Dat wil ik dus ook niet. Mijn bedoeling is eigenlijk om de banner onderop de header(-afbeelding!) te plaatsen met een aangepaste achtergrond van de banner. Hoe los ik dit op?
 
Laatst bewerkt:
Hoi johanjoost,
... Hoe los ik dit op?
Waarschijnlijk in fases.
  • Fase 1: even een linkje posten, waaruit html, css, spry-menu en afbeeldingen blijken. ;)
Met vriendelijke groet,
CSShunter
 
Linkje

Ik heb dus nu de banner net boven het sprymenu geplaatst om te voorkomen dat in sommige browsers -de nieuwsten- het menu onder de banner zullen uitrollen. Echter dit is ook weer niet de bedoeling. Het plaatse van de banner in de header mislukte ook door de afbeelding daarin. Misschien boven de header in de container of body? Of nog iets anders? Het moet wel XHTML 1.0 Strict blijven.

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welkom bij Medin</title>
<link href="medin.css" rel="stylesheet" type="text/css" />
<script src="scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="print.css" rel="stylesheet" type="text/css" media="print" />
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<meta http-equiv="" content="Copyrights 2010 by Joost van Daalen (Firepoint) www.webdesignobdam.nl" />
<meta name="description" content="Mindfulness meditatie is een bijzondere techniek, waarbij u een basishouding aanleert van loslaten, geduld, acceptatie en mildheid" />
<meta name="keywords" content="Meditatie, Mindfulness, innerlijke rust" />
<meta name="ROBOTS" content="INDEX, FOLLOW"/>
<meta name="REVISIT-AFTER" content="after 10 Days"/>
<base href="http://designontwerp.com/"/>

</head>

<body>    
<div id="container1">
  <div id="container2">
    <div id="header">
        <h1><a href="/"><span>Medin: meditatie en inzicht</span></a></h1>      
    </div>
<div class="centreren" id="banner">
        <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','468','height','40','src','banner/medin4','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','banner/medin4' ); //end AC code
</script>       
   </div>
    
    <div id="menu">
      
        <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a href="index.html" class="MenuBarItemSubmenu">Home</a>
            <ul>
              <li><a href="info.html">Introductie</a></li>
              <li><a href="reacties.html">Cursisten zeggen</a></li>
            </ul>
        </li>
          <li><a href="locatie.html" class="MenuBarItemSubmenu">Locatie</a>
            <ul>
              <li><a href="amstelveen.html">Amstelveen</a></li>
              <li><a href="landsmeer.html">Landsmeer</a></li>
            </ul>
        </li>
          <li><a href="leraar.html">Leraar</a> </li>
          <li><a href="workshop.html" class="MenuBarItemSubmenu">Workshop</a>
            <ul>
              <li><a href="bedrijf.html">Bedrijf</a></li>
            </ul>
        </li>
          <li><a href="fontana.html" class="MenuBarItemSubmenu">Kuren</a>
            <ul>
              <li><a href="http://www.fontananieuweschans.nl/nl/menu/lifestyle-kuren/mindfulness-meditatie">Fontana</a></li>
            </ul>
        </li>
          <li><a href="#linksmedin.html" class="MenuBarItemSubmenu">Links</a>
        <ul>
              <li><a href="downloads.html">Downloads</a> </li>
              <li><a href="meditatieboeken.html">Meditatieboeken</a></li>
              <li><a href="meditatiehulp.html">Meditatiehulp</a></li>
              <li><a href="#netwerken.html" class="MenuBarItemSubmenu">Netwerken</a>
                <ul>
                  <li><a href="http://www.facebook.nl/login.php" >Facebook</a></li>
                  <li><a href="http://www.webs.com" >Freewebs</a></li>
                  <li><a href="http://www.hyves.nl" >Hyves</a></li>
                  <li><a href="http://www.linkedin.com/groupsDirectory" >Linkedin</a></li>
                  <li><a href="http://www.schoolbank.nl" >Schoolbank</a></li>
                  <li><a href="http://www.webloggen.nl" >Webloggen</a></li>
                  <li><a href="http://login.live.com/" >Windows Live</a></li>
                </ul>
            </li>
              <li><a href="nieuwsbrieven.html">Nieuwsbrieven</a></li>
                <li><a href="relaties.html">Relaties</a>                      </li>
                <li><a href="teksten.html">Teksten</a></li>
              <li><a href="#videos.html" class="MenuBarItemSubmenu">Video's</a>
                  <ul>
                    <li><a href="boeddhisme.html">Boeddhisme</a></li>
                    <li><a href="mindfulness.html">Mindfulness</a></li>
                    <li><a href="wetenschap.html">Wetenschap</a></li>
                  </ul>
              </li>
              </ul>
        </li>
      <li><a href="#contact.html" class="MenuBarItemSubmenu">Contact</a>
            <ul>
              <li><a href="#aanvragen.html" class="MenuBarItemSubmenu">Aanvragen</a>
                  <ul>
                    <li><a href="http://www.meditatieeninzicht.nl/Jiframeformulier.htm">Contactformulier</a></li>
                    <li><a href="http://www.meditatieeninzicht.nl/JiframeformulierNieuwsb.htm">Nieuwsbrief</a></li>
                  </ul>
              </li>
              <li><a href="sitemap.html">Sitemap</a></li>
              <li><a href="mailto:Medin@chello.nl">Webmaster</a></li>
            </ul>
        </li>
        </ul>
      <br />
      </div>
      
      
        <div id="rightColumn">
          <div class="floatright" id="afbeelding2"><a href="http://www.fontananieuweschans.nl/nl/menu/lifestyle-kuren/mindfulness-meditatie"><img src="afbeeldingen/jpg/afbeelding 924.jpg" alt="stamper" width="126" height="87" usemap="#fontana" class="afbeelding" longdesc="http://www.fontananieuweschans.nl/nl/menu/lifestyle-kuren/mindfulness-meditatie" /></a><a href="&quot;http://www.fontananieuweschans.nl/nl/menu/lifestyle-kuren/mindfulness-meditatie&quot;"><img src="afbeeldingen/jpg/afbeelding 335.jpg" alt="sessie" width="126" height="94" usemap="#fontana" class="afbeelding" longdesc="http://www.fontananieuweschans.nl/nl/menu/lifestyle-kuren/mindfulness-meditatie" /></a></div>
        </div>
        
<div id="leftColumn">
          <div class="floatleft" id="afbeelding1"><a href="http://www.fontananieuweschans.nl/nl/menu/lifestyle-kuren/mindfulness-meditatie"><img src="afbeeldingen/jpg/logo.jpg" alt="leraar" width="126" height="92" usemap="#fontana" class="geen_kader" longdesc="http://www.fontananieuweschans.nl/nl/menu/lifestyle-kuren/mindfulness-meditatie" /></a>
<map name="fontana" id="fontana">
  <area shape="rect" coords="0,1,0,1" href="#" alt="" />
</map>
<a href="http://www.fontananieuweschans.nl/nl/menu/lifestyle-kuren/mindfulness-meditatie"><img src="afbeeldingen/jpg/logo1.jpg" alt="fontana" width="126" height="148" usemap="#fontana" class="geen_kader" longdesc="http://www.fontananieuweschans.nl/nl/menu/lifestyle-kuren/mindfulness-meditatie" /></a></div>

        
      </div>
      
      <div id="content">
      <p><span class="contactgegevens"><span class="rood_klein">P</span><span class="philipvanderlinde">hilip van der Linde</span></span><span class="philipvanderlinde">, telefoon: 06 15 66 27 24,</span> <span class="groen_klein"><br />
e</span><span class="contactgegevens"><span class="email">-mail: </span></span><span class="rood_klein">medin</span><span class="philipvanderlinde">@chello.nl</span></p>
          <h3><span class="groen">M</span>indfullness <span class="blauw">M</span>editatie <span class="rood">I</span>nnerlijke Rust</h3>
        <ul><li>Als u wilt ontdekken of meditatie u meer <span class="vet">innerlijke rust</span> en <span class="vet">geluk</span> brengt.</li> 
             <li>Als u wilt leren minder te <span class="vet">piekeren</span>.</li> 
             <li>Als u uw <span class="vet">intuïtie</span> wilt ontwikkelen.</li>
             <li>Als u het gevoel heeft dat samen mediteren <span class="vet">prettiger</span> is en een bijdrage levert aan <span class="vet">continuïteit</span>.</li>
        <li>Als u ervaringen wilt <span class="vet">uitwisselen</span> in een veilige omgeving.</li>
        </ul>
           <p class="centreren"><a href="info.html">Lees verder</a></p>
    </div>   
      <div class="footera" id="footer">
        <p><a href="http://www.webdesignobdam.nl">&copy; Copyright &amp; Design by</a> <a href="mailto:info@webdesignobdam.nl">Firepoint</a> <a href="http://www.webdesignobdam.nl">2010.</a> <a href="mailto:Medin@chello.nl">Webmaster: Philip van der Linde, Medin</a></p>
      </div>
  </div>
 </div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>

Hoi johanjoost,

Waarschijnlijk in fases.
  • Fase 1: even een linkje posten, waaruit html, css, spry-menu en afbeeldingen blijken. ;)
Met vriendelijke groet,
CSShunter
 
Ja, nu kunnen we iets zien.
En toen ik 'm zag ... kreeg ik heel erg het gevoel: Hier zijn we al eens geweest. :d

Op 7 sept. schreef ik in nr. #6 van dit andere topic in het forum o.a.:
  • Ik zou daarom de flash boven het menu zetten (met een background in de onderste kleur van de header, en aangepaste letterkleur), dan kan deze geen kwaad.
  • En dan is hier een test-modelletje: www.developerscorner.nl/csshunter/tests/medin-model.htm :)
  • Menu en flash zijn hier voor het gemak plaatjes.

Als ik de banner in de code simpel verplaats tot boven het sprymenu, ontstaat er een te grote witte ruimte tussen de header en het sprymenu... Dat wil ik dus ook niet.
  • Wat je nu gedaan hebt, is in de css de #banner een hoogte van 60px geven.
  • Maar de banner zelf is maar 40px hoog (staat in de html).
  • Dan kan je nameten dat de te grote witte ruimte 20px hoog is. :P

Mijn bedoeling is eigenlijk om de banner onderop de header(-afbeelding!) te plaatsen met een aangepaste achtergrond van de banner. Hoe los ik dit op?

Dat lijkt als 2 druppels water op:
Als ik de banner op de afbeelding probeer te plaatsen is de hele header weg, ook niet de bedoeling. Ook wanneer ik de banner boven de header in de code plaats lukt dat niet...
Dat bespraken we al hier in nr. #16 van dit eerdere topic.
In nr. #13 van een ander topic bespraken we op 14 sept. hoe de banner-swf op een valid-html-manier ingebakken kon worden.
Daarbij was model 3: de banner onderaan in de header (vlak boven het menu)
Daarbij was model 5: de banner helemaal bovenaan de pagina.

Het moet wel XHTML 1.0 Strict blijven.
Daar was voor gezorgd: in model 5 (valid html4.01, maar dat komt op hetzelfde neer). Helemaal naar beneden scrollen en klikken op de link naar de validator.
In de overige voorbeelden hoeft alleen de swf op dezelfde manier opgenomen te worden als in model 5, dan valideren die ook.
:)

Intussen heb je de naam van de header-afbeelding gewijzigd; in mijn voorbeelden was de img-src doorgelinkt naar jouw site, dus die doet het niet meer in bovenstaande voorbeelden.
Met de gewijzigde naam voor de header-img zijn dezelfde voorbeelden nu:
Nu zijn ze weer te zien.

Kortom, ik denk dat alle ingrediënten om er een mooie cake van te bakken al aanwezig zijn. ;)

Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
Reactie

Ik heb nu de banner kunnen verplaatsen tot onder de header, alles heb ik nu op elke pagina aangepast en nog wat kleinere en onverwachte foutjes verwijderd. Alles is nu XHTML 1.0 Strict Dank voor je ondersteuning!Resultaat. In Firefox staat alles goed, de oudere versie va IE doen wat moeilijk. De nieuwere IE's niet.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Locatie Amstelveen, YCA</title>
<link href="medin.css" rel="stylesheet" type="text/css" />
<script src="scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="print.css" rel="stylesheet" type="text/css" media="print" />
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<meta http-equiv="" content="Copyrights 2010 by Joost van Daalen (Firepoint) www.webdesignobdam.nl" />
<meta name="description" content="Mindfulness meditatie is een bijzondere techniek, waarbij u een basishouding aanleert van loslaten, geduld, acceptatie en mildheid" />
<meta name="keywords" content="Locatie Amstelveen, YCA" />
<meta name="ROBOTS" content="INDEX, FOLLOW"/>

<meta name="REVISIT-AFTER" content="after 10 Days"/>
<base href="http://designontwerp.com/"/>
</head>

<body>    
<div id="container1">
  <div id="container2">
    <div id="header">
        <h1><a href="/"><span>Medin: meditatie en inzicht</span></a></h1>
    </div>
<div class="centreren" id="banner">
        <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','468','height','40','src','banner/medin4','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','banner/medin4' ); //end AC code

</script>
    </div>
    
    <div id="menu">
      
        <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a href="index.html" class="MenuBarItemSubmenu">Home</a>
            <ul>
              <li><a href="info.html">Introductie</a></li>
              <li><a href="reacties.html">Cursisten zeggen</a></li>

            </ul>
        </li>
          <li><a href="locatie.html" class="MenuBarItemSubmenu">Locatie</a>
            <ul>
              <li><a href="amstelveen.html">Amstelveen</a></li>
              <li><a href="landsmeer.html">Landsmeer</a></li>
            </ul>

        </li>
          <li><a href="leraar.html">Leraar</a> </li>
          <li><a href="workshop.html" class="MenuBarItemSubmenu">Workshop</a>
            <ul>
              <li><a href="bedrijf.html">Bedrijf</a></li>
            </ul>
        </li>

          <li><a href="fontana.html" class="MenuBarItemSubmenu">Kuren</a>
            <ul>
              <li><a href="http://www.fontananieuweschans.nl/nl/menu/lifestyle-kuren/mindfulness-meditatie">Fontana</a></li>
            </ul>
        </li>
          <li><a href="#linksmedin.html" class="MenuBarItemSubmenu">Links</a>
        <ul>

              <li><a href="downloads.html">Downloads</a> </li>
              <li><a href="meditatieboeken.html">Meditatieboeken</a></li>
              <li><a href="meditatiehulp.html">Meditatiehulp</a></li>
              <li><a href="#netwerken.html" class="MenuBarItemSubmenu">Netwerken</a>
                <ul>
                  <li><a href="http://www.facebook.nl/login.php" >Facebook</a></li>

                  <li><a href="http://www.webs.com" >Freewebs</a></li>
                  <li><a href="http://www.hyves.nl" >Hyves</a></li>
                  <li><a href="http://www.linkedin.com/groupsDirectory" >Linkedin</a></li>
                  <li><a href="http://www.schoolbank.nl" >Schoolbank</a></li>
                  <li><a href="http://www.webloggen.nl" >Webloggen</a></li>
                  <li><a href="http://login.live.com/" >Windows Live</a></li>

                </ul>
            </li>
              <li><a href="nieuwsbrieven.html">Nieuwsbrieven</a></li>
                <li><a href="relaties.html">Relaties</a>                      </li>
                <li><a href="teksten.html">Teksten</a></li>
              <li><a href="#videos.html" class="MenuBarItemSubmenu">Video's</a>

                  <ul>
                    <li><a href="boeddhisme.html">Boeddhisme</a></li>
                    <li><a href="mindfulness.html">Mindfulness</a></li>
                    <li><a href="wetenschap.html">Wetenschap</a></li>
                  </ul>
              </li>
              </ul>

        </li>
      <li><a href="#contact.html" class="MenuBarItemSubmenu">Contact</a>
            <ul>
              <li><a href="#aanvragen.html" class="MenuBarItemSubmenu">Aanvragen</a>
                  <ul>
                    <li><a href="http://www.meditatieeninzicht.nl/Jiframeformulier.htm">Contactformulier</a></li>
                    <li><a href="http://www.meditatieeninzicht.nl/JiframeformulierNieuwsb.htm">Nieuwsbrief</a></li>

                  </ul>
              </li>
              <li><a href="sitemap.html">Sitemap</a></li>
              <li><a href="mailto:Medin@chello.nl">Webmaster</a></li>
            </ul>
        </li>
        </ul>
      <br />

      </div>
      
      
        <div id="rightColumn">
          <map name="fontana" id="fontana">
          <area shape="rect" coords="7,0,150,146" href="http://www.fontananieuweschans.nl/nl/menu/lifestyle-kuren/mindfulness-meditatie" alt="fontana" />
          </map>
        <div class="floatright" id="afbeelding2"> <img src="afbeeldingen/jpg/afbeelding 335.jpg" alt="sessie" width="140" height="110" usemap="#fontana" class="afbeelding" longdesc="http://www.fontananieuweschans.nl/nl/menu/lifestyle-kuren/mindfulness-meditatie"/><img src="afbeeldingen/jpg/afbeelding 326.jpg" alt="sessie" width="142" usemap="#fontana" class="afbeelding" longdesc="http://www.fontananieuweschans.nl/nl/menu/lifestyle-kuren/mindfulness-meditatie"/></div>
    </div>
        
        <div id="leftColumn">

          <div class="floatleft" id="afbeelding1">
<img src="afbeeldingen/jpg/logo.jpg" alt="leraar" width="122" height="118" usemap="#fontana" class="afbeelding" longdesc="http://www.fontananieuweschans.nl/nl/menu/lifestyle-kuren/mindfulness-meditatie" />


<img src="afbeeldingen/jpg/logo1.jpg" alt="fontana" width="122" height="150" usemap="#fontana" class="afbeelding" longdesc="http://www.fontananieuweschans.nl/nl/menu/lifestyle-kuren/mindfulness-meditatie"/></div>
                </div>
              <div id="content"><br />
<br />
              <h3><span class="paars_groot">A</span>mstelveen
              </h3><br />
              <br />

              Maandagavond van 17:45 t/m 18:45 en van 20:15 t/m 21:15 uur.
        De kosten bedragen € 80,= voor een lesblok van 10 lessen.
        Proefles € 10,=<br />
              <br />
              <p class="vet_centreren">yogacentrum Amstelveen (Y.C.A.)<br />
        Logger 219<br />
        1186 MH  Amstelveen</p><br />

        Ten zuiden van Amsterdam in Amstelveen.<br />
Met Google maps klik <a href="http://maps.google.nl/maps?f=q&amp;hl=nl&amp;geocode=&amp;q=logger+219,+amstelveen&amp;sll=52.426062,4.914744&amp;sspn=0.010337,0.028925&amp;ie=UTF8&amp;ll=52.284569,4.86012&amp;spn=0.01037,0.028925&amp;z=15&amp;iwloc=addr&amp;om=1 target=">hier</a><br />
Vanaf Amsterdam CS sneltram 51 richting Westwijk halte Meent.<br /><br /><br />


        
        
   <p class="centreren_vet">Wilt u mailen, klik hier <a href="mailto:Medin@chello.nl">Medin@chello.</a></p>
   <p class="centreren_vet">Telefoon 06 15 66 27 24</p><br />

    </div>   <div id="locaties"><a href="http://maps.google.nl/maps?f=q&amp;hl=nl&amp;geocode=&amp;q=logger+219,+amstelveen&amp;sll=52.426062,4.914744&amp;sspn=0.010337,0.028925&amp;ie=UTF8&amp;ll=52.284569,4.86012&amp;spn=0.01037,0.028925&amp;z=15&amp;iwloc=addr&amp;om=1 target=" ><img src="afbeeldingen/jpg/foto1aveen.jpg" alt="foto1aveen" width="120" height="80" /></a>
        <a href="http://maps.google.nl/maps?f=q&amp;hl=nl&amp;geocode=&amp;q=logger+219,+amstelveen&amp;sll=52.426062,4.914744&amp;sspn=0.010337,0.028925&amp;ie=UTF8&amp;ll=52.284569,4.86012&amp;spn=0.01037,0.028925&amp;z=15&amp;iwloc=addr&amp;om=1%20target=" ><img src="afbeeldingen/jpg/foto2aveen.jpg" alt="foto2aveen" width="120" height="80" /></a></div>
      <div class="footera" id="footer">
        <p><a href="http://www.webdesignobdam.nl">&copy; Copyright &amp; Design by</a> <a href="mailto:info@webdesignobdam.nl">Firepoint</a> <a href="http://www.webdesignobdam.nl">2010.</a> <a href="mailto:Medin@chello.nl">Webmaster: Philip van der Linde, Medin</a></p>

      </div>
  </div>
 </div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>


Ja, nu kunnen we iets zien.
En toen ik 'm zag ... kreeg ik heel erg het gevoel: Hier zijn we al eens geweest. :d

Op 7 sept. schreef ik in nr. #6 van dit andere topic in het forum o.a.:
  • Ik zou daarom de flash boven het menu zetten (met een background in de onderste kleur van de header, en aangepaste letterkleur), dan kan deze geen kwaad.
  • En dan is hier een test-modelletje: www.developerscorner.nl/csshunter/tests/medin-model.htm :)
  • Menu en flash zijn hier voor het gemak plaatjes.


  • Wat je nu gedaan hebt, is in de css de #banner een hoogte van 60px geven.
  • Maar de banner zelf is maar 40px hoog (staat in de html).
  • Dan kan je nameten dat de te grote witte ruimte 20px hoog is. :P



Dat lijkt als 2 druppels water op:

Dat bespraken we al hier in nr. #16 van dit eerdere topic.
In nr. #13 van een ander topic bespraken we op 14 sept. hoe de banner-swf op een valid-html-manier ingebakken kon worden.
Daarbij was model 3: de banner onderaan in de header (vlak boven het menu)
Daarbij was model 5: de banner helemaal bovenaan de pagina.


Daar was voor gezorgd: in model 5 (valid html4.01, maar dat komt op hetzelfde neer). Helemaal naar beneden scrollen en klikken op de link naar de validator.
In de overige voorbeelden hoeft alleen de swf op dezelfde manier opgenomen te worden als in model 5, dan valideren die ook.
:)

Intussen heb je de naam van de header-afbeelding gewijzigd; in mijn voorbeelden was de img-src doorgelinkt naar jouw site, dus die doet het niet meer in bovenstaande voorbeelden.
Met de gewijzigde naam voor de header-img zijn dezelfde voorbeelden nu:
Nu zijn ze weer te zien.

Kortom, ik denk dat alle ingrediënten om er een mooie cake van te bakken al aanwezig zijn. ;)

Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
Ja, je resultaat komt aardig uit de verf!
... de oudere versies van IE doen wat moeilijk. De nieuwere IE's niet.
Bedoel je dat de flash-banner in <= IE6 niet tevoorschijn komt?

Dat zou kunnen omdat de oudere IE's niet de laatste flash-plugin's ondersteunen.
Voor de veiligheid kan je een gewone link als terugval-mechaniek voor de flash-banner opnemen, met:
CSS
Code:
#banner p {
	padding-bottom: 10px;
	}
#banner a {
	color: white;
	}
en:
HTML:
<div id="banner">
	<object width="468" height="40" type="application/x-shockwave-flash" 
		data="banner/medin4.swf">
		<param name="movie" value="banner/medin4.swf">
		<p><a href="http://www.meditatieeninzicht.nl/fontana.htm">3 daags 
		arrangement vrijdag 8 t/m zondag 10 oktober 2010</a></p>
	</object>
</div>
Met vriendelijke groet,
CSShunter

PS: de link in de flash-banner moet nog even in orde gemaakt worden, die doet het momenteel niet.

O ja, en in de flash-afbeelding wordt deze link aangegeven met: www.meditatieeninzicht.nl/fontana.html, terwijl de juiste verwijzing zonder de l van html is: www.meditatieeninzicht.nl/fontana.htm.

O ja (2), bij de datum zou ik ook altijd het jaartal opnemen: "8 t/m zondag 10 oktober 2010", want op internet zwerven heel veel pagina's rond met datums in oktober die bij aanklikken de oktober van tig jaar geleden blijken te zijn. Nu zien de bezoekers meteen dat dat hier niet het geval is! :)
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.

Nieuwste berichten

Terug
Bovenaan Onderaan