|
 |
  |
| Autor |
Nachricht |
eipie
Neuer [User]
Anmeldung: 14.11.05
Beiträge: 2
|
 Verfasst am: 14.11.2005, 13:10 Titel: [gelöst] IE PNG Links klickbar |
 |
|
Hallöchen liebe Community,
ich habe ein kleines Problem mit Links im Internet Explorer. Da dieser wie bekannt keine PNG's anzeige kann habe ich einen filter benutzt damit dieser die transparenten PNG's anzeigen kann. Nur leider sind danach die Links zum teil nicht mehr abrufbar. Schaut es euch einfach mal an (Links in der Box Newsflash):
 http://www.davidwinkel.de/0.1/
Im Firefox und anderen Browsern funktioniert es tadellos. Nun, ich sitze schon mehrere Stunden daran und habe auch einiges ausprobiert (andere positionierung, ein extra png zu skalieren usw -was man halt alles so bei google findet). Leider war davon keines erfolgreich, außer ich positioniere die Links absolute, nur dann erweitert sich meine box nicht mehr dynmisch. Ich hoffe hier gibt es einen Crack der sich damit schonmal auseinandergesetzt hat und mir helfen kann. Vielen dank an euch Lesenden und Schreibenden für eure Bemühungen. Im Anhang, meine Index.php, all.css (für alle guten Browser) und die ie.css... Ich hoffe das euch die länge des Posts nicht abschreckt. Danke nochmal.
index.php
| Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>David Winkel 1.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<?php
include_once("templates/config.php");
require_once("magpierss/rss_fetch.inc");
mysql_select_db($db_name,$db);
?>
<style type="text/css">@import url(templates/all.css);</style>
<!--[if IE]>
<style type="text/css">@import url(templates/ie.css);</style>
<![endif]-->
<link rel="alternate" type="application/rss+xml" title="rss" href="http://www.heise.de/newsticker/heise.rdf">
</head>
<body>
<div align="center" class="header"> </div>
<div align="center" class="content">
<div class="content_right">
<div class="navi_top"> </div>
<div class="box_lines">
<p class="navi_text">
Home::<br />
News::<br />
Über mich::<br />
Projekte::<br />
Links::<br />
Gästebuch::<br />
Kontakt::<br />
</p>
</div>
<div class="box_bottom"> </div>
<div class="news_top"> </div>
<div class="box_lines">
<div class="navi_text">
<p class="news_head"><a href="http://www.heise.de/" target="_blank">heise.de</a></p>
<?php
$url = 'http://www.heise.de/newsticker/heise.rdf';
if ( $url ) {
$num_items = 5;
$rss = fetch_rss( $url );
$items = array_slice($rss->items, 0, $num_items);
foreach ($items as $item) {
$href = $item['link'];
$title = substr($item['title'],0,16);
echo '<a href="'.$href.'" target="_blank" class="news">'.$title.'...</a><br />';
}
}
?>
</div>
</div>
<div class="box_bottom"> </div>
</div>
<div class="content_main">
<div class="content_top"> </div>
<div class="content_lines">
<p class="content_text">
halloasdlfkjngivpsaldjkfgbnvlsajfdnölnflkn nassdö öalsdng lnl naölkdsn lknaöeslgn ölkasdnlk naöskldnöf lknlkan ölkasndö lknaöslkdng lakd lkanskledgf naslködn fvölkansfedkl naöslkdnf lkasdnflk ansdfgamsd ölaäsödlfk aöslkedf oöaskdgfölkasdlöfkasdölfk aüepwrotjk alöksdmvnalsydionv ölKASndfvpnsadfkglvjsapdgfklmn aspdvjgkladrgnsiodfbinva lö.ojhalloasdlfkjngivpsaldjkfgbnvlsajfdnölnflkn nassdö öalsdng lnl naölkdsn lknaöeslgn ölkasdnlk naöskldnöf lknlkan ölkasndö lknaöslkdng lakd lkanskledgf naslködn fvölkansfedkl naöslkdnf lkasdnflk ansdfgamsd ölaäsödlfk aöslkedf oöaskdgfölkasdlöfkasdölfk aüepwrotjk alöksdmvnalsydionv ölKASndfvpnsadfkglvjsapdgfklmn aspdvjgkladrgnsiodfbinva lö.ojhalloasdlfkjngivpsaldjkfgbnvlsajfdnölnflkn nassdö öalsdng lnl naölkdsn lknaöeslgn ölkasdnlk naöskldnöf lknlkan ölkasndö lknaöslkdng lakd lkanskledgf naslködn fvölkansfedkl naöslkdnf lkasdnflk ansdfgamsd ölaäsödlfk aöslkedf oöaskdgfölkasdlöfkasdölfk aüepwrotjk alöksdmvnalsydionv ölKASndfvpnsadfkglvjsapdgfklmn aspdvjgkladrgnsiodfbinva lö.oj
</p>
</div>
<div class="content_bottom"> </div>
</div>
</div>
</body>
</html>
|
all.css
| Code: | div,p,a { font-family:monospace; }
a { position:relative; z-index:100; }
body {
background:url(../content/images/global/bg_site.png) repeat-x;
margin:0;
padding:0;
}
.news {position:relative; z-index:350;}
.news:link { font-size: 11px; color:#6D6D6D; text-decoration:none; }
.news:visited { font-size: 11px; color:#6D6D6D; text-decoration:none; }
.news:active { font-size: 11px; color:#313131; text-decoration:none; }
.news:hover { font-size: 11px; color:#313131; text-decoration:none; }
.header {
position:relative;
width:946px;
height:222px;
margin:0 auto;
margin-top:2px;
padding:0;
background:url(../content/images/red/header.png);
}
.content {
position:relative;
width:946px;
margin:0 auto;
padding:0;
}
.content_main {
position:relative;
text-align:left;
float:left;
width:765px;
padding:0px;
margin:0px;
}
.content_top {
position:relative;
margin:0px 0px 0px 2px;
text-align:left;
width:765px;
height:28px;
padding:0px;
background:url(../content/images/global/content_top.png) no-repeat;
}
.content_lines {
position:relative;
text-align:left;
width:765px;
padding:0px 20px 0px 20px;
margin:0px 0px 0px 2px;
background:url(../content/images/global/content_lines.png) repeat-y;
}
.content_bottom {
position:relative;
margin:0px 0px 0px 2px;
width:765px;
height:28px;
padding:0;
background:url(../content/images/global/content_bottom.png) no-repeat;
}
.content_text {
margin:0px;
font-size:11pt;
}
.navi_text {
z-index:140;
position: relative;
margin:0px 15px 0px 10px;
padding:0px 0px 0px 0px;
text-align:right;
}
.news_head {
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
font-size:8pt;
text-align:right;
color:gray;
}
.content_right {
position:relative;
z-index:130;
margin:2px 3px 0px 0px;
text-align:left;
width:162px;
height:100%;
padding:0px;
float:right;
right:5px;
}
.navi_top {
position:relative;
width:162px;
height:32px;
padding:0px;
margin:0;
background:url(../content/images/red/navi_top.png) no-repeat;
}
.news_top {
position:relative;
width:162px;
height:32px;
padding:0px;
margin:10px 0px 0px 0px;
background:url(../content/images/red/news_top.png) no-repeat;
}
.box_lines {
position:relative;
z-index:200;
width:162px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
z-index:0;
background:url(../content/images/global/box_lines.png) repeat-y;
}
.box_bottom {
position:relative;
text-align:left;
width:162px;
height:18px;
padding:0px;
margin:0px 0px 0px 0px;
background:url(../content/images/global/box_bottom.png) no-repeat;
} |
ie.css
| Code: | .header {
position:none;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content/images/green/header.png',sizingMethod='image');
}
.content_top {
float:left;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content/images/global/content_top.png',sizingMethod='image');
}
.content_lines {
position:none;
float:left;
padding:0px;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content/images/global/content_lines.png',sizingMethod='scale');
}
.content_bottom {
float:left;
position:none;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content/images/global/content_bottom.png',sizingMethod='image');
}
.content_text {
position:none;
padding:0px 20px 0px 20px;
}
.navi_text {
position:none;
}
.content_right {
position:none;
margin:0px 0px 0px 0px;
}
.navi_top {
position:none;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content/images/green/navi_top.png',sizingMethod='image');
}
.news_top {
position:none;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content/images/green/news_top.png',sizingMethod='image');
}
.box_lines {
position:none;
z-index:0;
width:162px;
height:10px;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content/images/global/box_lines.png',sizingMethod='scale');
}
.box_bottom {
position:none;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='content/images/global/box_bottom.png',sizingMethod='image');
} |
[/b]
Zuletzt bearbeitet von eipie am 14.11.2005, 15:21, insgesamt einmal bearbeitet
|
|
| Nach oben |
|
 |
eipie
Neuer [User]
Anmeldung: 14.11.05
Beiträge: 2
|
| Verfasst am: 14.11.2005, 15:17 Titel: |
|
|
so so, selbst ist der mann. ein einfaches
in dem div in dem die links enthalten sind, haben das Problem gelöst... Habe es nun mit Hilfe der folgenden Seite geschafft:
http://www.daltonlp.com/daltonlp.cgi?item_type=1&item_id=217
Kommentare beachten und irgendetwas davon wird bei euch auch funktionieren *g*
Danke an die die sich schon die Birne zermatert haben.
eipie
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
