Anzeige: Goneo - Du machst das Web!
Anzeige: united-domains - Die ganze Welt der Domains
Einfache & schnelle Domain-Registrierung zu fairen Preisen ohne Einrichtungsgebühren. Mehr als 250 Domain-Endungen aus einer Hand inklusive E-Mail- & Web-Weiterleitung. Einzigartiges Domain-Portfolio zur bequemen & sicheren Verwaltung Ihrer Domain-Namen.
Jetzt Domain-Check bei united-domains!
Re: Kann bei einem Objekt font nicht formatieren.
Autor: solirocks [Beiträge: 7]
Datum: 03.03.2010 15:02:46
So...!
Html Code (man beachte, ich arbeite zusätzlich mit PHP)
------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Deutsche Helikopter
</title>
<link rel="stylesheet" type="text/css" href="style.css">
<!--[if IE]>
<style type="text/css">@import url(ie.css);</style>
<![endif]-->
</head>
<body class="theme" name="mainbody" id="body1">
<div class="main">
<div class="header">
<script type="text/javascript">
<!--
function mark(id)
{
for(i=0; i <
document.getElementById("mainnav").getElementsByTagName("li").length; i++)
{
document.getElementById("mainnav").getElementsByTagName("li")[i].className="";
}
id.className="over";
}
function toggleswitch(id)
{
var d = document.getElementById(id);
for (var i = 1; i<=7; i++) {
if (document.getElementById('sub'+i)) {document.getElementById('sub'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<div class="logo">
<!--<img src="head.png">-->
</div>
<div class="navigation">
<div class="hlist">
<div id="mainnav">
<ul>
<li
class="over"onmouseover="mark(this); toggleswitch('sub1')">
<a href="#">Page1</a>
</li>
<li
onmouseover="mark(this); toggleswitch('sub2')">
<a href="#">Page2</a>
</li>
<li
onmouseover="mark(this); toggleswitch('sub3')">
<a href="#">Page3</a>
</li>
<li
onmouseover="mark(this); toggleswitch('sub4')">
<a href="#">Page4</a>
</li>
<li
onmouseover="mark(this); toggleswitch('sub5')">
<a href="#">Page5</a>
</li>
<li
onmouseover="mark(this); toggleswitch('sub6')">
<a href="#">Page6</a>
</li>
<li
onmouseover="mark(this); toggleswitch('sub7')">
<a href="#">Page7</a>
</li>
</ul>
</div>
<div style="clear:left;"></div>
<div id="subnav">
<div id="sub1"
style="display:block;">
<ul>
<li>Page1 Eintrag1</li>
<li>|</li>
<li>Page1 Eintrag2</li>
</ul>
</div>
<div id="sub2"
style="display:none;">
<ul>
<li>Page2 Eintrag1</li>
<li>|</li>
<li>Page2 Eintrag2</li>
<li>|</li>
<li>Page2 Eintrag3</li>
</ul>
</div>
<div id="sub3"
style="display:none;">
<ul>
<li>Page3 Eintrag1</li>
<li>|</li>
<li>Page3 Eintrag2</li>
<li>|</li>
<li>Page3 Eintrag3</li>
<li>|</li>
<li>Page3 Eintrag4</li>
</ul>
</div>
<div id="sub4"
style="display:none;">
<ul>
<li>Page4 Eintrag1</li>
<li>|</li>
<li>Page4 Eintrag2</li>
</ul>
</div>
<div id="sub5"
style="display:none;">
<ul>
<li>Page5 Eintrag1</li>
<li>|</li>
<li>Page5 Eintrag2</li>
<li>|</li>
<li>Page5 Eintrag3</li>
</ul>
</div>
<div id="sub6"
style="display:none;">
<ul>
<li>Page6 Eintrag1</li>
<li>|</li>
<li>Page6 Eintrag2</li>
<li>|</li>
<li>Page6 Eintrag3</li>
<li>|</li>
<li>Page6 Eintrag4</li>
</ul>
</div>
<div id="sub7"
style="display:none;">
<ul>
<li>Page7 Eintrag1</li>
<li>|</li>
<li>Page7 Eintrag2</li>
</ul>
</div>
</div>
</div>
</div>
<div style="clear:left;"> </div>
<img width="923" src="grafiken/bild.png">
</div>
<div class="content">
<div class="cleft">
<h3>Willkommen</h3>
<p>Unsere Aufgabe ist die detaillierte Planung Ihres Einsatzes unter Einbeziehung vieler preis-entscheidender Faktoren. Da wir auf sämtliche Helikopter in ganz Europa zugreifen, können wir Ihnen eine einmalige Transparenz bieten. Wir kalkulieren Ihnen in kürzester Zeit ein persönliches Angebot. Dabei können wir dank unseres internationalen Netzwerkes immer den Helikopter anbieten mit dem geringsten Anflug und den besten Eigenschaften für Ihren Einsatz. </p>
<h3>Auswahl des Helikopters</h3>
<p>Bei der Auswahl des richtigen Helikopters spielen viele preisbildende Faktoren eine Rolle. Bei einigen Helikoptern werden die Kamerahalterungen an der Seite und bei einigen an der Nase des Helikopters angebracht. Nur wenige Helikopter dürfen Nachts fliegen, noch weniger dürfen über Wasser fliegen.
Um die Sicherheitsmindestflughöhe unterschreiten zu dürfen muss man bei der Bezirksregierung eine Genehmigung einholen und der Helikopter muss bestimmten Vorgaben entsprechen.
Dies war nur ein kleiner Auszug aus Punkten, die bei einem Film- oder Fotoflug bedacht werden müssen.
Unsere Experten beraten Sie gerne in einem persönlichen Gespräch oder Telefonat. </p> </div>
<div class="cright">
<div class="news">
<h3>News News, wir haben News!</h3>
<p>Unsere Aufgabe ist die detaillierte Planung Ihres Einsatzes unter Einbeziehung vieler preis-entscheidender Faktoren. Da wir auf sämtliche Helikopter in ganz Europa zugreifen, können wir Ihnen eine einmalige Transparenz bieten. <a href="#">(mehr)</a></p>
<h3>News News, wir haben News!</h3>
<p>Unsere Aufgabe ist die detaillierte Planung Ihres Einsatzes unter Einbeziehung vieler preis-entscheidender Faktoren. Da wir auf sämtliche Helikopter in ganz Europa zugreifen, können wir Ihnen eine einmalige Transparenz bieten. <a href="#">(mehr)</a></p> </div>
</div>
<div style="clear:left;"> </div>
</div>
</div>
</body>
</html>
-----------------------------------------------------------
Code Nav.php
-----------------------------------------------------------
<script type="text/javascript">
<!--
function mark(id)
{
for(i=0; i <
document.getElementById("mainnav").getElementsByTagName("li").length; i++)
{
document.getElementById("mainnav").getElementsByTagName("li")[i].className="";
}
id.className="over";
}
function toggleswitch(id)
{
var d = document.getElementById(id);
for (var i = 1; i<=7; i++) {
if (document.getElementById('sub'+i)) {document.getElementById('sub'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<div class="logo">
<!--<img src="head.png">-->
</div>
<div class="navigation">
<div class="hlist">
<div id="mainnav">
<ul>
<li
<?php if ($thisPage=="page1") {echo " class="over"";} ?>
onmouseover="mark(this); toggleswitch('sub1')">
<a href="#">Page1</a>
</li>
<li
<?php if ($thisPage=="page2") {echo " class="over"";} ?>
onmouseover="mark(this); toggleswitch('sub2')">
<a href="#">Page2</a>
</li>
<li
<?php if ($thisPage=="page3") {echo " class="over"";} ?>
onmouseover="mark(this); toggleswitch('sub3')">
<a href="#">Page3</a>
</li>
<li
<?php if ($thisPage=="page4") {echo " class="over"";} ?>
onmouseover="mark(this); toggleswitch('sub4')">
<a href="#">Page4</a>
</li>
<li
<?php if ($thisPage=="page5") {echo " class="over"";} ?>
onmouseover="mark(this); toggleswitch('sub5')">
<a href="#">Page5</a>
</li>
<li
<?php if ($thisPage=="page6") {echo " class="over"";} ?>
onmouseover="mark(this); toggleswitch('sub6')">
<a href="#">Page6</a>
</li>
<li
<?php if ($thisPage=="page7") {echo " class="over"";} ?>
onmouseover="mark(this); toggleswitch('sub7')">
<a href="#">Page7</a>
</li>
</ul>
</div>
<div style="clear:left;"></div>
<div id="subnav">
<div id="sub1"
<?php if ($thisPage=="page1") {echo " style="display:block;"";}
else {echo " style="display:none;"";}?>>
<ul>
<li>Page1 Eintrag1</li>
<li>|</li>
<li>Page1 Eintrag2</li>
</ul>
</div>
<div id="sub2"
<?php if ($thisPage=="page2") {echo " style="display:block;"";}
else {echo " style="display:none;"";}?>>
<ul>
<li>Page2 Eintrag1</li>
<li>|</li>
<li>Page2 Eintrag2</li>
<li>|</li>
<li>Page2 Eintrag3</li>
</ul>
</div>
<div id="sub3"
<?php if ($thisPage=="page3") {echo " style="display:block;"";}
else {echo " style="display:none;"";}?>>
<ul>
<li>Page3 Eintrag1</li>
<li>|</li>
<li>Page3 Eintrag2</li>
<li>|</li>
<li>Page3 Eintrag3</li>
<li>|</li>
<li>Page3 Eintrag4</li>
</ul>
</div>
<div id="sub4"
<?php if ($thisPage=="page4") {echo " style="display:block;"";}
else {echo " style="display:none;"";}?>>
<ul>
<li>Page4 Eintrag1</li>
<li>|</li>
<li>Page4 Eintrag2</li>
</ul>
</div>
<div id="sub5"
<?php if ($thisPage=="page5") {echo " style="display:block;"";}
else {echo " style="display:none;"";}?>>
<ul>
<li>Page5 Eintrag1</li>
<li>|</li>
<li>Page5 Eintrag2</li>
<li>|</li>
<li>Page5 Eintrag3</li>
</ul>
</div>
<div id="sub6"
<?php if ($thisPage=="page6") {echo " style="display:block;"";}
else {echo " style="display:none;"";}?>>
<ul>
<li>Page6 Eintrag1</li>
<li>|</li>
<li>Page6 Eintrag2</li>
<li>|</li>
<li>Page6 Eintrag3</li>
<li>|</li>
<li>Page6 Eintrag4</li>
</ul>
</div>
<div id="sub7"
<?php if ($thisPage=="page7") {echo " style="display:block;"";}
else {echo " style="display:none;"";}?>>
<ul>
<li>Page7 Eintrag1</li>
<li>|</li>
<li>Page7 Eintrag2</li>
</ul>
</div>
</div>
</div>
</div>
------------------------------------------------------------
CSS-Code
------------------------------------------------------------
/* Hier ist das style-template zur Navigation */
.navigation {
margin-top:-59px;
}
.over a:link, .over a:visited, .over a:focus, .over a:active {
background-color: #dad7d7;
border-top:solid grey 1px;
border-left:solid grey 1px;
border-right:solid grey 1px;
}
#mainnav a:link, #mainnav a:visited, #mainnav a:focus, #mainnav a:active {
color:#104380;
padding-top:4px;
padding-left:11px;
padding-right:11px;
padding-bottom:7px;
color:white;
font-size: 16px;
font-weight:bold;
text-decoration:none;
}
#mainnav a:hover {
color:#104380;
background-color: #dad7d7;
text-decoration:none;
}
#subnav {
margin-top:-8px;
margin-bottom: 3px;
}
#subnav li{
font-size: 12px;
padding-left:2px;
padding-right: 2px;
padding-bottom:3px;
}
.hlist li {
float:left;
list-style:none;
display:inline;
}
/* Hier ist das style-template zur Navigation */
-----------------------------------------------------------
Ich hoffe Ihr könnt mir helfen!
Danke
Zum Abschicken deines Beitrags bitte die Schaltfläche "Abschicken" nur einmal anklicken und warten. Der Server braucht manchmal
einige Zeit, bis er den Beitrag in die Datenbank übernommen hat. Wenn du die Schaltfläche mehrmals drückst, erscheint dein Beitrag
auch mehrmals im Forum.
Bewerten Sie Ihren Webhosting-Provider
Wie zufrieden sind Sie mit Ihrem Webhosting-Provider? Gibt es Probleme beim Service, mit der Performance oder der Abrechnung?
Teilen Sie jetzt Ihre Erfahrungen mit anderen Webmastern und schreiben Sie eine Provider-Bewertung. Mit etwas Glück können Sie ein Apple iPad gewinnen!
Weitere Informationen und Teilnahme...
