Aber auch wenn ich dem footer eine bestimmte Höhe angebe, geht er nicht bis zum unteren Bildschirmrand?
Beiträge von NeoAramis
-
-
Ich glaube das ist extra so gemacht worden. Es handelt sich ja um das "Aussehen" des Links.
-
Okay jetzt kann ich auf die Seite zugreifen.
Im Moment kann ich Dir nicht viel dazu sagen, ausser dass Du das CSS unbedingt auslagern musst. Ein Wunder, dass Du selber noch den Überblick hast.
Nachher kann ich Dir sicher mehr sagen!
-
Ist es die richtige URL, denn ich werde auf eine seltsame Seite weitergeleitet?
-
Sieht gut aus. Nur das seltsame Hintergrundbild brauchts nicht, ist also meine Ansichtssache. Sehr gelungen finde ich das Logo und die Navigationsbutton!
Und noch etwas Kleines. Den Text unter About würde ich ändern. Es ist deiner Freundin gegenüber unfair und den Besuchern gegenüber unhöflich. Kannst es ja vielleicht "dezenter" schreiben. Ist aber deine Website, wenn du es willst kannst es ja lassen. Ich hoffe es ist klar, was ich meine!
-
Zitat von "mephju"
Im großen und ganzen möchte ich erstmal eine einfache Page, mit "funktionierender" Tabelle, damit ich bis Weihnachten schonmal was vorweisen kann. Aktualisieren mit CSS würde ich dann schrittweise.
Es ist kein grosser Aufwand jetzt noch CSS zu implentieren. Vergiss dieses Tabellenlayout wirklich, es macht das Ganze nur noch unverständlicher!
Zitat von "mephju"noch kurz zu dem .php-Problem:
Im Quelltext steht dochoder ist das auf die Seite selbst bezogen, die ja kontakt.htm heißt?
Ja. er meinte die Datei (Dateiformat zu .php ändern)
-
Sieht Tip-Top aus, nur hat es noch relativ viel kleine Rechtsschreibefehler. Einfach alle Texte nochmals genau durchlesen oder jemandem zeigen. Bsp.:
-----------------
Ich weiß, eigentlich habt ihr hier eine andere Seite erwartet. Doch ich muss euch leider vorerst Enttäuschen. Skankys Web wird im Moment Generalüberholung. Wie ihr sehr, hab ich das neue Layout schon veröffentlicht. Da ich vorhabe den gesamten Code neu zu schrieben, wir es wohl noch eine weile dauern bist die restlichen Funktionen wieder verfügbar sind.
Ich hoffe, dass ich hier bald den alten Stand wieder hergestellt habe und wir die Seite wieder als Portal nutzen können.Soweit Skanky (Rico)
Die Seite ist für Morzilla Firefox optimiert.
-----------------
Sonst wirklich Daumen hoch!
-
Frames nicht benützen!
-
Danke für den Link sejuma, stehe momentan genau vor dem gleichen Problem. Sehr raffiniert...
-
<!-- m --><a class="postlink" href="http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.jensschlau.com%2Fg%2Fh.htm">http://validator.w3.org/check?verbose=1 ... Fg%2Fh.htm</a><!-- m -->
:shock:
-
Ja eigentlich ist es nur für ein Kontaktformular gedacht. Also es muss nur Text an eine E-Mail Adresse verschickt werden.
Daher denke ich reicht dieses Skript.
-
Ich habe sonst einfache Frameworks.
Kannst sie hier downloaden: <!-- m --><a class="postlink" href="http://anverhousseini.info/framework">http://anverhousseini.info/framework</a><!-- m -->
-
Verstanden hast du es eben nicht. Schaue mal nur die Startseite an. Der Code stimmt einfach nicht. Folgende erste Fehler die du korrigieren musst:
1. Aufbau einer HTML-Seite (siehe mein letzter Beitrag)
2. Doctype-Deklaration fehlt
3. CSS ist sowohl in der HTML-Seite drin wie auch in einer externen Datei. Ich empfehle dir die CSS-Angaben in einer externen Datei zu definieren. Bei deiner Seite sowieso ein Vorteil und so hast du auch mehr Platz.
4. Viele veraltete Tags
5. Struktur ist nicht da, also ich verliere sehr schnell die ÜbersichtDas sind wirklich Fehler, darüber kann man nicht streiten! Die Seite sieht schnell gut aus. Aber sobald du ältere Browser hast wird dieses Layout zerspringen!
Also ich empfehle dir neu anzufangen!
-
Du hast aber als Anfänger sehr gut gestartet. Und ich wollte nicht, dass du genau meins nimmst, sondern nur vergleichst und siehst was ich gemacht habe. Das mit der Navi hat keinen Einfluss ob es unten oder oben steht.
Schaue einmal ob der Pfad zum Bild stimmt und ob die Datei richtig benannt ist!
-
So...
Also eigentlich Fehler hatte es nicht viele. Zuerst einmal zum Layout. Ich würde das Layout zentrieren, da du sowieso nicht die ganze Breite brauchst. Zum Beispiel auf meinem Bildschirm ist auf der rechten Seite viel zu viel Platz (grosses weisses Feld). Ich habe dies "korrigiert".
Zweitens, mit dem float hast du es nicht richtig hinbekommen. Jetzt sollte es stimmen. Ich habe einfach ein normales zweispaltiges Layout mit header und footer gemacht. Diese Infobox habe ich entfernt, es hatte ja gar keinen Inhalt.
Drittens, du solltest mehr mit padding und margin arbeiten. Alle Elemente sehen so miteinander verklebt aus. Das ganze Design braucht mehr "Luft". Dann hast du die Sache mit den Überschriften nicht ganz verstanden. Das h1 -h6 hat nichts mit der Schriftgrösse zu tun, sondern mit der Wichtigkeit der Titel. h1 ist der Hauptitel, h2 ist der nächste Untertitel und so weiter. Dann aus dem ersten Teil der Navigation musst du eine Mischung aus unsortierter und sortierter Liste machen.
Das wars dann, korrigiert mich bitte wenn ich etwas Falsches geschrieben habe oder der Code Fehler hat!
-
Zitat von "annonym93"
Das hat auch geklappt. Danke
Hab aber noch ein Problem (hoffentlich das letzte....):
Die JPG-Bilder zeigt er mir nicht an. Weder die Bilder, die ich im CSS-Stylesheet verknüpft habe, noch das unter Paidmailer/Questler. GIF-Bilder zeigt er mir ohne Probleme an, nur bei den JPG-Bildern will er es nicht....
Du musst unterscheiden zwischen .jpg und .jpeg
Ich habe einmal deinen Code überarbeitet, er hatte ziemlich viele Fehler. Den Kommentar schreibe ich morgen, gehe erst einmal schlafen.
(Der Code kann natürlich noch perfektioniert werden und weitergeführt werden)
Datei: index.html
HTML
Alles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Tigers Trickkiste - Die Infoseite zum Geld verdienen</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="content-language" content="de" /> <meta name="description" content="Zum Thema Geld verdienen im Internet. Paidmailer, Surfbars, Gewinnspiele, Umfragen oder auch Onlinegames. Hilfreiche Tipps und Tricks, sowie Erklärungen. " /> <meta name="author" content="Matthias Stöck" /> <meta name="page-topic" content="Startseite Geld verdienen" /> <meta name="keywords" content="Paidmailer,Geld verdienen, verdienen, zu Hause, Surfbar, Gewinnspiel, Umfrage, Meinung, Spiel, Paidmails" /> <meta name="language" content="Deutsch" /> <meta name="robots" content="INDEX,FOLLOW" /> <link href="design.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="seitenbereich"> <div id="kopfbereich"> <h1>TigersTrickkiste.de</h1> <h2>Die Infoseite zum Geld verdienen</h2> </div> <div id="steuerung"> <p><a id="here">Startseite</a> | <a href="partner.html">Partner</a> | <a href="kontakt.html">Kontakt</a> | <a href="impressum.html">Impressum</a></p> </div> <div id="inhalte"> <h1>Herzlich Willkommen!</h1> <p>Das Internet bietet seinen Besuchern eine Menge Möglichkeiten an. So auch zum Geld verdienen. Sie sind nicht der Erste, der sich auf diese Suche begeben hat. Wenn Sie einmal in Google "Geld verdienen" eingeben, dann werden Sie mehr als 7 Millionen Treffer finden. Das bedeutet, dass sich auch viele Menschen für dieses Thema interessieren, was leider auch viele Betrüger anlockt. </p> <p>Versprechungen, dass Sie sofort mindestens 100 € oder mehr verdienen, sind leider keine Seltenheit, doch selten werden diese Versprechen eingehalten. Vielmehr wird versucht dem Besucher zu animieren Geld auszugeben, meist für nutzlose E-Books. Wir haben diese Erfahrung zum Glück übersprungen und uns gleich nach seriösen Angeboten umgeschaut. Ja, auch diese gibt es, man muss nur lang genug suchen.</p> <p>Auf diesem Weg möchten wir Ihnen unsere Erfahrungen mit den Programmen, die Sie u.a. in der linken Navigation finden, vorstellen. Für uns haben sich alle Programme gelohnt und wir haben schnell Geld verdient. Zwar keine 100 € sofort, dennoch steigt der Verdienst von Tag zu Tag.</p> <hr /> <h3>Paidmailer:</h3> <p>Eine unserer vielen Möglichkeiten, die wir Ihnen vorstellen. Mit dem Lesen von E-Mails können Sie sich ein kleines Nebeneinkommen aufbauen. Vor allem durch das Werben neuer Mitglieder können Sie passiv Geld verdienen. Aber auch mit den angebotenen Bonusaktionen verdient man sich einige Euros im Monat dazu. Je nachdem, wieviel Zeit Sie investieren, können Sie auch mehr als 100 € monatlich verdienen. Lesen Sie dazu aber mehr in unserer Rubrik: <a href="paidmailer.html">Paidmailer</a>.</p> <h4>Unsere aktuellen Empfehlungen: (Stand: 30.10.2009)</h4> <a href="http://www.questler.de/?rid=122847&site=home" target="_blank"><img src="http://www.questler.de/gfx/banner/questler_01_234x60_ani.gif" border="0" alt="Jetzt bei Questler anmelden!"/></a> <a href="http://www.mtpaid.de/mt_14925/uw" target="_blank"><img src="http://www.mtpaid.de/banner/mitglieder/mtpaid_234x60.gif" width="234" height="60" border="0" alt="Jetzt bei mtpaid.de anmelden"/></a> </div> <div id="navigation"> <h3>Geld verdienen mit...</h3> <ol> <li><a href="../paidmailer.html"><strong>Paidmailer</strong></a></li> <ul> <li><a href="../paidmailer/paidmailanbieter.html">Anbieter</a></li> <li><a href="../paidmailer/glossar.html">Glossar</a></li> <li><a href="../paidmailer/blacklist.html">Blacklist</a></li> <li><a href="../paidmailer/bonusaktionen.html">Bonusaktionen</a></li> </ul> <li><a href="../surfbars.html"><strong>Surfbars</strong></a></li> <li><a href="../umfragen.html"><strong>Umfragen</strong></a></li> <ul> <li><a href="../gewinnspiele.html">Gewinnspiele</a></li> <li><a href="../gewinnspiele/geld.html">Geld</a></li> <li><a href="../gewinnspiele/reisen.html">Reisen</a></li> <li><a href="../gewinnspiele/auto.html">Auto</a></li> <li><a href="../gewinnspiele/multimedia.html">Multimedia</a></li> <li><a href="../gewinnspiele/sport.html">Sport</a></li> </ul> <li><a href="../onlinegames.html"><strong>Onlinegames</strong></a></li> <li><a href="../partnerprogramme.html"><strong>Partnerprogramme</strong></a></li> </ol> <h3>Werben mit...</h3> <ul> <li><a href="../tauschsysteme.html">Tauschsysteme</a></li> <li><a href="../eintragdienste.html">Eintragdienste</a></li> <li><a href="../werbekampagnen.html">Werbekampagnen</a></li> <li><a href="../newsletter.html">Newsletter</a></li> <li><a href="../webkataloge.html">Webkataloge</a></li> <li><a href="../toplisten.html">Toplisten</a></li> </ul> </div> <div id="fusszeile"> <p>© 2009 Tigers Trickkiste - Die Infoseite zum Geld verdienen</p> </div> </div> </body> </html>Datei: design.css
Code
Alles anzeigen* { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6 { color: #333; font-size: 25px; font-family: Arial, sans-serif; padding: 5px; } h3 { font-size: 12px; } h4 { font-size: 14px; } p { color: #333; font-size: 12px; font-family: Arial, sans-serif; padding: 5px; } a:link { color: #333; text-decoration: underline; font-size: 12px; font-family: Arial, sans-serif; } a:visited { color: #333; text-decoration: underline; font-size: 12px; font-family: Arial, sans-serif; } a:activ { color: #333; text-decoration: underline; font-size: 12px; font-family: Arial, sans-serif; } a:hover { color: #888; text-decoration: none; font-size: 12px; font-family: Arial, sans-serif; } a#here { color: #888; text-decoration: none; font-size: 12px; font-family: Arial, sans-serif; cursor: default; } ul { list-style-type: none; padding: 5px; } hr { margin: 5px; } body { text-align: center; } #seitenbereich { width: 900px; margin: 0 auto; text-align: left; border: 1px solid #777; margin-top: 30px; } #kopfbereich { height: auto; background-color: #ddd; } #kopfbereich h1 { color: #000; text-align: right; font-family: Arial, sans-serif; font-size: 20px; padding: 10px; } #kopfbereich h2 { color: #000; text-align: right; font-family: Arial, sans-serif; font-size: 16px; padding: 10px; } #steuerung { background-color: #bbb; text-align: right; } #steuerung ul li { display: inline; } #navigation { float: left; width: 199px; } #navigation ol { font-family: Arial, sans-serif; font-size: 12px; list-style-type: none; padding-left: 5px; } #inhalte { float: right; width: 700px; border-left: 1px solid #888; } #inhalte img { padding: 5px; } #fusszeile { clear: both; background-color: #bbb; text-align: center; } -
Ich würde sowieso alle Dateien klein schreiben. Also auch die Bilder etc.
-
Zitat von "kingglouki"
das mac os x ist doch UNIX oder?
Sorry stimmt, ich meinte MS-DOS...
-
Das brauchst du nicht. Folge einfach den Anweisungen die Dir das Programm Boot Camp gibt. Und nach der Installation von Windows die Mac OS X CD reintun (während Windows läuft) um die Treiber zu installieren.
Im Programm Boot Camp kannst du am Anfang eine Anleitung als PDF Datei ausdrucken --> unbedingt machen und gut durchlesen!
Für Mac OS X hat es sehr viele Programme: <!-- m --><a class="postlink" href="http://www.apple.com/de/downloads/">http://www.apple.com/de/downloads/</a><!-- m -->
-
Diese virtuelle Maschine würde ich sofort wieder vergessen.
Zuerst einmal überlegen ob du Windows wirklich brauchst. Smultron ist wirklich gut. Lerne auch Mac OS X richtig kennen, wirst sehen, es hat viel mehr stärken als Windows und was die Bedienung angeht ist es vollkommen ungeschlagen.
Und wenn du trotzdem den Webocton Scriptly willst, installiere dir Windows mit Boot Camp (in Mac OS X integriertes Programm). So eine virtuelle Maschine ist nur unnötiger Leistungsfresser!