Hallo, habe folgende Probleme mit XAMPP es läuft zwar MySQL aber nicht Apache.. Wie kann ich den Fehler beheben, bin so vorgegangen wie auf <!-- m --><a class="postlink" href="http://www.php-kurs.com">http://www.php-kurs.com</a><!-- m --> Screenshot im Anhang
Beiträge von hume
-
-
Zitat
Nicht nur vielleicht, sondern ganz bestimmt. Wenn du NICHTS angibst, kann der Browser ja auch nicht wissen, wie breit du es denn haben möchtest.
Ja, hab ich gemacht, die Breite stimmt die Größe passt nun auch, hab mir dass mal mit <p> </p> angeschaut und nun müsste es normal passen. Code ist valide. Ein kleines Problem gibt es noch dass Auswahlfenster wird zwar angezeigt aber der Inhalt nicht???
simulation.html:
HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title> BHKWPartner - das optimale BHKW von Ihrem Installateur! </title> <link href="./design.css" type="text/css" rel="stylesheet" /> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> </head> <body> <div id="header"> </div> <div id="left"> <ul id="navigation"> <li> <a href="index.html">Startseite</a> </li> <li> <a href="simulation.html">Simulationsanfrage </a> </li> <li> <a href="planung.html">BHKW-Planung </a> </li> <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li> <li> <a href="aktuelles.html">Aktuelles </a> </li> <li> <a href="info.html">Info </a> </li> <li> <a href="agb.html"> AGB </a> </li> <li> <a href="impressum"> Impressum </a> </li> </ul> <div id="linksunten5"> <p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /> </a> </p> </div> </div> <div id="inhalt"> <p class="abstand">*Gebäude-Typ:</p> <form class="form" action="mailto:huml@bhkwpartner.de" method="post" enctype="text/plain"> <p> <select class="select" name="form" size=""> <option value="-"/> <option value="Wohnhaus"/> <option value="Gewerbe(Bäcker,Metzger etc.)"/> <option value="Gebäude m. hohem Wärmeberarf (Hotel, Altenheim, Schwimmbad)"/> <option value="Gebäude mit geringer Nutzung (Verwaltung, Turnhalle, KiGa, Schule)"/> <option value="Sonstiges"/> </select> </p> </form> </div> <div id="fusszeile"> <p>© Otto Huml Wärme und Strom</p> </div> </body> </html>
design.css
Code
Alles anzeigen* { margin:0; padding:0; border:0; list-style:none; text-decoration:none; font-family: Arial, Helvetica, sans-serif; } /*Kopf-------------------------------------------------------------------------------*/ div#header { background:url(images/header.gif); visibility: visible; height:110px; padding-left: 100px; background-repeat:no-repeat; } /*Navigation------------------------------------------------------------------------*/ #left { float: left; clear: left; width: 18%; } ul#navigation a{ display: block; border: 1px outset #FFA500; background: #616161; padding: 10px; color: #FFFFFF; font-weight: bold; border-style: outset; } ul#navigation a:hover { display: block; border: 1px outset #FFA500; background: #FFA500; color: #FFFFFF; border-style: outset; } /*Inhalt-----------------------------------------------------------------------------*/ #inhalt { color: black; font-size: 11pt; float: right; width: 80%; } #inhalt a { color: blue; margin-left: 2em; } .abstand { margin-top:1em; } /*Absätze-----------------------------------------------------------------------------*/ p { margin-bottom: 1em; } h4 { line-height:1cm; font-size:12pt; font-style:italic; } /*Sonstiges------------------------------------------------------------------------*/ .Rot { color:red; line-height:1cm; } #linksunten { background:#FFA500; visibility:visible; height:150px; width:181px; } #linksunten2 { background:#FFA500; visibility:visible; height:1346px; width:181px; } #linksunten3 { background:#FFA500; visibility:visible; height:570px; width:181px; } #linksunten4 { background:#FFA500; visibility:visible; height:1130px; width:181px; } #linksunten5 { background:#FFA500; visibility:visible; height:1000px; width:181px; } #linksunten6 { background:#FFA500; visibility:visible; height:100px; width:181px; } .orange { color:#FFA500; /*Fusszeile---------------------------------------------------------------------------*/ } div#fusszeile { background: #FFA500; height: 129px; text-align: center; line-height:3cm; clear:both; } /*Formular---------------------------------------------------------------------------*/ .form { border-style:dashed; } .select { width:200px; height:auto; padding:0.35em; margin:0.25em auto; color:black; }
-
Ja, jetzt ist der Code valide, folgendes Problem ich hab mir mal den Quellentext von html-seminar.de unter Formulare angeschaut, da ich ein Auswahlfenster brauche und hab dass dann entsprechend korrigiert, also nicht so angepasst wie auf der Seite zu sehen ist sondern nur den Aufbau des Auswahlfensters nun folgendes Problem auf der html-seminar.de Seite wird dass Auswahlfenster richtig angezeigt und man kann auch auswählen, ich hab es genau so übernommen und natürlich dann die Felder verändert, aber bei mir wird dass Feld sehr groß angezeigt obwohl size""> Hab auch mal einige Screenshots angehängt.
Code dann korrigiert:
HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title> BHKWPartner - das optimale BHKW von Ihrem Installateur! </title> <link href="./design.css" type="text/css" rel="stylesheet" /> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> </head> <body> <div id="header"> </div> <div id="left"> <ul id="navigation"> <li> <a href="index.html">Startseite</a> </li> <li> <a href="simulation.html">Simulationsanfrage </a> </li> <li> <a href="planung.html">BHKW-Planung </a> </li> <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li> <li> <a href="aktuelles.html">Aktuelles </a> </li> <li> <a href="info.html">Info </a> </li> <li> <a href="agb.html"> AGB </a> </li> <li> <a href="impressum"> Impressum </a> </li> </ul> <div id="linksunten5"> <p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /> </a> </p> </div> </div> <div id="inhalt"> <p class="abstand">*Gebäude-Typ:</p> <form class="form" action="mailto:huml@bhkwpartner.de" method="post" enctype="text/plain"> <fieldset> <select name="form" size=""> <option value="-"/> <option value="Wohnhaus"/> <option value="Gewerbe(Bäcker,Metzger etc.)"/> <option value="Gebäude m. hohem Wärmeberarf (Hotel, Altenheim, Schwimmbad)"/> <option value="Gebäude mit geringer Nutzung (Verwaltung, Turnhalle, KiGa, Schule)"/> <option value="Sonstiges"/> </select> </fieldset> </form> </div> <div id="fusszeile"> <p>© Otto Huml Wärme und Strom</p> </div> </body> </html>
-
Zitat
<p> steht für paragraph, das bedeutet Absatzt.
Mit <p></p> zeichnest du einen Absatzt aus, das kann, muss aber nicht unbedingt Text sein.OK, jetzt weiß ich auch wieder was neues. Hab mal mit dem Formular von vorne nochmal angefangen (derzeit mit einem Feld dass ich weiß was nicht stimmt) Verstehe aber nicht warum mir der Validator schon wieder Fehler auspuckt. Der Aufbau ist meiner Meinung eigentlich richtig, es wurden auch alle Tags geschlossen. Wenn ich falsch liege, korrigiert mich dann bitte.
HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title> BHKWPartner - das optimale BHKW von Ihrem Installateur! </title> <link href="./design.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> </div> <div id="left"> <ul id="navigation"> <li> <a href="index.html">Startseite</a> </li> <li> <a href="simulation.html">Simulationsanfrage </a> </li> <li> <a href="planung.html">BHKW-Planung </a> </li> <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li> <li> <a href="aktuelles.html">Aktuelles </a> </li> <li> <a href="info.html">Info </a> </li> <li> <a href="agb.html"> AGB </a> </li> <li> <a href="impressum"> Impressum </a> </li> </ul> <div id="linksunten5"> <p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /> </a> </p> </div> </div> <div id="inhalt"> <p class="abstand">*Gebäude-Typ:</p> <form class="form" action="mailto:huml@bhkwpartner.de" method="post" enctype="text/plain" <fieldset> <select name="form" size="2"> <option value="-"> <option value="Wohnhaus"> <option value="Gewerbe(Bäcker,Metzger etc.)"> <option value="Gebäude m. hohem Wärmeberarf (Hotel, Altenheim, Schwimmbad)"> <option value="Gebäude mit geringer Nutzung (Verwaltung, Turnhalle, KiGa, Schule)"> <option value="Sonstiges"> </select> </fieldset> </form> </div> <div id="fusszeile"> <p>© Otto Huml Wärme und Strom</p> </div> </body> </html>
-
Zitat
hume: Natürlich solltest du den Doctype auf allen Seiten gleich haben.
Also bleibt sich dass im Prinzip gleich welchen Doctype ich verwende? Ob jetzt HTML5 oder den meinen XHTML 1.0 Strict?
Wenn ich also HTML5 verwenden würde, kann ich auch die alten Befehle noch nutzen, versteh ich dass richtig und ist dass eigentlich dann richtig? Ich komme nochmal auf dass Formular zurück, ist der Aufbau von <!-- m --><a class="postlink" href="http://www.html-seminar.de/formulare.htm">http://www.html-seminar.de/formulare.htm</a><!-- m --> immer gleich bezüglich <form action="" method="" target=""> und geschlossener Tag dann </form>HTML
Alles anzeigen<form action="select.htm"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Auswahllisten definieren</title> </head> <body> <h1>Wählen Sie Ihren Favoriten!</h1> <form action="select.htm"> <p> <select name="top5" size="3"> <option>Heino</option> <option>Michael Jackson</option> <option>Tom Waits</option> <option>Nina Hagen</option> <option>Marianne Rosenberg</option> </select> </p> </form> </body> </html>
Bei SELFHTML ist mir aufgefallen dass <p> </p> benutzt wurde, ist dass eigentlich richtig? <p> </p> hätte ich gemeint ist nur dazu da einen Text auszuzeichnen.Ist es so richtig?
-
Zitat
Ich habe mir den Code einmal angeschaut und ich meine, dass du unbedingt mehr Wert auf eine sauberere Darstellung legen musst. Und das gesamte Formular kann nicht funktionieren. Wie ich sehe, gehört das ganze Formular in eine Nachricht. Da kann es nicht sein, dass du mehrere "form"-Tags hast. Und ich rate Dir dich einmal genau mit Formularen zu beschäftigen, denn es ist ein relativ schwieriges Thema. Vor allem spielen folgende Elemente im Zusammenhang mit dem Design und der Technik eine wichtige Rolle, also besonders darauf ein Auge werfen:
fieldset
legend
label
for
id
Zum Thema Formular kannst du eine Seite empfehlen? -
Zitat
Ich sehe kein Problem in der Verwendung des neuen Doctypes von HTML5. Was du einfach vergessen hast, ist die Festsetzung des Zeichensatzes, wahrscheinlich deshalb hat der Validator bei den Sonderzeichen Fehler ausgespuckt. Weitere Fehler war, dass du vergessen hast, den "form"-Tag zu schliessen:
Muss ich dann die anderen HTML Dateien auch mit dem HTML Doctypes 5 verwenden oder darf ich da den alten verwenden oder müssen alle Dateien denn gleichen Doctypes tragen? Weiteres wenn ich den Doctypes 5 verwende muss ich nicht dann die neuen Elemente von HTML verwendet oder ist dass jeden selbst überlassen?
Code<link rel="stylesheet" type="text/css" href="#" /> <link rel="shortcut icon" type="image/x-icon" href="#" />
Gehört dass auch noch zu HTML5? Der Aufbau verwirrt mich ein wenig. Ich hätte gemeint dass shortcut icon ist für dass Favicon da? Ist dass möglich dass ich auch alle Fehler behebe mit dem Doctype XHTML 1.0Strict (derzeit verwendet)
Ich hätte gemeint der Aufbau von Doctypes von HTML5 ist so?
Hab mal ein wenig ausgebessert und die Tags geschlossen und nun festgestellt dass statt dass es weniger Fehler werden immer mehr Fehler kommen Poste mal den Code, hab keinen Überblick mehr...
HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title> BHKWPartner - das optimale BHKW von Ihrem Installateur! </title> <link href="./design.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> </div> <div id="left"> <ul id="navigation"> <li> <a href="index.html">Startseite</a> </li> <li> <a href="simulation.html">Simulationsanfrage </a> </li> <li> <a href="planung.html">BHKW-Planung </a> </li> <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li> <li> <a href="aktuelles.html">Aktuelles </a> </li> <li> <a href="info.html">Info </a> </li> <li> <a href="agb.html"> AGB </a> </li> <li> <a href="impressum"> Impressum </a> </li> </ul> <div id="linksunten5"> <p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /> </a> </p> </div> </div> <div id="inhalt"> <p class="abstand">*Gebäude-Typ:</p> <form action="mailto:huml@bhkwpartner.de"> <p> <select name="form" class="form" size="5"> <option>-</option> <option>Wohnhaus</option> <option>Gewerbe(Bäcker,Metzger etc.)</option> <option>Gebäude m. hohem Wärmeberarf (Hotel, Altenheim, Schwimmbad)</option> <option>Gebäude mit geringer Nutzung (Verwaltung, Turnhalle, KiGa, Schule)</option> <option>Sonstiges</option> </select> </form> </p> <form action="mailto:huml@bhkwpartner.de" <p class="abstand">*Zu beheizende Fläche in m² ca: <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*Brennstoff derzeit:</p> <form action="mailto:huml@bhkwpartner.de"> <p> <select name="form" class="form" size="5"> <option>-</option> <option>Heizöl</option> <option>Erdgas</option> <option>Flüssiggas</option> <option>Fernwärme/Strom</option> <option>Pellets/Hackschnitzel</option> </select> </form> </p> <form action="mailto:huml@bhkwpartner.de"> <p class="abstand">*Brennstoffverbrauch/Jahr: <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*Brennstoffeinheit:</p> <form action="mailto:huml@bhkwpartner.de"> <p> <select name="form" class="form" size="3"> <option>-</option> <option>ltr.</option> <option>m³</option> <option>kWh</option> </select> </form> </p> <p class="abstand">*Art der Erzeugung:</p> <form action="mailto:huml@bhkwpartner.de"> <p> <select name="form" class="form" size="3"> <option>-</option> <option>Standard-Kessel</option> <option>Niedertem.-Kessel</option> <option>Brennwert-Kessel</option> <option>Fernwärme,Strom</option> </select> </form> </p> <p class="abstand">*Alter der Heizung:</p> <form action="mailto:huml@bhkwpartner.de"> <p> <select name="form" class="form" size="3"> <option>-</option> <option><10 Jahre</option> <option>10-20 Jahre</option> <option>>20 Jahre</option> </select> </form> </p> <form action="mailto:huml@bhkwpartner.de"> <p class="abstand">Leistung in KW: <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*Stromverbrauch im Jahr: <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*Stromverbrauchseinheit:</p> <form action="simulation.php"> <p> <select name="form" class="form" size="3"> <option>-</option> <option>kWh</option> <option>€</option> </select> </form> </p> <p class="abstand">*Arbeitspreis je kWh Strom in € (aus der letzten Stromrechnung): <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">Bemerkungen: <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*Vorname und Name <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*Adresse <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*PLZ und Wohnort <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*Tel.-Nr. <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*E-Mail-Adresse <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <form action="mailto:huml@bhkwpartner.de"> <p class="abstand">*Regeln und Geschäftsbedingungen gelesen: </p> <p> <input type="checkbox" name="zutat" value="salami"> Ja </p> </form> </div> <div id="fusszeile"> <p>© Otto Huml Wärme und Strom</p> </div> </body> </html>
-
Zitat
wie ich es verstanden habe, kann es zu Problemen mit HTML5 und den Browsern mit den Neuerungen kommen, nicht aber bei den schon in "alten" funktionierenden Auszeichnungen!?
Korrekt...
-
Zitat
Du hast dir den Code validieren lassen.. und weißt nicht wo der Fehler liegt?
Lesen kann Leben rettenNein, ich meine warum dass ein Fehler sein sollte? Vom Validator.
ZitatSo.. jetzt machst du entweder das, was dir der Validator sagt und packst die ganzen Sachen in einen Tag dieser aufgelisteten Art, oder du änderst den Doctype einfach um
Ich hab einfach den HTML5 Doctype verwendet und mir wurde nur ein Error angezeigt, wegen deinen Sonderzeichen^^Ja, dass mach ich, den Doctype ändere ich lieber nicht, meines Wissens verwendet fast niemand den HTML 5 Doctype da es mit Browsern noch Probleme gibt oder ist dass nur ein Gerücht und wenn ich HTML Doctype verwenden würde, muss ich dass ja in den anderen HTML Dateien auch ändern oder nicht? Verstehe jetzt nicht warum er bei Sonderzeichen einen Fehler ausgibt...
-
Hallo, ich hab folgendes Problem hab vorher Formularfelder gemacht in der simulation.html und hab den Code validiert wo der Validator mir aber sagte dass 28 Fehler ihn Code seien, wo ich aber keine Fehler gefunden habe. Und außerdem weiß ich auch nicht ob ich richtig vorgehe, denn dass letzte mal als ich ein Formular gemacht habe ist schon wieder 2 Jahre her. Außerdem möchte ich ein Formularfeld wie im Screenshot zu sehen machen, hab schon zahlreiche Seiten durchsucht aber nicht dass passende Formularfeld gefunden. Möchte dass das Formular dann per Email übersandt wird, muss ich eigentlich erst die Formularfelder machen und dann die PHP Datei oder ist dass egal? Möchte dass das Formular mit dem gekennzeichneten Sternen ausgefüllt werden muss und wenn dass Formular mit den * nicht ausgefüllt worden ist, dass es nicht abgesendet werden kann. Meines Wissens ist es besser wenn man es in PHP macht, denn in HTML geht es nur mit Javascripts und wenn einer mal Javascripts nicht aktiviert hat, ist es eigentlich um sonst.
simulation.html:
HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title> BHKWPartner - das optimale BHKW von Ihrem Installateur! </title> <link href="./design.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> </div> <div id="left"> <ul id="navigation"> <li> <a href="index.html">Startseite</a> </li> <li> <a href="simulation.html">Simulationsanfrage </a> </li> <li> <a href="planung.html">BHKW-Planung </a> </li> <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li> <li> <a href="aktuelles.html">Aktuelles </a> </li> <li> <a href="info.html">Info </a> </li> <li> <a href="agb.html"> AGB </a> </li> <li> <a href="impressum"> Impressum </a> </li> </ul> <div id="linksunten5"> <p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /> </a> </p> </div> </div> <div id="inhalt"> <p class="abstand">*Gebäude-Typ:</p> <form action="simulation.php"> <select name="form" class="form" size="5"> <option>-</option> <option>Wohnhaus</option> <option>Gewerbe(Bäcker,Metzger etc.)</option> <option>Gebäude m. hohem Wärmeberarf (Hotel, Altenheim, Schwimmbad)</option> <option>Gebäude mit geringer Nutzung (Verwaltung, Turnhalle, KiGa, Schule)</option> <option>Sonstiges</option> </select> <form action="input_text.htm"> <p class="abstand">*Zu beheizende Fläche in m² ca: <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*Brennstoff derzeit:</p> <form action="simulation.php"> <select name="form" class="form" size="5"> <option>-</option> <option>Heizöl</option> <option>Erdgas</option> <option>Flüssiggas</option> <option>Fernwärme/Strom</option> <option>Pellets/Hackschnitzel</option> </select> <form action="input_text.htm"> <p class="abstand">*Brennstoffverbrauch/Jahr: <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*Brennstoffeinheit:</p> <form action="simulation.php"> <select name="form" class="form" size="3"> <option>-</option> <option>ltr.</option> <option>m³</option> <option>kWh</option> </select> <p class="abstand">*Art der Erzeugung:</p> <form action="simulation.php"> <select name="form" class="form" size="3"> <option>-</option> <option>Standard-Kessel</option> <option>Niedertem.-Kessel</option> <option>Brennwert-Kessel</option> <option>Fernwärme,Strom</option> </select> <p class="abstand">*Alter der Heizung:</p> <form action="simulation.php"> <select name="form" class="form" size="3"> <option>-</option> <option><10 Jahre</option> <option>10-20 Jahre</option> <option>>20 Jahre</option> </select> <form action="input_text.htm"> <p class="abstand">Leistung in KW: <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*Stromverbrauch im Jahr: <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*Stromverbrauchseinheit:</p> <form action="simulation.php"> <select name="form" class="form" size="3"> <option>-</option> <option>kWh</option> <option>€</option> </select> <p class="abstand">*Arbeitspreis je kWh Strom in € (aus der letzten Stromrechnung): <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">Bemerkungen: <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*Vorname und Name <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*Adresse <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*PLZ und Wohnort <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*Tel.-Nr. <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <p class="abstand">*E-Mail-Adresse <br /> <input name="form" type="text" class="form" size="30" maxlength="30"></p> </form> <form action="mailto:huml@bhkwpartner.de"> <p class="abstand">*Regeln und Geschäftsbedingungen gelesen:</p> <p> <input type="checkbox" name="zutat" value="salami"> Ja </p> </form> </div> <div id="fusszeile"> <p>© Otto Huml Wärme und Strom</p> </div> </body> </html>
Edit: Code vergessen
-
Zitat
Du zeichnest Text grundsätzlich immer so aus, was es halt für ein Text ist. Und wenn es eine Liste ist, zeichnest du ihn eben auch als Liste aus, demnach <ul> oder <ol>.
Ok.
Zitat"Logisch" wichtiger bedeutet, dass der Text, den du mit <strong> umschließt, eben wichtiger ist als der Rest des Textes
Ist es auch...
Normal müsste der HTML Code jetzt richtig sein...
HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title> BHKWPartner - das optimale BHKW von Ihrem Installateur! </title> <link href="./design.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> </div> <div id="left"> <ul id="navigation"> <li> <a href="index.html">Startseite</a> </li> <li> <a href="simulation.html">Simulationsanfrage </a> </li> <li> <a href="planung.html">BHKW-Planung </a> </li> <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li> <li> <a href="aktuelles.html">Aktuelles </a> </li> <li> <a href="info.html">Info </a> </li> <li> <a href="agb.html"> AGB </a> </li> <li> <a href="impressum"> Impressum </a> </li> </ul> <div id="linksunten"> </div> </div> <div id="inhalt"> <h4> <strong> Jetzt 1.000 € Förderung für Mikro-BHKW (bis 31.12.2010 - standortabhängig) </strong> </h4> <p> <strong>Senden Sie uns Ihre Simulationsanfrage.</strong> Schnell und einfach! <strong> Wir erstellen</strong> für Sie <strong> ein herstellerunabhängiges BHKW-Gutachten, mit Aggregatsempfehlung,</strong> ob und <strong>wie es sich rechnet</strong> - was es kostet, <strong> was es bringt!</strong> </p> <p class="Rot"> <strong> Unkostenbeitrag für herstellerunabhängiges Gutachten 27.--€ zzgl. Ust. </strong> </p> <p> <strong> Den bis zu 4,5-fachen Vorteil mit dem richtigen BHKW nutzen! </strong> </p> <p> <a href="aktuelles.html">Lesen sie auch hier<< </a> </p> <p>Und so einfach geht's</p> <ul> <li> <strong>1.</strong>Simulationsanfrage stellen. </li> <li> <strong>2. </strong>BHKW-Gutachten abwarten. </li> <li> <strong>3. </strong>Unverbindliches Angebot erhalten - vom Installateur in Ihrer Nähe. </li> </ul> <p class="abstand"> <strong> <a href="simulation.html">Erstellen Sie Ihre Simulationsanfrage hier<<</a> </strong> </p> <p> <strong>BHKWPartner - in Deutschland einmalig!</strong> <br /> Der erste neutrale BHKW - Volldienstleister. Von der Auslegung bis zur Planung, Inbetriebnahme und Abrechnung. Alle marktgängige, zuverlässige und förderfähige Aggregate von 1 - 500 kW (el)! </p> <p> <strong>Spezialist für BHKW-Auslegung aller Größenordnung. Für Sie immer Up to Date! <br /> Blockheizkraftwerk ? - Ja, aber richtig! </strong> </p> </div> <div id="fusszeile"> <p>© Otto Huml Wärme und Strom</p> </div> </body> </html>
Edit: Code
-
Zitat
Wenn der Text nicht logisch wichtiger ist, ist es nach meinem Verständnis korrekt ihn mit <b> auszuzeichnen.
Was verstehst du unter logisch wichtiger? Das gibt mir jetzt irgendwie keinen Sinn. -
Zitat
Theoretisch darfst du <br /> verwenden, aber in ungefähr 99% der Fälle gibt es ne bessere Lösung
Das entscheidet sich nach der Situation dann.Das heißt dann es ist besser <ul> </ul> zu verwenden wenn es sich um eine Liste handelt?
ZitatDesweiteren: <strong> ist eine logische Hervorhebung. Ich weiß nicht, ob all das, was du hier mit <strong> auszeichnest, auch wirklich logisch wichtiger ist als der Rest.
Wie soll ich dass jetzt verstehen? Also es handelt sich nicht um meinem Text sondern ich muss die Website für meinen Vater machen und der sagte mir er möchte es so haben
-
Poste hier mal meine Index.html und die dazugehörige CSS Datei
Möchte nur Wissen ob meine Vorgehensweise richtig ist oder nicht. Komme nochmal zum Umbruch <br / > darf ich den Umbruch verwenden, wenn z.B. der Text jetzt noch in der gleichen Zeile steht und möchte aber dass es gleich unter den Text kommt und kein Abstand sein sollte.Index.html
HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title> BHKWPartner - das optimale BHKW von Ihrem Installateur! </title> <link href="./design.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> </div> <div id="left"> <ul id="navigation"> <li> <a href="index.html">Startseite</a> </li> <li> <a href="simulation.html">Simulationsanfrage </a> </li> <li> <a href="planung.html">BHKW-Planung </a> </li> <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li> <li> <a href="aktuelles.html">Aktuelles </a> </li> <li> <a href="info.html">Info </a> </li> <li> <a href="agb.html"> AGB </a> </li> <li> <a href="impressum"> Impressum </a> </li> </ul> <div id="linksunten"> </div> </div> <div id="inhalt"> <h4> <strong> Jetzt 1.000 € Förderung für Mikro-BHKW (bis 31.12.2010 - standortabhängig) </strong> </h4> <p> <strong>Senden Sie uns Ihre Simulationsanfrage.</strong> Schnell und einfach! <strong> Wir erstellen</strong> für Sie <strong> ein herstellerunabhängiges BHKW-Gutachten, mit Aggregatsempfehlung,</strong> ob und <strong>wie es sich rechnet</strong> - was es kostet, <strong> was es bringt!</strong> </p> <p class="Rot"> <strong> Unkostenbeitrag für herstellerunabhängiges Gutachten 27.--€ zzgl. Ust. </strong> </p> <p> <strong> Den bis zu 4,5-fachen Vorteil mit dem richtigen BHKW nutzen! </strong> </p> <p> <a href="aktuelles.html">Lesen sie auch hier<< </a> </p> <p>Und so einfach geht's</p> <p> <strong>1. </strong>Simulationsanfrage stellen.</p> <p class="abstand"> <strong>2. </strong>BHKW-Gutachten abwarten. </p> <p class="abstand"> <strong>3. </strong>Unverbindliches Angebot erhalten - vom Installateur in Ihrer Nähe. </p> <p> <strong> <a href="simulation.html">Erstellen Sie Ihre Simulationsanfrage hier<<</a> </strong> </p> <p> <strong>BHKWPartner - in Deutschland einmalig!</strong> <br /> Der erste neutrale BHKW - Volldienstleister. Von der Auslegung bis zur Planung, Inbetriebnahme und Abrechnung. Alle marktgängige, zuverlässige und förderfähige Aggregate von 1 - 500 kW (el)! </p> <p> <strong>Spezialist für BHKW-Auslegung aller Größenordnung. Für Sie immer Up to Date! <br /> Blockheizkraftwerk ? - Ja, aber richtig! </strong> </p> </div> <div id="fusszeile"> <p>© Otto Huml Wärme und Strom</p> </div> </body> </html>
CSS Datei:
Code
Alles anzeigen* { margin:0; padding:0; border:0; list-style:none; text-decoration:none; font-family: Arial, Helvetica, sans-serif; } /*Kopf-------------------------------------------------------------------------------*/ div#header { background:url(images/header.gif); visibility: visible; height:110px; padding-left: 100px; background-repeat:no-repeat; } /*Navigation------------------------------------------------------------------------*/ #left { float: left; clear: left; width: 18%; } ul#navigation a{ display: block; border: 1px outset #FFA500; background: #616161; padding: 10px; color: #FFFFFF; font-weight: bold; border-style: outset; } ul#navigation a:hover { display: block; border: 1px outset #FFA500; background: #FFA500; color: #FFFFFF; border-style: outset; } /*Inhalt-----------------------------------------------------------------------------*/ #inhalt { color: black; font-size: 11pt; float: right; width: 80%; } #inhalt a { color: blue; margin-left: 2em; } .abstand { margin-top:1em; } /*Absätze-----------------------------------------------------------------------------*/ p { margin-bottom: 1em; } h4 { line-height:1cm; font-size:12pt; font-style:italic; } /*Sonstiges------------------------------------------------------------------------*/ .Rot { color:red; line-height:1cm; } #linksunten { background:#FFA500; visibility:visible; height:200px; width:181px; } #linksunten2 { background:#FFA500; visibility:visible; height:1400px; width:181px; } #linksunten3 { background:#FFA500; visibility:visible; height:580px; width:181px; } #linksunten4 { background:#FFA500; visibility:visible; height:1130px; width:181px; } #linksunten5 { background:#FFA500; visibility:visible; height:600px; width:181px; } #linksunten6 { background:#FFA500; visibility:visible; height:100px; width:181px; } .Orange { color:#FFA500; /*Fusszeile---------------------------------------------------------------------------*/ } div#fusszeile { background: #FFA500; height: 129px; text-align: center; line-height:3cm; clear:both; } /*Formular---------------------------------------------------------------------------*/ .form { background:#FFA500; border-style:dashed; }
-
Ich würde vom Design eigentlich sagen dass es OK, natürlich kann man was verändern also mein Vorschlag wäre, da es sich ja eigentlich um ein HTML,PHP und CSS Forum handelt dass man den weißen Hintergrund durch Code's ersetzt also Hintergrundgrafik z.B. HTML Code oder PHP Code da es optisch dann sehr ansprechend wirkt und jeder weiß eigentlich dann um was es geht... Außer er sucht ein anderes Forum... z.B. Auto Forum Den Header würde ich dunkelblau machen und den Text im Header entweder Schwarz oder helle Farben wie Orange. Das Logo im Header ist mir ein bisschen zu Bunt, dass ist aber nur meine Meinung, jeder hat eine andere Meinung zum Design. Mir ist gerade aufgefallen dass man nur Profilbilder hoch laden kann mit einer Größe von 80x80 ob es möglich wäre die Größe auf 130x130 aufzustocken
Edit: Gerade aufgefallen
-
Zitat
der Sreenshot ist warscheinlich das Bild ganz unten!?
Es liegt einzig und allein daran das ich die Zeichenfolge "Überflüssiges" nicht auskommentiert habe!
Sonst ist alles in bester Ordnung^^
Jop, hast recht
ZitatWenn du im HTML schreibst class="test" und im CSS #test kann das ganze übrigens nicht funktionieren... Nur mal so am Rande..
Sorry verschrieben korrigiere:
test.html
HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title> Test </title> <link href="./test.css" type="text/css" rel="stylesheet" /> </head> <body> <p class="test">Hallo</p> <p class="test2">Hallo2</p> </body> </html>
test.css:
Code
Alles anzeigen* { margin:0; padding:0; border:0; list-style:none; text-decoration:none; font-family: Arial, Helvetica, sans-serif; } .test { margin-top: 1em; } .test2 { margin-top:2em;
PS: Da dass mit dem <br /> ja falsch ist, müsste diese Test Vorgehensweise ja richtig sein oder?
-
Zitat
Bitte informiere mich warum mein css nicht valide ist!
Danke^^Folgender Fehler wird bei deinem CSS Code angezeigt (Screenshot)
ZitatGenau so musst du arbeiten, <br /> ist dafür, wenn du in einem Text mal einen Zeilenumbruch brauchst und keinen neuen <p> anfangen möchtest.
Also muss ich es so machen (wie im dem Beispiel wie ich es dargestellt habe?
Oder doch wieder nicht richtig?HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title> Test </title> <link href="./test.css" type="text/css" rel="stylesheet" /> </head> <body> <p class="test">Hallo</p> <p class="test2">Hallo2</p> </body> </html>
test.css:
Code
Alles anzeigen* { margin:0; padding:0; border:0; list-style:none; text-decoration:none; font-family: Arial, Helvetica, sans-serif; } #test { margin-top: 1em; } #test2 { margin-top:2em;
[/code]
-
Zitat
Welcher Anbieter macht welchen Fehler?
Ja, der Validator von <!-- m --><a class="postlink" href="http://validator.w3.org/">http://validator.w3.org/</a><!-- m --> hatte es immer eine gleiche Seite angezeigt obwohl dass der Code Valide war. Hab es dann noch mit einem anderen Validatordienst versucht, der sagte mir dass alles Ok ist, also muss es doch ein Anzeigefehler gewesen sein, von nichts kommt nichts -
Zitat
Es geht nicht um den Abstand zum Rand, sondern um den Abstand zu jedem Element, also auch von p - p.
OK,Klartext heißt dass also ich muss alle Umbrüche von den HTML Seiten entfernen und stattdessen mit margin-top ersetzen richtig? Oder falsch?
ZitatDie visibility ist bei allen Elementen Standardmäßig auf visible, also braucht man es nicht angeben.
Ja, du hast recht hab dass noch von Anfang an drin gehabt und vergessen es zu entfernen... Sorry...ZitatPS: Werd mich für 2 Wochen nicht mehr melden, fahre heute Abend in Urlaub.
Na dann viel Spaß -
Zitat
Warum <br /> stattdessen margin-top
Der Befehl margin-top = absoluter Abstand zum Seitenrand, ich brauche aber nicht den Seitenrand sondern den Abstand zwischen Text und Text also Umbruch <br />
ZitatWarum <p> macht an dieser Stelle keinen Unterschied
Dachte ich am Anfang auch aber ich hab festgestellt beim Formular also der simulation.html dass wenn ich nur ein <p> verwende dann wird mir der Text <p>*Gebäude-Typ:</p> unten angezeigt statt oben.ZitatWarum name"1" und Class "1"
Meines Wissens darf man einen beliebigen Namen geben daher name"1" und class"1"Zitataus Interesse: für was wird die visibility im header auf visible gestellt?
Weil es sich um eine Grafik in Header handelt und nicht um einen Text. Werde mir dass nochmal anschauen kann sein dass ich hier einen Fehler rein gebaut habe.Zitat<form action xxx.html> ich glaube das html ist nicht dafür geeignet?
Bei <!-- m --><a class="postlink" href="http://de.selfhtml.org/html/formulare/eingabe.htm">http://de.selfhtml.org/html/formulare/eingabe.htm</a><!-- m --> wird dass aber anders beschrieben.ZitatKlasse .orange ist nicht im html dokument
Das befindet sich in einem anderen, werde mal alle Posten dass keine Unstimmigkeiten entstehen.Index.html
HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title> BHKWPartner - das optimale BHKW von Ihrem Installateur! </title> <link href="./design.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> </div> <div id="left"> <ul id="navigation"> <li> <a href="index.html">Startseite</a> </li> <li> <a href="simulation.html">Simulationsanfrage </a> </li> <li> <a href="planung.html">BHKW-Planung </a> </li> <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li> <li> <a href="aktuelles.html">Aktuelles </a> </li> <li> <a href="info.html">Info </a> </li> <li> <a href="agb.html"> AGB </a> </li> <li> <a href="impressum"> Impressum </a> </li> </ul> <div id="linksunten"> <p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /> </a> </p> </div> </div> <div id="inhalt"> <h4> <strong> Jetzt 1.000 € Förderung für Mikro-BHKW (bis 31.12.2010 - standortabhängig) </strong> </h4> <p> <strong>Senden Sie uns Ihre Simulationsanfrage.</strong> Schnell und einfach! <strong> Wir erstellen</strong> für Sie <strong> ein herstellerunabhängiges BHKW-Gutachten, mit Aggregatsempfehlung,</strong> ob und <strong>wie es sich rechnet</strong> - was es kostet, <strong> was es bringt!</strong> </p> <p class="Rot"> <strong> Unkostenbeitrag für herstellerunabhängiges Gutachten 27.--€ zzgl. Ust. </strong> </p> <p> <strong> Den bis zu 4,5-fachen Vorteil mit dem richtigen BHKW nutzen! </strong> </p> <p> <a href="aktuelles.html">Lesen sie auch hier<< </a> </p> <p>Und so einfach geht's</p> <p> <strong>1. </strong>Simulationsanfrage stellen.<br /> <strong>2. </strong>BHKW-Gutachten abwarten.<br /> <strong>3.</strong>Unverbindliches Angebot erhalten - vom Installateur in Ihrer Nähe. </p> <p><strong> <a href="simulation.html">Erstellen Sie Ihre Simulationsanfrage hier<<</a> </strong></p> <p><strong>BHKWPartner - in Deutschland einmalig!</strong></p> <p> Der erste neutrale BHKW - Volldienstleister. Von der Auslegung bis zur Planung, Inbetriebnahme und Abrechnung. Alle marktgängige, zuverlässige und förderfähige Aggregate von 1 - 500 kW (el)! </p> <p> <br /> <strong> Spezialist für BHKW-Auslegung aller Größenordnung. Für Sie immer Up to Date! <br /> Blockheizkraftwerk ? - Ja, aber richtig! </strong> </p> </div> <div id="fusszeile"> <p>© Otto Huml Wärme und Strom</p> </div> </body> </html>
simulation.html
HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title> BHKWPartner - das optimale BHKW von Ihrem Installateur! </title> <link href="./design.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> </div> <div id="left"> <ul id="navigation"> <li> <a href="index.html">Startseite</a> </li> <li> <a href="simulation.html">Simulationsanfrage </a> </li> <li> <a href="planung.html">BHKW-Planung </a> </li> <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li> <li> <a href="aktuelles.html">Aktuelles </a> </li> <li> <a href="info.html">Info </a> </li> <li> <a href="agb.html"> AGB </a> </li> <li> <a href="impressum"> Impressum </a> </li> </ul> <div id="linksunten5"> <p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /> </a> </p> </div> </div> <div id="inhalt"> <br /> <p>*Gebäude-Typ:</p> <form action="mailto:huml@bhkwpartner.de"> <form action="simulation.php"> <select name="form" class="form" size="5"> <p> <option>Wohnhaus</option> <option>Gewerbe(Bäcker,Metzger etc.)</option> <option>Gebäude m. hohem Wärmeberarf (Hotel, Altenheim, Schwimmbad)</option> <option>Gebäude mit geringer Nutzung (Verwaltung, Turnhalle, KiGa, Schule)</option> <option>Sonstiges</option> </p> </select> </div> <div id="fusszeile"> <p>© Otto Huml Wärme und Strom</p> </div> </body> </html>
planung.html
HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title> BHKWPartner - das optimale BHKW von Ihrem Installateur! </title> <link href="./design.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> </div> <div id="left"> <ul id="navigation"> <li> <a href="index.html">Startseite</a> </li> <li> <a href="simulation.html">Simulationsanfrage </a> </li> <li> <a href="planung.html">BHKW-Planung </a> </li> <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li> <li> <a href="aktuelles.html">Aktuelles </a> </li> <li> <a href="info.html">Info </a> </li> <li> <a href="agb.html"> AGB </a> </li> <li> <a href="impressum"> Impressum </a> </li> </ul> <div id="linksunten6"> <p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /> </a> </p> </div> </div> <div id="inhalt"> <br /> <h3> <strong>Planungsunterstützung</strong> </h3> <br /> <p>Gerne unterstützen wir Sie bei der Planung Ihrer BHKW-Anlage. Hierzu nehmen Sie einfach Kontakt auf um näheres zu besprechen. huml@bhkwpartner.de</p> </div> <div id="fusszeile"> <p>© Otto Huml Wärme und Strom</p> </div> </body> </html>
abrechnung.html
HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title> BHKWPartner - das optimale BHKW von Ihrem Installateur! </title> <link href="./design.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> </div> <div id="left"> <ul id="navigation"> <li> <a href="index.html">Startseite</a> </li> <li> <a href="simulation.html">Simulationsanfrage </a> </li> <li> <a href="planung.html">BHKW-Planung </a> </li> <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li> <li> <a href="aktuelles.html">Aktuelles </a> </li> <li> <a href="info.html">Info </a> </li> <li> <a href="agb.html"> AGB </a> </li> <li> <a href="impressum"> Impressum </a> </li> </ul> <div id="linksunten5"> <p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /> </a> </p> </div> </div> <div id="inhalt"> <br /> <img src="images/BHKW_A1.jpg" width="619" height="507" alt="Dienstleistungsangebot" /> <img src="images/BHKW_A2.jpg" width="617" height="382" alt="Dienstleistungsangebot" /> </div> <div id="fusszeile"> <p>© Otto Huml Wärme und Strom</p> </div> </body> </html>
aktuelles.html
HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title> BHKWPartner - das optimale BHKW von Ihrem Installateur! </title> <link href="./design.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> </div> <div id="left"> <ul id="navigation"> <li> <a href="index.html">Startseite</a> </li> <li> <a href="simulation.html">Simulationsanfrage </a> </li> <li> <a href="planung.html">BHKW-Planung </a> </li> <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li> <li> <a href="aktuelles.html">Aktuelles </a> </li> <li> <a href="info.html">Info </a> </li> <li> <a href="agb.html"> AGB </a> </li> <li> <a href="impressum"> Impressum </a> </li> </ul> <div id="linksunten4"> <p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /> </a> </p> </div> </div> <div id="inhalt"> <br /> <p> <strong>Für das gleiche Objekt die 4,5 fache Vorteilhaftigkeit</strong> <br /> <span class="Orange">07.06.2010</span> <br /> Sehen Sie hier wie sich die richtige BHKW - Auswahl auswirkt. </p> <br /> </div> <div id="fusszeile"> <p>© Otto Huml Wärme und Strom</p> </div> </body> </html>
info.html
HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title> BHKWPartner - das optimale BHKW von Ihrem Installateur! </title> <link href="./design.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> </div> <div id="left"> <ul id="navigation"> <li> <a href="index.html">Startseite</a> </li> <li> <a href="simulation.html">Simulationsanfrage </a> </li> <li> <a href="planung.html">BHKW-Planung </a> </li> <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li> <li> <a href="aktuelles.html">Aktuelles </a> </li> <li> <a href="info.html">Info </a> </li> <li> <a href="agb.html"> AGB </a> </li> <li> <a href="impressum"> Impressum </a> </li> </ul> <div id="linksunten4"> <p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /> </a> </p> </div> </div> <div id="inhalt"> <br /> <h3> <strong>So einfach geht’s:</strong> </h3> <br /> <p> <strong>Beispiel einer Zusammenarbeit:</strong> <br /> <br /> <strong>Kundenmeinung:</strong> <br /> <br /> <i>„Unser Heizungsbau-Fachbetrieb hat zu BHKW-Partner Herrn Huml Kontakt aufgenommen in Sachen Einsatz einer BHKW-Anlage. Innerhalb von 2 Monaten wurde unter der Leitung / Beratung von Herrn Huml ein BHKW ausgewählt, die Wirtschaftlichkeit dargestellt, ein Hersteller-Angebot eingeholt, der Einbau mit dem Heizungsbauer abgestimmt und die Fördermittel beantragt. Wir fühlen uns durch die Betreuung gut aufgehoben. BHKW-Partner ist für uns immer erreichbar und unserer Meinung nach ein Fachmann für BHKW Einsatz. Wir können die Dienstleistung nur weiterempfehlen”.</i> <br /> <br /> <strong>Alexandra Steiner, Inhaberin Landhaus - Hotel & Cafe, Wolfratshausen</strong> <br /> </p> <img src="images/steiner_ecopower-1.jpg" width="600" height="450" alt="Beispiel einer Zusammenarbeit" /> <br /> <br /> <p> <strong>Kundenanlage: Landshaus - Hotel & Cafe, Wolfratshausen <br /> Foto: Fa. Richard Kugler, Wolfratshausen</strong> <br /> <br /> <strong>Und so funktionierts:</strong> <br /> </p> <img src="images/Schema.jpg" width="550" height="622" alt="Schema" /> </div> <div id="fusszeile"> <p>© Otto Huml Wärme und Strom</p> </div> </body> </html>
agb.html
HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title> BHKWPartner - das optimale BHKW von Ihrem Installateur! </title> <link href="./design.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> </div> <div id="left"> <ul id="navigation"> <li> <a href="index.html">Startseite</a> </li> <li> <a href="simulation.html">Simulationsanfrage </a> </li> <li> <a href="planung.html">BHKW-Planung </a> </li> <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li> <li> <a href="aktuelles.html">Aktuelles </a> </li> <li> <a href="info.html">Info </a> </li> <li> <a href="agb.html"> AGB </a> </li> <li> <a href="impressum"> Impressum </a> </li> </ul> <div id="linksunten3"> <p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /> </a> </p> </div> </div> <div id="inhalt"> <br /> <h3> <strong>Allgemeine Geschäftsbedingungen</strong> </h3> <br /> <p>Firma Otto Huml, Wärme und Strom (im folgenden BHKWPartner genannt) berechnet (simuliert) deutschlandweit aufgrund der vom Interessenten angegebenen Daten, für eine Unkostenpauschale von 27 € zzgl. 19% Ust die Laufzeit und Wirtschaftlichkeit von Blockheizkraftwerken (BHKW). Die Berechnungen erfolgen grundsätzlich unter dem Aspekt, das sich individuell vorhandene Kraft-Wärme-Potential optimal auszuschöpfen. Das KWK-Potential ist optimal ausgeschöpft, wenn unter Berücksichtigung der Situation des Interessenten (Wärmebedarf, Prozesswärme, Strombedarf, Stromtarif, Bestandsheizung, Alter der Bestandsheizung etc., aktueller Gesetzeslage (KWK-Gesetz, EEGesetz) und Fördermöglichkeiten (derzeit BAFA-Förderung), das Aggregat ausgewählt wird, welches den besten wirtschaftlichen Erfolg (Betrachtungszeitraum 10 Jahre) bringt. Eine Haftung für die durchgeführten Berechnungen, oder eine Herleitung evtl. wirtschaftlicher Nachteile des Interessenten, welche auf diese Berechnungen begründet werden, kann nicht übernommen werden. <br /> <br /> BHKWPartner stellt die Berechnungen grundsätzlich herstellerneutral an. Bei den Simulationen werden Aggregate namhafter Hersteller angesetzt, welche in Serie produziert werden und wo Service- und Betreuung gegeben ist. <br /> <br /> Im Ergebnis wird dem Interessenten eine Wirtschaftlichkeitsberechnung unterbreitet, welche auch der Begutachtung eines Dritten Fachmannes, standhält. Dem Intererssenten wird in dieser Berechnung 1 Aggregat vorgeschlagen, mit welchem sich das wirtschaftlich beste Ergebnis darstellt. BHKWPartner vermittelt für dieses BHKW einen Installateur in unmittelbarer Nähe des Interessenten, welcher in Zusammenarbeit mit BHKWPartner und dem Hersteller nach Vorortbesichtigung der Interressentengegebenheiten (Heizraum, Abgasführung, Einbringung etc.) ein unverbindliches Angebot unterbreitet. <br /> <br /> Der Installateur kann auch nach Wahl des Interessenten sein - dieser ist dem BHKWPartner vor der „Angebotsphase” mitzuteilen. Grundsätzlich kann nur mit Zustimmung des BHKWPartners ein anderer als der ursprünglich vorgesehene Installateur mit der Beauftragung über den Einbau der vom BHKWPartner empfohlenen BHKW-Anlage beauftragt werden. Wird von diesem Grundsatz abgewichen ist BHKWPartner berechtigt evtl. entgangenen Gewinn vom Interessenten einzufordern. Wird vom Interessenten ein anderes als das von BHKWPartner empfohlene Aggregat installiert, so ist BHKWPartner berechtigt eine einmalige Schutzgebühr in Höhe von einhundert euro zzgl. geltender gesetzlicher Ust. zu erheben. <br /> <br /> Der Interessent verpflichtet sich dem BHKWPartner anzuzeigen, sollte er sich für den Erwerb und Installation des von BHKWPartner empfohlenen Aggregates entschließen. Auf Anfrage (Fax, Mail, Postwege) von BHKWPartner ist der Interessent verpflichet Auskunft darüber zu geben, ob und ggf. wann sich die Anschaffung des vom BHKWPartner empfohlenen Aggregates realisiert. Ist der Interessent nicht bereit innerhalb 4 Wochen (ab Datum der Anfrage, oder späterer Anfragen) diese Auskunft zu geben, wird eine einmalige Schutzgebühr in Höhe von einhundert euro zzgl. geltender gesetzlicher Ust. fällig, welche vom Interessenten sofort nach Erhalt der Schutzgebühr-Rechnung auf das dort angegebene Konto des BHKWPartner´s zu überweisen ist. Der BHKWPartner ist berechtigt bis zu 2 Jahren nach Simulationsunterbreitung beim Interessenten Auskunft einzuholen. <br /> <br /> <strong>Datenschutzerklärung</strong> <br /> <br /> Hiermit versichern wir Ihnen, dass Ihre Daten im Rahmen der gesetzlichen Vorschriften geschützt werden. Ihre Daten werden nur zur Beantwortung Ihrer Anfrage verwendet. <br /> <br /> <strong>Salvatorische Klausel</strong> <br /> <br /> Sollte eine Bestimmung vorstehender AGB's unwirksam sein, bleiben die übrigen Bestimmungen davon unberührt. Die unwirksame Bestimmung gilt als durch eine solche ersetzt, welche dem Sinn der unwirksamen Bestimmung am nächsten kommt. Die selbe Vorgehensweise gilt für eventuell nicht geregelte Sachverhalte. <br /> <br /> <strong>Stand der AGB: Juli 2010</strong> </p> </div> <div id="fusszeile"> <p>© Otto Huml Wärme und Strom</p> </div> </body> </html>
impressum.html
HTML
Alles anzeigen<!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" xml:lang="de" lang="de"> <head> <title> BHKWPartner - das optimale BHKW von Ihrem Installateur! </title> <link href="./design.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> </div> <div id="left"> <ul id="navigation"> <li> <a href="index.html">Startseite</a> </li> <li> <a href="simulation.html">Simulationsanfrage </a> </li> <li> <a href="planung.html">BHKW-Planung </a> </li> <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li> <li> <a href="aktuelles.html">Aktuelles </a> </li> <li> <a href="info.html">Info </a> </li> <li> <a href="agb.html"> AGB </a> </li> <li> <a href="impressum"> Impressum </a> </li> </ul> <div id="linksunten2"> <p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" /> </a> </p> </div> </div> <div id="inhalt"> <h4> <strong> Impressum </strong> </h4> <p> <strong> Otto Huml Wärme und Strom </strong> </p> Landshuter Str. 8 <br /> <br /> 94065 Waldkirchen <br /> <br /> Tel.: 08581/9875576 <br /> <br /> Fax: 08581/910375 <br /> <br /> Mail: huml@bhkwpartner.de <br /> <br /> Web: www.bhkwpartner.de <br /> <br /> Rechtsform: Einzelfirma, Inhaber Otto Huml <br /> <br /> Sitz der Gesellschaft: Landshuter Str. 8, 94065 Waldkirchen <br /> <br /> <strong> Administrativer Ansprechpartner </strong> <br /> <br /> <strong>Christian Huml IT Dienstleistungen </strong> <br /> <br /> Landshuter Str. 8 <br /> <br /> 94065 Waldkirchen <br /> <br /> Tel.: 08581/9863758 <br /> <br /> Mail: admin@bhkwpartner.de <br /> <br /> Der rechtliche Eigentümer von Grafiken und Design ist: Christian Huml. <br /> <br /> <strong> Haftungsauschluss </strong> <br /> <br /> <strong>1.Inhalt des Onlineangebotes</strong> <br /> <br /> Der Autor übernimmt keinerlei Gewähr für die Aktualität, Korrektheit, Vollständigkeit oder Qualität der bereitgestellten <br /> Informationen. Haftungsansprüche gegen den Autor, welche sich auf Schäden materieller oder ideeller Art beziehen, die durch die Nutzung oder Nichtnutzung der dargebotenen Informationen bzw. durch die Nutzung fehlerhafter und unvollständiger Informationen verursacht wurden, sind grundsätzlich ausgeschlossen, sofern seitens des Autors kein nachweislich vorsätzliches oder grob fahrlässiges Verschulden vorliegt. Alle Angebote sind freibleibend und unverbindlich. Der Autor behält es sich ausdrücklich vor, Teile der Seiten oder das gesamte Angebot ohne gesonderte Ankündigung zu verändern, zu ergänzen, zu löschen oder die Veröffentlichung zeitweise oder endgültig einzustellen. <br /> <br /> <strong>2.Verweise und Links</strong> <br /> <br /> Bei direkten oder indirekten Verweisen auf fremde Webseiten ("Hyperlinks"), die außerhalb des Verantwortungsbereiches des Autors liegen, würde eine Haftungsverpflichtung ausschließlich in dem Fall in Kraft treten, in dem der Autor von den Inhalten Kenntnis hat und es ihm technisch möglich und zumutbar wäre, die Nutzung im Falle rechtswidriger Inhalte zu verhindern. Der Autor erklärt hiermit ausdrücklich, dass zum Zeitpunkt der Linksetzung keine illegalen Inhalte auf den zu verlinkenden Seiten erkennbar waren. Auf die aktuelle und zukünftige Gestaltung, die Inhalte oder die Urheberschaft der verlinkten/verknüpften Seiten hat der Autor keinerlei Einfluss. Deshalb distanziert er sich hiermit ausdrücklich von allen Inhalten aller verlinkten /verknüpften Seiten, die nach der Linksetzung verändert wurden. Diese Feststellung gilt für alle innerhalb des eigenen Internetangebotes gesetzten Links und Verweise sowie für Fremdeinträge in vom Autor eingerichteten Gästebüchern, Diskussionsforen, Linkverzeichnissen, Mailinglisten und in allen anderen Formen von Datenbanken, auf deren Inhalt externe Schreibzugriffe möglich sind. Für illegale, fehlerhafte oder unvollständige Inhalte und insbesondere für Schäden, die aus der Nutzung oder Nichtnutzung solcherart dargebotener Informationen entstehen, haftet allein der Anbieter der Seite, auf welche verwiesen wurde, nicht derjenige, der über Links auf die jeweilige Veröffentlichung lediglich verweist. <br /> <br /> <strong>3.Urheber- und Kennzeichenrecht</strong> <br /> <br /> Der Autor ist bestrebt, in allen Publikationen die Urheberrechte der verwendeten Bilder, Grafiken, Tondokumente, Videosequenzen und Texte zu beachten, von ihm selbst erstellte Bilder, Grafiken, Tondokumente, Videosequenzen und Texte zu nutzen oder auf lizenzfreie Grafiken, Tondokumente, Videosequenzen und Texte zurückzugreifen. Alle innerhalb des Internetangebotes genannten und ggf. durch Dritte geschützten Marken- und Warenzeichen unterliegen uneingeschränkt den Bestimmungen des jeweils gültigen Kennzeichenrechts und den Besitzrechten der jeweiligen eingetragenen Eigentümer. Allein aufgrund der bloßen Nennung ist nicht der Schluss zu ziehen, dass Markenzeichen nicht durch Rechte Dritter geschützt sind! Das Copyright für veröffentlichte, vom Autor selbst erstellte Objekte bleibt allein beim Autor der Seiten. Eine Vervielfältigung oder Verwendung solcher Grafiken, Tondokumente, Videosequenzen und Texte in anderen elektronischen oder gedruckten Publikationen ist ohne ausdrückliche Zustimmung des Autors nicht gestattet. <br /> <br /> <strong>4.Datenschutz</strong> <br /> <br /> Sofern innerhalb des Internetangebotes die Möglichkeit zur Eingabe persönlicher oder geschäftlicher Daten (Emailadressen, Namen, Anschriften) besteht, so erfolgt die Preisgabe dieser Daten seitens des Nutzers auf ausdrücklich freiwilliger Basis. Die Inanspruchnahme und Bezahlung aller angebotenen Dienste ist - soweit technisch möglich und zumutbar - auch ohne Angabe solcher Daten bzw. unter Angabe anonymisierter Daten oder eines Pseudonyms gestattet. Die Nutzung der im Rahmen des Impressums oder vergleichbarer Angaben veröffentlichten Kontaktdaten wie Postanschriften, Telefon- und Faxnummern sowie Emailadressen durch Dritte zur Übersendung von nicht ausdrücklich angeforderten Informationen ist nicht gestattet. Rechtliche Schritte gegen die Versender von sogenannten Spam-Mails bei Verstössen gegen dieses Verbot sind ausdrücklich vorbehalten. <br /> <br /> <strong>5.Rechtswirksamkeit dieses Haftungsausschlusses</strong> <br /> <br /> Dieser Haftungsausschluss ist als Teil des Internetangebotes zu betrachten, von dem aus auf diese Seite verwiesen wurde. Sofern Teile oder einzelne Formulierungen dieses Textes der geltenden Rechtslage nicht, nicht mehr oder nicht vollständig entsprechen sollten, bleiben die übrigen Teile des Dokumentes in ihrem Inhalt und ihrer Gültigkeit davon unberührt. <br /> <br /> <strong>6.Keine Abmahnung ohne vorherigen Kontakt</strong> <br /> <br /> Sollte Inhalt oder die Gestaltung der Internetpräsentation Rechte Dritter berühren oder gegen gesetzliche Bestimmungen verstoßen, so bitten wir unter Berufung auf § 8 Abs. 4 UWG, um eine angemessene, ausreichend erläuternde und schnelle Nachricht ohne Kostennote. Wir versichern, dass zu Recht beanstandete Teile in angemessener Frist entfernt bzw. den rechtlichen Vorgaben angepasst werden, ohne dass von Ihrer Seite die Einschaltung eines Rechtsbeistandes erforderlich ist. Die Einschaltung eines Anwaltes, zur für den Diensteanbieter kostenpflichtigen Abmahnung, entspricht nicht dessen wirklichen oder mutmaßlichen Willen und würde damit einen Verstoß gegen § 13 Abs. 5 UWG, wegen der Verfolgung sachfremder Ziele als beherrschendes Motiv der Verfahrenseinleitung, insbesondere einer Kostenerzielungsabsicht als eigentliche Triebfeder, sowie einen Verstoß gegen die Schadensminderungspflicht darstellen. </div> <div id="fusszeile"> <p>© Otto Huml Wärme und Strom</p> </div> </body> </html>
Css Datei
Code
Alles anzeigen* { margin:0; padding:0; border:0; list-style:none; text-decoration:none; font-family: Arial, Helvetica, sans-serif; } /*Kopf-------------------------------------------------------------------------------*/ div#header { background:url(images/header.gif); visibility: visible; height:110px; padding-left: 100px; background-repeat:no-repeat; } /*Navigation------------------------------------------------------------------------*/ #left { float: left; clear: left; width: 18%; } ul#navigation a{ display: block; border: 1px outset #FFA500; background: #616161; padding: 10px; color: #FFFFFF; font-weight: bold; border-style: outset; } ul#navigation a:hover { display: block; border: 1px outset #FFA500; background: #FFA500; color: #FFFFFF; border-style: outset; } /*Inhalt-----------------------------------------------------------------------------*/ #inhalt { color: black; font-size: 11pt; float: right; width: 80%; } #inhalt a { color: blue; margin-left: 2em; } /*Absätze-----------------------------------------------------------------------------*/ p { margin-bottom: 1em; } h4 { line-height:1cm; font-size:12pt; font-style:italic; } /*Sonstiges------------------------------------------------------------------------*/ .Rot { color:red; line-height:1cm; } #linksunten { background:#FFA500; visibility:visible; height:190px; width:181px; } #linksunten2 { background:#FFA500; visibility:visible; height:1400px; width:181px; } #linksunten3 { background:#FFA500; visibility:visible; height:580px; width:181px; } #linksunten4 { background:#FFA500; visibility:visible; height:1130px; width:181px; } #linksunten5 { background:#FFA500; visibility:visible; height:600px; width:181px; } #linksunten6 { background:#FFA500; visibility:visible; height:100px; width:181px; } .Orange { color:#FFA500; /*Fusszeile---------------------------------------------------------------------------*/ } div#fusszeile { background: #FFA500; height: 129px; text-align: center; line-height:3cm; clear:both; } /*Formular---------------------------------------------------------------------------*/ .form { background:#FFA500; border-style:dashed; }
PS: Hab deine CSS Datei nicht verwendet da sie Invalide ist, hab aber meine CSS Datei einigermaßen angepasst.
Die unteren "linksunten" sind für jede Seite angepasst da wenn ich nur ein DIV verwende die Abstände zur Fusszeile zu groß sind. Hab mal ein Screenshot gemacht von der Website, wie sie aussehen soll und wie sie bleiben soll. Die Website ist unter <!-- m --><a class="postlink" href="http://www.bhkwpartner.de/test">http://www.bhkwpartner.de/test</a><!-- m --> erreichbar.