Webdesign: Abfrage in HTML

web1234 · 30. Oktober 2012

Hallo zusammen

Erstmals ein nettes Hallo.

Ich habe eine Frage zu einer Abfrage in HTML.
Siehe angefügter Screenshot.

Ich habe einen HTML-5 Banner in Adobe Edge programmiert und gespeichert. Dieser Banner wird dann in einer HTML-Datei ausgegeben. Da aber dieser animierte Banner nicht auf jedem Browser läuft, soll anstelle dieses Banners dann das GIF angezeigt werden.

Momentan habe ich das Problem, dass der Banner im IE9 zwar angezeigt wird, jedoch der LInk nicht funktioniert.

Könnt Ihr mir weiterhelfen? Liegt´s am Programmcode?

Lieber Gruss und besten Dank

Digger-Deluxe · 30. Oktober 2012

Pack den Linktag mal testweise in die Div-Box:
<div><a>Bla blub</a></div>

WhiteShark · 30. Oktober 2012

Also erstmal gibt es kein border=0 bei img mehr. Das macht man über CSS. Tut aber nicht wirklich was zur Sache :-)

Bei den img fehlt das abschließende /.

Der Grund das der Link nicht funktioniert dürfte an der Einbettung eines Divs in einem A-Tag liegen. Das ist nach Standard nicht erlaubt und führt im Explorer häufiger zu Problemen.
Am besten man erstellt sich ein spacer.gif (1x1px transparente Grafik).
Und baut es wie folgt auf:

Code:

<div class="blub"><a href="blub"><img src="images/spacer.gif" alt="" /></a></div>

Alternativ kann man statt dem Div im A auch ein Span nehmen und es auf display:inline-block machen.

web1234 · 30. Oktober 2012

Vielen Dank für Eure Antworten.

@Whiteshark: Wie müsste ich denn das hier in diesem Code anpassen? Ich bin nicht der geborene Programmierer

HTML:

<a href='http://www.test.com' target="_blank"><div id="stage" class="EDGE-28096352"></div></a>

Besten Dank und Gruss

WhiteShark · 30. Oktober 2012

Entweder so:

Code:

<div id="stage" class="EDGE-28096352">
<a href='http://www.test.com' target="_blank">
<img src="images/spacer.gif" alt="" style="width:100%;height:100%;" />
</a>
</div>

Oder so:

Code:

<a href='http://www.test.com' target="_blank">
<span id="stage" class="EDGE-28096352" style="display:inline-block;zoom:1;">
</span>
</a>

web1234 · 31. Oktober 2012

Hallo WhiteShark

Vielen Dank für Deine Ausführungen. Der Code hat soweit funktioniert, jedoch habe ich nun bei folgendem Code das Problem, dass der IE9 beide Banner - HTML5 und GIF-Banner - anzeigt. Woran liegt das?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>160x600</title>  
<!--Adobe Edge Runtime-->
    <script type="text/javascript" charset="utf-8" src="Kueba_Weihnachten_EBanner_Edge_160x600_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-28096352 { visibility:hidden; }
    </style>
<!--Adobe Edge Runtime End-->

<!--IE Detect-->
	<script type="text/javascript" charset="utf-8" src="ie_detect.js"></script>
<!--IE Detect-->

</head>
    <body style="margin:0;padding:0;">
    
        <!--[if gte IE 8]>
        <a href='LINK' target="_blank"><div><img src="images/160x600.gif" border="0"></div></a>
        <![endif]-->
    
        <!--[if lt IE 7]>
        <a href='LINK' target="_blank"><div><img src="images/160x600.gif" border="0"></div></a>
        <!![endif]-->
        
        <!--[if lt IE 6]>
        <a href='LINK' target="_blank"><div><img src="images/160x600.gif" border="0"></div></a>
        <![endif]-->
        
        <!--[if lte IE 9]>
        <a href='LINK' target="_blank"><span id="stage" class="EDGE-28096352" style="display:inline-block;zoom:1;></span></a>
        <![endif]-->
    
        <![if !IE]>
        <a href='LINK' target="_blank"><div id="stage" class="EDGE-28096352"></div></a>
        <![endif]-->
    </body>
</html>

Noch zur Ausführung. Der oben stehende Code ist ein HTML File, dass im AD-Server eingebunden wird. Es wird ja dann jeweils überprüft mit welchem Browser der User unterwegs ist und dann wird der entsprechende Banner eingebunden.

Besten Dank für die Hilfe - Ich kann mir das nicht erklären.
Gruss

WhiteShark · 31. Oktober 2012

Moin,

die Browserweichen sind nicht ganz korrekt.

Bei 20. Fragst du ab ob "gte IE8", also alles was größer/gleich IE8 ist und damit auch IE9 (und auch IE10).
Einfach das gte gegen lte ersetzen und (niedriger oder gleich) und du kannst dir auch 25. und 26. sparen.

würde dann so aussehen:

Code:

       <!--[if lte IE 8]>
        <a href='LINK' target="_blank"><div><img src="images/160x600.gif" border="0"></div></a>
        <![endif]-->
   
        <!--[if gte IE 9]>
        <a href='LINK' target="_blank"><span id="stage" class="EDGE-28096352" style="display:inline-block;zoom:1;></span></a>
        <![endif]-->
    
        <![if !IE]>
        <a href='LINK' target="_blank"><div id="stage" class="EDGE-28096352"></div></a>
        <![endif]-->

web1234 · 31. Oktober 2012

Hallo WhiteShark

Besten Dank für Deine gute Hilfe.
Es funktioniert alles nun wie gewünscht

)

Lieber Gruss

Suche

Webdesign: Abfrage in HTML

web1234

Newbie

Anhänge

Digger-Deluxe

Lt. Junior Grade

WhiteShark

Admiral

web1234

Newbie

WhiteShark

Admiral

web1234

Newbie

WhiteShark

Admiral

web1234

Newbie

Ähnliche Themen