pCloud Premium

Php und Dreamweaver

  • Hallo

    Ich beschäftige mich jetzt momentan ein bissl mit html php etc.
    Wollte eine Homepage zusammen bauen an hand von Frames weil es ja recht simpel ist!
    Aber ok da lass ich mal die finger davon wegen den achteilen Suchmaschine etc.!!

    Was ich machn will ist eine Normale Page Maske erstellen mit Banner menü etc. und in einem Div Cont. will ich die ganzen links vom Menü öffnen lassen! Das selbe prinzip wie bei Frames nur ohne Frames eben! Will auch nicht jede Seite immer wieder neu Laden lassen!
    Banner menü habe ich anhand von divs und php erstellt nur weiss ich jetzt nicht wie ich die Links vom Menü im Inhaltsframe öffnen lassen kann ohne das ich Menü und BAnner neu Laden lasse!! Kann mir da jemand helfen??

    Hoffe es ist verständlich erklärt!!

    Mfg Nosomebody

  • Also soweit ich das verstanden habe willst du nur einen DIV einzeln aktualisieren ohne den Rest der Page mitzuerneuern. Soweit mir das bekannt ist, geht das aber nur über AJAX (Asynchronous JavaScripting and XML). Schau mal hier, eine kleine Einführung.

    AJAX-Grundlagen: Das neue Web | Solutions - Entwicklung | TecChannel.de

    Neu hier? Dann lesen! | Kerne für Programme abschalten | Internet Explorer schneller machen | Vista Adminkonto freischalten | Benutzerkontensteuerung in Vista deaktivieren | BIOS Reset | Windows XP Service Pack 3 | Firewall FAQ | Vista automatische Anmeldung | Verknüpfungspfeile entfernen


    Diskuttiere nie mit Idioten, zuerst ziehen sie dich auf ihr Niveau herunter und schlagen dich dann mit ihrer Erfahrung

  • Also das was ich gelesen habe soll es mit php mittels dem Include befehl gehen aber da gehört noch was anderes rein in den code!

    Hab das bei you tube auch gesehen da hat das einer vor gemacht aber ich find das leider nicht mehr!

    Aber ich kann mich auch irren und lasse mich dann gerne eines besseren belehren!

  • Also ich hab mir das mal durch gelesen danke übrigens für den link!!
    Also das Ajax hat ja genauso die selbe eigenschaft wie die Frames in sachen suchmaschine!!

    Genau das wollte ich eigentlich vermeiden!!

    Es muss doch ein weg mit PHP geben???

    Mfg Nosomebody

  • Es ist mit PHP alleine nicht möglich sowas zu realisieren, da muss man mindestens PHP + JavaScript nehmen.

    Neu hier? Dann lesen! | Kerne für Programme abschalten | Internet Explorer schneller machen | Vista Adminkonto freischalten | Benutzerkontensteuerung in Vista deaktivieren | BIOS Reset | Windows XP Service Pack 3 | Firewall FAQ | Vista automatische Anmeldung | Verknüpfungspfeile entfernen


    Diskuttiere nie mit Idioten, zuerst ziehen sie dich auf ihr Niveau herunter und schlagen dich dann mit ihrer Erfahrung

  • ich sehe schon ich werde wahrscheinlich nicht drum rum kommen die seite neu laden zu lassen!!
    Aber gibt es dann eine möglichkeit wenn ich zb in meiner menü.php was ändere das es auch in den anderen seiten sich automatisch mit Aktualiesiert oder muss ich dann auf jederseite das manuel ändern??

    Mfg Nosomebody

  • Hm hab mich da mal ein wenig weiter belesen was ist jetzt eigentlich am besten geignet damit die Homepage ein guten Rang in den Suchmaschinen bekommt??

    Tabellen oder divs?? beides hat ja seine Vor und Nachteile!!

    Frames mal ganz ausgeschlossen!!

    Oder gibts vielleicht noch ne andere möglichkeit???

    Mfg Nosomebody

  • Tabellen sollten grundsetzlich nicht zum layouten verwendet werden. Es gibt im Internet viele Diskussionen darüber deswegen möchte ich hier keine neue Anfangen Desweiteren sind Seiten mit weniger Quellcode weiter oben in Suchmaschinenergenissen, und DIVs sparen nunmal eine große Menge Code ein. Ausserdem lassen sich DIVs kinderleicht über CSS schnell formatieren, bei Tabelle wär 'ne Layoutänderung ziemlich aufwändig.

    Neu hier? Dann lesen! | Kerne für Programme abschalten | Internet Explorer schneller machen | Vista Adminkonto freischalten | Benutzerkontensteuerung in Vista deaktivieren | BIOS Reset | Windows XP Service Pack 3 | Firewall FAQ | Vista automatische Anmeldung | Verknüpfungspfeile entfernen


    Diskuttiere nie mit Idioten, zuerst ziehen sie dich auf ihr Niveau herunter und schlagen dich dann mit ihrer Erfahrung

  • Ich führ hier mal mein Thema weiter

    Hab da so ein kleines Problem hab mir jetzt eine menüleiste zusammen gebaut mit info fenster,
    nur werden da so ein paar wörter falsch angezeigt im browser!!
    geschrieben ist es richtig aber sobald ich es im Browser öffne ist es falsch geschrieben!
    Z.b unter Menü punkt Nachzuchten da sind 2 wörter gross geschrieben die normalerweise klein sein sollten!!

    An was kann das liegen? kann mir da jemand weiter helfen??

    Html Code

    <div id="navigation"> <ul> <li class="level1"><a href="#"><strong>Bartagame</strong><span class="info"> Hier ein paar Bilder unserer Bartis</span></a> <ul> <li class="level2"><a href="#">Shavo</a></li> <li class="level2"><a href="#">Sammy</a></li> <li class="level2"><a href="#">Buster</a></li> <li class="level2"><a href="#">Gonzo</a></li> <li class="level2"><a href="#">Josy</a></li> <li class="level2"><a href="#">Amy</a></li> </ul> </li> <li class="level1"><a href="#"><strong>Die Haltung</strong> <span class="info"> Wissenswertes über die Haltung</span></a> <ul> <li class="level2"><a href="#">Haltung &Lebensraum</a></li> <li class="level2"><a href="#">Temperatur &Luftfeuchte</a></li> <li class="level2"><a href="#">Der Bodengrund</a></li> <li class="level2"><a href="#">Die Beleuchtung</a></li> <li class="level2"><a href="#">Die Ernährung</a></li> </ul></li> <li class="level1"><a href="#"><strong>Nachzuchten</strong> <span class="info"> Hier ein paar Bilder unserer Nachzuchten die wir auch abgeben!</span></a> <ul> <li class="level2"><a href="#">Unbestimmt</a></li> <li class="level2"><a href="#">Männlich</a></li> <li class="level2"><a href="#">Weiblich</a></li> </ul></li></ul></div>

    Und die dazu gehörige css datei gibts auch noch !

    Css Datei

    #navigation {position: relative;}#navigation ul {list-style: none;margin: 0;padding: 0;}#navigation li.level1 {width: 100px;padding: 2px 5px 2px 10px;text-transform:capitalize;border: 1px solid;border-color: #3380cc #000 #000 #3380cc;background-color: #000000;color: #fc0;}#navigation li.level2 {width: 120px;margin-top: 2px;margin-left: 10px;padding: 2px 5px;border: 1px solid;border-color: #3385ff #000 #000 #3385ff;background-color: #0472b3;color: #fc0;}#navigation li.level3 {width: 140px;margin-top: 2px;margin-left: 15px;padding: 2px 5px;border: 1px solid;border-color: #39f #000 #000 #39f;background-color: #048adb;color: #fc0;}#navigation li.level1 a, #navigation li.level2 a, #navigation li.level3 a {display: block;padding-left: 5px;text-decoration: none;}#navigation li.level1 a:link,#navigation li.level1 a:visited,#navigation li.level1 a:active {background-color: transparent;color: #e1cba2;}#navigation li.level1 a:hover {background-color: transparent;color: #eee2cc;width: auto;}#navigation li.level2 a:link, #navigation li.level3 a:link,#navigation li.level2 a:visited, #navigation li.level3 a:visited,#navigation li.level2 a:active, #navigation li.level3 a:active {background-color: transparent;color: #eee2cc;border: 1px solid;}#navigation li.level2 a:link,#navigation li.level2 a:visited,#navigation li.level2 a:active {border-color: #0472b3;}#navigation li.level3 a:link,#navigation li.level3 a:visited, #navigation li.level3 a:active {border-color: #048adb;}#navigation li.level2 a:hover, #navigation li.level3 a:hover {padding-left: 6px;background-color: transparent;color: #fff;border: 1px solid;}#navigation li.level2 a:hover {border-color: #035485 #048adb #048adb #035485;}#navigation li.level3 a:hover {border-color: #0472b3 #24aafb #24aafb #0472b3;}#navigation .level1 a span.info {display: none;}#navigation .level1 a:hover span.info {position: absolute;display: block;top: 30px;left: 220px;width: 200px;background: #035485;color: #eee2cc;padding: 10px;text-transform:capitalize;text-align: left;border: 1px solid;border-color: #3385ff #000 #000 #3385ff;font-variant:normal;}
    Danke schon mal für jede Tip

  • Hi

    also ich hab die Dinger mal auf xampp laufen lassen, finde aber nichts falsch Angezeigtes dabei. Kannst du vielleicht zeigen was du meinst. Ist auch schwer bisschen zu folgen ohne den Rest des Quelltextes

    Neu hier? Dann lesen! | Kerne für Programme abschalten | Internet Explorer schneller machen | Vista Adminkonto freischalten | Benutzerkontensteuerung in Vista deaktivieren | BIOS Reset | Windows XP Service Pack 3 | Firewall FAQ | Vista automatische Anmeldung | Verknüpfungspfeile entfernen


    Diskuttiere nie mit Idioten, zuerst ziehen sie dich auf ihr Niveau herunter und schlagen dich dann mit ihrer Erfahrung

  • Das hat wahrscheinlich an der Browser einstellung von mir gelegen im Intenet Explorer läuft es einwandfrei danach ein anderen Firefox simuliert jetzt geht es auch komisch!!

    Totzdem danke für deine mühe!

    Jetzt mal was anderes ich habe jetzt meine start seite soweit fertig nun will ich an dieser vorlage den rest weiterbauen! So das er das menü etc immer wieder neu laden muss!!

    Wie mache ich das jetzt das das menü logo etc in die Bibilothek wandert??
    Damit ich wenn ich mal was am menü verändere nicht alle seiten verändern muss, sondern nur akt.

    Ich arbeite mit dreamweaver!!

    Danke für eure hilfe!!

  • Also so wie ich das verstanden habe willst du, dass Menü und so immer das selbe ist, aus der Selben Datei, der Content aber immer ein anderer ist, also das Grundegrüst nicht in jeder Datei wieder neu auftaucht?

    Das würde ich dann halt so lösen, dass du in der index.php dein Grundgerüst hast, und im Hauptteil ein DIV erstellst, und je nachdem was ausgewählt wird, wird halt die eine oder andere Datei included. Dazu müsstest du aber noch Sections erstellen. Ich würde das so lösen:

    <HTML> <BODY> Hier dein Ganzer Rahmen <DIV id="content"> <? switch ($_GET["section"]){ case "Sectionname"; { include ("URL/Zu/Deiner/Section.html"); break; } case "EineAndereSection"; { include ("URL/Der/Anderen/Section.html"); break; } } ?> </DIV> Hier weiter mit deinem Body </BODY></HTML>
    Je nachdem was nun angeklickt wird, wird die entsprechende Datei included und das Grundgerüst bleibt das selbe. D.h. wenn du im Menü was ändern möchtest änderst du das in der index.php und das wars. Alternativ kannst auch den PHPCode in eine "section.php" schreiben und die in die mit

    include ("Code/section.php);
    in die Index.php includen. Das ist übersichtlicher.

    Ahja bevor ich das vergesse. In dem Menü musst du dann auf

    index.php?section=SectionName
    verlinken lassen.

    Ich hoffe das ist richtig soweit

    Neu hier? Dann lesen! | Kerne für Programme abschalten | Internet Explorer schneller machen | Vista Adminkonto freischalten | Benutzerkontensteuerung in Vista deaktivieren | BIOS Reset | Windows XP Service Pack 3 | Firewall FAQ | Vista automatische Anmeldung | Verknüpfungspfeile entfernen


    Diskuttiere nie mit Idioten, zuerst ziehen sie dich auf ihr Niveau herunter und schlagen dich dann mit ihrer Erfahrung

  • Wenn ich das jetzt richtig verstanden habe ist das doch genau das was ich hier am anfang von dem Thread haben wollte!!
    Ich dachte eigentlcih bisher das man nur php includen kann und nicht html!!

    Ich glaub ich habe es soweit verstanden aber den letzen absatz da stehe ich gerade ein bissl auf dem schlauch!!

  • Also irgendwie hab ich mir das einfacher vorgestellt!!

    Könntest du mir das evtl anhand meines Quell textes mal ändern wäre ja für dich glaub ich kein wirkliches Problem wenn ich das hier so mit bekomme was du in Html so drauf hast! .)

    den Sektionen kannst ja irgendwelche namen geben!!

    Wäre echt super!!

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/…%22><html xmlns="http://www.w3.org/1999/xhtml%22><head><link rel="stylesheet" type="text/css" media="screen" href="Stylsheets/navi.css" /><style type="text/css"><!--#hintergrund { position:absolute; left:0px; top:130px; width:1022px; height:768px; z-index:1;}#head { position:absolute; left:0px; top:0px; width:1022px; height:130px; z-index:2; background-color: #000000;}#sidebar { position:absolute; left:0px; top:128px; width:158px; height:768px; z-index:3; background-color:#000000;}#copyright { position:absolute; left:152px; top:866px; width:870px; height:30px; z-index:4; background-color:#000000; color:#FFFFFF; text-align:right; font-size:9px; vertical-align:bottom; line-height:26px;}#rk-logo { position:absolute; left:0px; top:0px; width:151px; height:110px; z-index:5;}#inhalt{ position:absolute; left:230px; top:200px; width:750px; height:620px; z-index:6; background-color:#transparent;}#navigationh { position:absolute; left:235px; top:105px; width:779px; height:35px; z-index:7; list-style:none; vertical-align:middle;}#navigationh ul { margin:0; padding:0; list-style:none; } #navigationh li { float:left; margin:0; padding:0; }#navigationh a { display:block; }#navigationh {position: relative;}#navigationh ul {list-style: none;margin: 0;padding: 0;}#navigationh li.level2 {width: 120px;margin-top: 2px;margin-left: 10px;padding: 2px 5px;border: 1px solid;border-color: #3385ff #000 #000 #3385ff;background-color: #0472b3;color: #fc0;}#navigationh li.level2 a, #navigationh li.level3 a {display: block;padding-left: 5px;text-decoration: none;}#navigationh li.level2 a:link, #navigationh li.level3 a:link,#navigationh li.level2 a:visited, #navigationh li.level3 a:visited,#navigationh li.level2 a:active, #navigationh li.level3 a:active {background-color: transparent;color: #eee2cc;border: 1px solid;}#navigationh li.level2 a:link,#navigationh li.level2 a:visited,#navigationh li.level2 a:active {border-color: #0472b3;}#navigationh li.level2 a:hover, {padding-left: 6px;background-color: transparent;color: #fff;border: 1px solid;}#navigationh li.level2 a:hover {border-color: #035485 #048adb #048adb #035485;}#überschrieft { position:absolute; left:330px; top:15px; width:680px; height:82px; z-index:8; font:Georgia, "Times New Roman", Times, serif; font-size:40px; color:#0099CC; font-weight:400; font-style:italic; padding-top:15px;}#kopfbuster { position:absolute; left:19px; top:760px; width:129px; height:105px; z-index:9;}#navigation { position:absolute; left:15px; top:200px; width:143px; height:121px; z-index:10;}--></style></head><body><div id="hintergrund"><img src="Bilder/HintergrundOrang.jpg" alt="Hintergrund-Orang" width="1022" height="767"></div><div id="head"></div><div id="sidebar"></div><div id="copyright">©Robert Werner & Katrin Pöthig2008</div><div id="rk-logo"><img src="Bilder/RK-Logo.jpg" alt="rs-logo" width="150" height="143"></div><div id="inhalt"></div><div id="navigation"> <ul> <li class="level1"><a href="#"><strong>Bartagame</strong><span class="info"> Hier ein paar Bilder unserer Bartis</span></a> <ul> <li class="level2"><a href="#">Shavo</a></li> <li class="level2"><a href="#">Sammy</a></li> <li class="level2"><a href="#">Buster</a></li> <li class="level2"><a href="#">Gonzo</a></li> <li class="level2"><a href="#">Josy</a></li> <li class="level2"><a href="#">Amy</a></li> </ul> </li> <li class="level1"><a href="#"><strong>Die Haltung</strong> <span class="info"> Wissenswertes über die Haltung</span></a> <ul> <li class="level2"><a href="#">Haltung &Lebensraum</a></li> <li class="level2"><a href="#">Temperatur &Luftfeuchte</a></li> <li class="level2"><a href="#">Der Bodengrund</a></li> <li class="level2"><a href="#">Die Beleuchtung</a></li> <li class="level2"><a href="#">Die Ernährung</a></li> </ul></li> <li class="level1"><a href="#"><strong>Nachzuchten</strong> <span class="info"> Hier ein paar Bilder unserer Nachzuchten die wir auch abgeben!</span></a> <ul> <li class="level2"><a href="#">Unbestimmt</a></li> <li class="level2"><a href="#">Männlich</a></li> <li class="level2"><a href="#">Weiblich</a></li> </ul></li></ul></div><div id="navigationh"><ul> <li class="level2"><a href="#">Home</a></li> </ul> </li> <li class="level2"><a href="#">Gästebuch</a></li> </ul></li> <li class="level2"><a href="#">Kontakt</a></li> </ul> <li class="level2"><a href="#">Links</a></li> </ul> <li class="level2"><a href="#">Forum</a></li> </ul></li></ul></div><div id="überschrieft">Unsere Bartagamen Homepage</div><div id="kopfbuster"><img src="Bilder/Busterkopf Transparent.jpg" alt="Bartikopf" width="129" height="105" /></div></body></html>


    Mfg Nosomebody

  • Hier noch die Navi.css

    Code
    #navigation {position: relative;}#navigation ul {list-style: none;margin: 0;padding: 0;}#navigation li.level1 {width: 100px;padding: 2px 5px 2px 10px;text-transform:none;border: 1px solid;border-color: #3380cc #000 #000 #3380cc;background-color: #000000;color: #fc0;}#navigation li.level2 {width: 120px;margin-top: 2px;margin-left: 10px;padding: 2px 5px;border: 1px solid;border-color: #3385ff #000 #000 #3385ff;background-color: #0472b3;color: #fc0;}#navigation li.level3 {width: 140px;margin-top: 2px;margin-left: 15px;padding: 2px 5px;border: 1px solid;border-color: #39f #000 #000 #39f;background-color: #048adb;color: #fc0;}#navigation li.level1 a, #navigation li.level2 a, #navigation li.level3 a {display: block;padding-left: 5px;text-decoration: none;}#navigation li.level1 a:link,#navigation li.level1 a:visited,#navigation li.level1 a:active {background-color: transparent;color: #e1cba2;}#navigation li.level1 a:hover {background-color: transparent;color: #eee2cc;width: auto;}#navigation li.level2 a:link, #navigation li.level3 a:link,#navigation li.level2 a:visited, #navigation li.level3 a:visited,#navigation li.level2 a:active, #navigation li.level3 a:active {background-color: transparent;color: #eee2cc;border: 1px solid;}#navigation li.level2 a:link,#navigation li.level2 a:visited,#navigation li.level2 a:active {border-color: #0472b3;}#navigation li.level3 a:link,#navigation li.level3 a:visited, #navigation li.level3 a:active {border-color: #048adb;}#navigation li.level2 a:hover, #navigation li.level3 a:hover {padding-left: 6px;background-color: transparent;color: #fff;border: 1px solid;}#navigation li.level2 a:hover {border-color: #035485 #048adb #048adb #035485;}#navigation li.level3 a:hover {border-color: #0472b3 #24aafb #24aafb #0472b3;}#navigation .level1 a span.info {display: none;}#navigation .level1 a:hover span.info {position: absolute;display: block;top: 220px;left: 220px;width: 200px;background: #035485;color: #eee2cc;padding: 10px;text-align: left;border: 1px solid;border-color: #3385ff #000 #000 #3385ff;font-variant:normal;text-transform:none;}
  • Wenn ich das jetzt richtig verstanden habe ist das doch genau das was ich hier am anfang von dem Thread haben wollte!!

    Nicht ganz, da nicht nur der mittige Teil aktualisiert wird, sondern alles aussen herum gleich mit, nur dass das aussen herum gleich bleibt. OK vielleicht bisschen kleinlich von mir gewesen, sorry.

    Ich gebe dir mal ein Beispiel für die verlinkung, der Rest läuft analog dazu ab, halt nur die Dateinamen ändern. Nehmen wir mal folgendes:

    <ul> <li class="level2"><a href="#">Shavo</a></li>
    Das wird zum Beispiel zu

    <ul> <li class="level2"><a href="index.php?section=Shavo</a></li>
    Dafür muss im PHP Teil stehen

    switch ($_GET["section"]){ case "Shavo"; { include ("sections/Shavo.html"); break; }
    Die Datei "Shavo.html" muss sich dabei im Ordner "sections" befinden, welcher wiederum da sein muss wo auch die Index ist. So verlinkst du nun jeden einzelnen Menüpunkt, und erstellst für jeden Punkt eine neue *.html Datei in der die Inhalte drin stehen. Ich hoffe du hast es soweit verstanden, wie das ganze funktionieren soll.

    Und ich sehe, dass du für den Inhalt noch keinen DIV gemacht hast, oder übersehe ich da etwas? Der PHP-Code von eben müsste dann da rein.

    Also irgendwie hab ich mir das einfacher vorgestellt!!

    Beim Programmieren sind nur ca 20% des Arbeitsaufwandes für Programmieren gedacht, der Rest ist das Management und die Funktionsweise der Programme. Das Programmieren ist nur die Umsetzung für das was man sich vorher überlegt hat

    Neu hier? Dann lesen! | Kerne für Programme abschalten | Internet Explorer schneller machen | Vista Adminkonto freischalten | Benutzerkontensteuerung in Vista deaktivieren | BIOS Reset | Windows XP Service Pack 3 | Firewall FAQ | Vista automatische Anmeldung | Verknüpfungspfeile entfernen


    Diskuttiere nie mit Idioten, zuerst ziehen sie dich auf ihr Niveau herunter und schlagen dich dann mit ihrer Erfahrung

  • Also muss die Index datei eine php datei sein??
    Kann ich das irgendwo in der php datei rein schreiben sprich am css??

    Der Inhalts div ist schon vorhanden hast nur übersehen!
    Wenn ich jetzt die einzelnen seiten mache können das html als auch php sein??

    Sau geil hat funktioniert und fast genauso wollte ich es von anfang an!!

    Dickes Danke schön!!

    Jetzt setze ich mich nur noch bissl mit den Codes auseinander weil dumm abschreiben wird man auch nicht schlauer!!

  • Jetzt hab ich nur noch eine Frage jetzt öffnet sich ja alles im inhalts div alles wunderbar!!
    Nur kann ich jetzt die Html seiten(z.b.Shavo.html) nicht grösser machen wie der Inhaltsdiv selber, sonst ragt ja die site über meine index.php hinaus! wie kann ich das verhindern??

    Gibts da ne möglichkeit mit scrollbalken??

    Mfg Nosomebody

  • Hi

    Also du kannst den DIV wo der Inhalt drin sein soll, richtig skalieren. Dann in den einzelnen *.html Dateien alles in einen DIV packen und dort alles reinschreiben.

    In diese Datei kommt NUR der DIV also:

    <DIV style="width: 100%; height: 100%;"> // Hier wird der DIV auf den Inhalts-DIV angepasst. Hier der Inhalt der Seite</DIV>
    Gibts da ne möglichkeit mit scrollbalken??

    Also statt der Prozentangabe kannst du auch alternativ eine Pixelangabe machen z.B. ... style="height: 500px;">... (Oder auch ...style="max-height: 500px;">...)

    Dann müsste eigentlich automatisch ein Scrollbalken auftauchen. Es gibt ja noch die Möglichkeit, dass sich die ganze Page nach unten zieht, die ist aber etwas komplexer.

    Ahja und ich persönlich würde von diesen WYSISWYG (What you see is what you get)-Editoren (Dreamweaver) abraten. Die nehmen Leuten bestimmte Arbeit ab, aber wenn man, wie du, damit anfängt, sollte man sich lieber mit den Codes vertraut machen und es nicht unbedingt von einem Programm machen lassen. Ein Programm kann kein Wissen ersetzen Vorrausgesetzt du möchtest dich nach diesem Projekt noch weiter mit PHP, HTML und CSS beschäftigen.

    Ich für meinen Teil programmiere alles immer noch im Notepad++, überhaupt der beste Editor der Welt

    Neu hier? Dann lesen! | Kerne für Programme abschalten | Internet Explorer schneller machen | Vista Adminkonto freischalten | Benutzerkontensteuerung in Vista deaktivieren | BIOS Reset | Windows XP Service Pack 3 | Firewall FAQ | Vista automatische Anmeldung | Verknüpfungspfeile entfernen


    Diskuttiere nie mit Idioten, zuerst ziehen sie dich auf ihr Niveau herunter und schlagen dich dann mit ihrer Erfahrung

  • Also beim Inhaltsdiv ist alles in px angegeben und wenn ich dann ein div erstelle dessen grösse und länge 100 ist schreibt er mir trotzdem das ganze über die Page drüber und erweitert sich nach unten macht also kein Scrollbalken!!

    Weiss nicht was ich falsch mache

    Div kon von Amy z.b. nur mal zum Testen!!

    Code
    <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Unbenanntes Dokument</title><style type="text/css"><!--#apDiv1 {    position:absolute;    left:0px;    top:0px;    width:100%;    height:100%;    z-index:1;    background-color:#00FF00;}--></style></head><body><div id="apDiv1"><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p><p>1</p><p>2</p></div></body></html>Hier noch mal der alte neue Quell code!! :) Danke nochmal<!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"><head><link rel="stylesheet" type="text/css" media="screen" href="Stylsheets/navi.css" /><style type="text/css"><!--#hintergrund {    position:absolute;    left:0px;    top:130px;    width:1022px;    height:768px;    z-index:1;}#head {    position:absolute;    left:0px;    top:0px;    width:1022px;    height:130px;    z-index:2;    background-color: #000000;}#sidebar {    position:absolute;    left:0px;    top:128px;    width:158px;    height:768px;    z-index:3;    background-color:#000000;}#copyright {    position:absolute;    left:152px;    top:866px;    width:870px;    height:30px;    z-index:4;    background-color:#000000;    color:#FFFFFF;    text-align:right;    font-size:9px;    vertical-align:bottom;    line-height:26px;}#rk-logo {    position:absolute;    left:0px;    top:0px;    width:151px;    height:110px;    z-index:5;}#inhalt{    position:absolute;    left:230px;    top:200px;    width:750px;    height:620px;    z-index:6;    background-color:#transparent;}#navigationh {    position:absolute;    left:235px;    top:105px;    width:779px;    height:35px;    z-index:7;    list-style:none;    vertical-align:middle;}#navigationh ul { margin:0; padding:0; list-style:none; } #navigationh li { float:left; margin:0; padding:0; }#navigationh a { display:block; }#navigationh {position: relative;}#navigationh ul {list-style: none;margin: 0;padding: 0;}#navigationh li.level2 {width: 120px;margin-top: 2px;margin-left: 10px;padding: 2px 5px;border: 2px solid;border-color: #8b3b10 #000 #000 #8b3b10;background-color: #8d2a03;color: #fc0;}#navigationh li.level2 a, #navigationh li.level3 a {display: block;padding-left: 5px;text-decoration: none;}#navigationh li.level2 a:link, #navigationh li.level3 a:link,#navigationh li.level2 a:visited, #navigationh li.level3 a:visited,#navigationh li.level2 a:active, #navigationh li.level3 a:active {background-color: transparent;color: #eee2cc;border: 1px solid;}#navigationh li.level2 a:link,#navigationh li.level2 a:visited,#navigationh li.level2 a:active {border-color: #8d2a03;}#navigationh li.level2 a:hover, {padding-left: 6px;background-color: transparent;color: #ffffff;border: 1px solid;}#navigationh li.level2 a:hover {border-color: #9c460c #b85615 #b85615 #9c460c;color:#FFFFFF;}#überschrieft {    position:absolute;    left:330px;    top:15px;    width:680px;    height:82px;    z-index:8;    font:Georgia, "Times New Roman", Times, serif;    font-size:40px;    color:#8d2a03;    font-weight:400;    font-style:italic;    padding-top:15px;}#kopfbuster {    position:absolute;    left:19px;    top:760px;    width:129px;    height:105px;    z-index:9;}#navigation {    position:absolute;    left:17px;    top:176px;    width:143px;    height:121px;    z-index:10;}--></style></head><body><div id="hintergrund"><img src="Bilder/HintergrundOrang.jpg" alt="Hintergrund-Orang" width="1022" height="767"></div><div id="head"></div><div id="sidebar"></div><div id="copyright">©Robert Werner & Katrin Pöthig2008</div><div id="rk-logo"><img src="Bilder/RK-Logo.jpg" alt="rs-logo" width="150" height="143"></div><div id="inhalt"><?          switch ($_GET["section"]){            case "Shavo";             {              include ("sections/shavo.html");              break;             }             case "Sammy";             {               include ("sections/sammy.html");               break;             }             case "Buster";             {               include ("sections/buster.html");               break;              }             case "Gonzo";             {               include ("sections/gonzo.html");               break;              }             case "Josy";             {               include ("sections/josy.html");               break;              }             case "Amy";             {               include ("sections/amy.html");               break;                }              case "HaltungundLebensraum";             {               include ("sections/HaltungundLebensraum.html");               break;                }              case "TemperaturundLuftfeuchte";             {               include ("sections/TemperaturundLuftfeuchte.html");               break;                }              case "DerBodengrund";             {               include ("sections/DerBodengrund.html");               break;                }               case "DieBeleuchtung";             {               include ("sections/DieBeleuchtung.html");               break;                }                case "DieErnaehrung";             {               include ("sections/DieErnaehrung.html");               break;                }                   case "DieVerpaarung";             {               include ("sections/DieVerpaarung.html");               break;                }                case "Unbestimmt";             {               include ("sections/Unbestimmt.html");               break;                }                case "Maennlich";             {               include ("sections/Maennlich.html");               break;                  }                case "Weiblich";             {               include ("sections/Weiblich.html");               break;                  }                case "Forum";             {               include ("sections/Forum.html");               break;                }                case "Gaestebuch";             {               include ("sections/Gaestebuch.html");               break;                }                  case "Kontakt";             {               include ("sections/Kontakt.html");               break;                }                  case "Links";             {               include ("sections/Links.html");               break;                }              }        ?></div><div id="navigation">  <ul>    <li class="level1"><a href="#"><strong>Bartagame</strong><span class="info"> Hier ein paar Bilder unserer Bartis</span></a>    <ul>        <li class="level2"><a href="index.php?section=Shavo">Shavo</a></li>        <li class="level2"><a href="index.php?section=Sammy">Sammy</a></li>        <li class="level2"><a href="index.php?section=Buster">Buster</a></li>        <li class="level2"><a href="index.php?section=Gonzo">Gonzo</a></li>        <li class="level2"><a href="index.php?section=Josy">Josy</a></li>        <li class="level2"><a href="index.php?section=Amy">Amy</a></li>    </ul>    </li>        <li class="level1"><a href="#"><strong>Die Haltung</strong> <span class="info"> Wissenswertes über die Haltung</span></a>    <ul>        <li class="level2"><a href="index.php?section=HaltungundLebensraum">Haltung & Lebensraum</a></li>        <li class="level2"><a href="index.php?section=TemperaturundLuftfeuchte">Temperatur & Luftfeuchte</a></li>        <li class="level2"><a href="index.php?section=DerBodengrund">Der Bodengrund</a></li>        <li class="level2"><a href="index.php?section=DieBeleuchtung">Die Beleuchtung</a></li>        <li class="level2"><a href="index.php?section=DieErnaehrung">Die Ernährung</a></li>        <li class="level2"><a href="index.php?section=DieVerpaarung">Die Verpaarung</a></li>    </ul></li>        <li class="level1"><a href="#"><strong>Nachzuchten</strong> <span class="info"> Hier ein paar Bilder unserer Nachzuchten die wir auch abgeben!</span></a>    <ul>        <li class="level2"><a href="index.php?section=Unbestimmt">Unbestimmt</a></li>        <li class="level2"><a href="index.php?section=Maennlich">Männlich</a></li>        <li class="level2"><a href="index.php?section=Weiblich">Weiblich</a></li>    </ul></li></ul></div><div id="navigationh"><ul>        <li class="level2"><a href="index.php">Home</a></li>  </ul>    </li>        <li class="level2"><a href="index.php?section=Gaestebuch">Gästebuch</a></li>    </ul></li>        <li class="level2"><a href="index.php?section=Kontakt">Kontakt</a></li>    </ul>        <li class="level2"><a href="index.php?section=Links">Links</a></li>    </ul>        <li class="level2"><a href="index.php?section=Forum">Forum</a></li>    </ul></li></ul></div><div id="überschrieft">Unsere Bartagamen Homepage</div><div id="kopfbuster"><img src="Bilder/Busterkopf Transparent.jpg" alt="Bartikopf" width="129" height="105" /></div></body></html>

WindowsPower.de Artikel

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!