nicht angemeldet
Hallo Matthias
Ja ich wollte ursprünglich das die Links auf der pdf-Datei erscheinen, bloss die sind, je nach Auflösung, immer woanders. Jetzt habe ich eine Lösung gefunden, die sowohl im IE als auch im FF ganz ansprechend funktioniert.
In der HTML steht:
<!DOCTYPE html>
<html lang="de-CH">
<head>
<link rel="shortcut icon" href="">
<TITLE> Tagesplan Samstag </TITLE>
<META HTTP-EQUIV="REFRESH" CONTENT="1800; URL=http://example.com/">
<meta http-equiv="cache-control" content="no-cache">
<link href="mystyle.css" type="text/css" rel="stylesheet">
</head>
<body>
<nav>
<ul>
<li><a href="#">Montg</a>
</li>
<li><a href="#">Dienstag</a>
</li>
<li><a href="#">Mittwoch</a>
</li>
<li><a href="#">Donnerstag</a>
</li>
<li><a href="#">Freitag</a>
</li>
<li><a href="#">Samstag</a>
</li>
<li><a href="#">Sonntag</a>
</li>
</ul>
</nav>
<object
width="100%"
height="2600"
type="application/pdf"
data="Tageskalender_Sa.pdf">
</object>
</body>
</html>
und in der CSS steht:
nav ul {
margin: 0;
padding: 0.8em;
text-align: center;
border: 1px solid black;
background-color: silver;
}
nav li {
list-style: none;
display: inline-block;
margin: 0;
padding: 0;
}
nav a,
nav span {
display: block;
width: 8em;
margin: 0.6em 0 0 0;
padding: 0.4em;
text-decoration: none;
font-weight: bold;
border: 1px solid blue;
border-radius: 10px 10px 0 0;
box-shadow: 0px 5px 10px white inset;
color: gold;
background-color: royalblue;
-webkit-transition: all .25s ease-in;
transition: all .25s ease-in;
}
nav a:focus,
nav a:hover,
nav span {
color: royalblue;
background-color: gold;
}
nav a:focus,
nav a:hover {
margin-top: 0;
padding: 1em 0.4em 0.4em;
}
Noch eine Frage, gehört zwar nicht direkt in dieses Thema. Im IE werden die pdf-Dateien mit sehr viel leerem "Head" angezeigt. Kann man das dem IE abgewöhnen?
Vielen Dank nochmal und Gruss Warne
Matthias Scharwies
Matthias Apsel
JürgenB
Gunnar Bittersmann