Beiträge von Modula
-
-
Hallo NoDa, ich würde dir raten, erstmal meinen Code als Basis für verbesserungen zu nehmen, nicht nur weil dieser frame unabhängig ist sondern auch weil dort zahlreiche falschformatierungen in deinem Code entfernt wurden.
Wenn du zu meinem Code Fragen hast stell sie einfach
Aber um deine Frage von vorhin zu beantworten:
Selbst mit meinem Code ist es sehr wahrscheinlich, dass sich das Bild verschiebt, da dieses nicht absolut positioniert ist.
Gruß,
Modula
-
Hängt davon a, was du dir hirunter vorstellst:
ZitatIn dieser Homepage möchte ich eine Urlaubsliste einfügen, Aktivitäts-Liste und fight Liste.
-
kannst du ggf. mal einen Link zu ner onlineversion geben?
-
HTML
Alles anzeigen<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>N a n d i i</title> <style> body { scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-arrow-color: #FF007E; scrollbar-track-color: #ffffff; background-image: url(http://www.beepworld.de/memberdateien/members87/nandii/BG_Pink_2.gif); margin: 0px; background-color: #FFFFFF; } .content { position: absolute; padding: 4px; left: 486; top: 218; width: 195; height: 266; } div .frame { margin: 0px; overflow: auto; width: 174px; height: 255px; FILTER: chroma (color=#ffffff); } div .headline { font-family: Verdana; font-size: 10px; color: #ff0066; text-align: right; width: 145px; background-image: url(http://www.beepworld.de/memberdateien/members87/nandii/TLinie.gif); padding-top: 10px; background-repeat: repeat-x; } div .normaltext { text-align: justify; font-family: Verdana; font-size: 10px; color: #a3a3a3; } div .footer { color: #ff0066; font-family: Verdana; font-size: 10px; text-align: right; } </style> </head> <body> <p align="center"> [img]http://www.beepworld.de/memberdateien/members87/nandii/BG.gif[/img] </p> <div class="content"> <div class="frame"> <div class="headline"> [b]2oo5[/b].[b]1o[/b].[b]o8[/b] [b]22:37[/b] h [b]mood [/b]» [img]http://www.beepworld.de/memberdateien/members87/nandii/hmpf.gif[/img] </div> <div class="normaltext"> Ciao. Das ist meine neue Homepage. Ich hoffe, sie gefällt euch. Würd mich freuen, wenn ihr mir ins Gästebuch schreibt. Ich hab jetzt auch keine Zeit viel zu schreiben, weil ich busy mit meiner Süssen bin. [img]http://www.beepworld.de/memberdateien/members87/nandii/wink.gif[/img] Bis bald! </p> </div> <div align="right" class="footer"> N a n d i i</p> </div> </div> </div> </body> </html>
Hatte ich erwähnt, dass mir grad langweilig war?
Design auf CSS umgestellt,
iframe entferntLässt sich sicher noch für FF & IE optimieren, aber so wies jetzt ist kann mans in beiden Browsern ansehn
-
Ich vermute mal, du hast die Seite noch nicht aktualisiert, hm?
Aye, so einen Codingstil hatte ich mir auch mal angeeignet, aber glaub mir, grade innerhalb von Tabellen findest du dich so später viel leichter zurecht.
Und umzusteigen ist nicht allzuschwer, vorhandener Code lässt sich bei guten Editoren via Knopfdruck einrücken (deinen jedenfalls hab ich nicht von Hand so eingerückt ;))
Ich weiß jetzt auch nicht, ob du hauptsächlich in der WYSIWYG Ansicht eines Editors arbeitest, aber ich denke mal eher nicht (sonst wär der Code anders formatiert)
Ich bin im moment von http://www.pspad.com/de/ ganz begeistert, verwende privat jedoch lieber Dreamweaver
-
Ich denke sowas müsste man Datenbankgestützt schreiben, also brauchst du nen Tutorial zur Verwendung von PHP mit MySQL.
Schau dir mal das hier an: http://tut.php-q.net/
-
Code
<div align=center><input background-image="senden.gif" name="btnSend" id="btnSend" type="submit" value="" /> <input background-image="verwerfen.gif" name="btnDelete" id="btnDelete" type="reset" value="" /></div>
ersetzen mit:
Code<div align=center> <input style="background-image: url("senden.gif")" name="btnSend" id="btnSend" type="submit" value="" /> <input style="background-image: url("verwerfen.gif")" name="btnDelete" id="btnDelete" type="reset" value="" /> </div>
Edit:
am besten noch durch width: und heiht: angaben ergänze, die die abmessungen der Bilder angeben, z.B. so:
Code<div align=center> <input style="background-image: url("senden.gif"); width: 100px; height: 30px" name="btnSend" id="btnSend" type="submit" value="" /> <input style="background-image: url("verwerfen.gif"); width: 100px; height: 30px" name="btnDelete" id="btnDelete" type="reset" value="" /> </div>
-
Das sind wieder diese schönen IE only effekte...
Um das Script oben für mehr Bilder auszuweiten müsste man das etwas ausführlicher umschreiben, so dass ein laufender Parameter unterstützt wird.
-
Aye, das wär von vorteil wenn man sich das mal online ansehen könnte
-
Nun, das Layout lässt sich bestimmt nochmal optimieren, ich würde hier mehr mit CSS arbeiten - vorallem kann ich nur empfehlen den Code einzurücken - das hier schaut doch gleich übersichtlicher aus (ich hab hier und da ein paar werte geändert, möglich, dass der weiße rand nun weg ist):
HTML
Alles anzeigen<html> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Die Hopfenlosen.de</title> <meta name="DC.Language" content="de"> <link rel="stylesheet" type="text/css" href="roh2.css"> </head> <body bgcolor="#000000" text="#000000" link="#3d4548" vlink="#7d653c"> <a name="top"></a> <table border="0" cellspacing="0" cellpadding="0" align="center" width="730"> <tr> <td rowspan="6" style="background-image:url(images/bg_blau_hell_links.gif)" valign="top" width="150"> [img]Anim.gif[/img] </p> <p align="left" font size="5" color="#FFFFFF"> [url='index_Test.html']Home[/url] [url='DieBand_Entstehung.htm']Geschichte[/url] [url='DieBand_Hartmut.htm']Hartmut[/url] [url='DieBand_Mark.htm']Mark[/url] [url='DieBand_John.htm']John[/url] [url='DieBand_Marius.htm']Marius[/url] [url='DieBand_Andi.htm']Andi[/url] [url='Galerie1.htm']Galerie[/url] [url='Termine.htm']Termine[/url] [url='Aktuell.htm']News[/url] [url='Links.htm']Links[/url] [url='mailto:info@die-hopfenlosen.de']Kontakt[/url] </p> [url='http://www.geburtstagsgedichte-liebesgedichte.de/'][img]http://www.gratis-counter-gratis.de/counter.php?id=6825[/img][/url] </td> <td rowspan="6" width="15"> </td> <td> [img]http://www.reitzki.de/Link/Hopfenlos.gif[/img] </p> </td> </tr> <tr> <td height="5"> </td> </tr> <tr> <td style="background-image:url(images/bg_arena4.gif)" valign="top"> <p align="center"> |[url='Impressum.htm']impressum[/url] |[url='http://www.foren.de/system/user_Hopfenlos.html']forum[/url] |[url='http://www.gb.gratis-gaestebuecher.de/cgi-bin/gb/multigb.cgi?gb=68243']guestbook[/url] |[url='index_Test.html']home[/url] | </p> </td> </tr> <tr> <td height="5"> </td> </tr> <tr> <td style="background-image:url(images/bg_arena.gif);" width="565" valign="top"> </p> <center> [img]http://www.die-hopfenlosen.de/Test/alleGruppe.gif[/img] </center> <embed src="http://www.die-hopfenlosen.de/Test.mp3" align="baseline" border="0" width="0" height="0" autostart="true" loop="-1" type="audio/mpeg"> </td> </tr> <tr> <td width="565" height="15"> </td> </tr> <tr> <td style="background-image:url(images/bg_blau_hell_links.gif)"> </td> <td> </td> <td style="background-image:url(images/bg_arena3.gif)" width="565" valign="top"> <p align="right"> <a href="#top"> [img]images/pfeil_top.gif[/img]</a> </p> <p align="left"> © 2005 by Andreas Reitzki; [url='mailto:webmaster@reitzki.de']webmaster@reitzki.de[/url] </p> </td> </tr> </table> </body> </html>
-
hm - ich vermute mal, das liegt am Pfad
Änder file_exists("entries.txt") und file("entries.txt") so ab, dass du den absoluten Pfad zur Textdatei angiebst.
Du kannst auch die Funktion so umschreiben:
-
Hier im Forum hats nen sticken Thread wo deine Frage eigentlich schon behandelt wurde
https://www.forum-hilfe.de/viewtopic.php?t=5067
Ansonsten kann ich die online PHP Referenz sehr empfehlen ( http://www.php.net/manual/de )
Du kannst auch einfach mal mit google.de nach "PHP Tutorial" suchen - so hab ichs gelernt
-
Aye...
Du hast background-image="verwerfen.gif" einfach wie ein Attribut in den input Tag eingefügt, es handelt sich hier jedoch um CSS.
Du musst oben im Head der datei wie ph0re beschrieben hat CSS definieren und diese dann in deinem input via <input class="cssname"> verwenden.
-
Also die Schrift im Forum kann ich jedenfalls nicht lesen ...
Ich würde noch den Hintergrund der horizontalen Navigation ändern und jeweils rechts den senkrechten weißen Balken entfernen
-
mal abgesehen davon dass ich im Hintergrund keinen Farbverlauf sehe kannst du auch ohne iframe Scrollbalken erzeugen:
Code
Alles anzeigen<div class="content"> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> Viel Inhalt</p> </div>
-
-
Getreu dem Motto: Alles ist möglich:
1. Auflösung via JS auslesen und den Benutzer zwingen ein Formular abzusenden in dem die steht
2. mithilfe dieser Angaben aus einem Bildpool das richtige Bild in der richtigen auflösung anzeigen (evtl. Mithilfe der GD Libary ein maßgeschneidertes Bild erzeugen)Mir wär dazu allerdings der Aufwand zu groß
-
-
Hier mal alle Varianten die mir grade einfallen:
Code
Alles anzeigen<table border="2"> <tr> <td colspan="6">Colspan 6</td> </tr> <tr> <td>Colspan 1</td> <td>Colspan 1</td> <td colspan="4">Colspan 4</td> </tr> <tr> <td>Colspan 1</td> <td colspan="2">Colspan 2</td> <td colspan="3">Colspan 3</td> </tr> <tr> <td>Colspan 1</td> <td colspan="3">Colspan 3</td> <td colspan="2">Colspan 2</td> </tr> <tr> <td>Colspan 1</td> <td colspan="4">Colspan 4</td> <td>Colspan 1</td> </tr> <tr> <td colspan="2">Colspan 2</td> <td>Colspan 1</td> <td colspan="3">Colspan 3</td> </tr> <tr> <td colspan="2">Colspan 2</td> <td colspan="2">Colspan 2</td> <td colspan="2">Colspan 2</td> </tr> <tr> <td colspan="2">Colspan 2</td> <td colspan="3">Colspan 3</td> <td>Colspan 1</td> </tr> <tr> <td colspan="3">Colspan 3</td> <td>Colspan 1</td> <td colspan="2">Colspan 2</td> </tr> <tr> <td colspan="3">Colspan 3</td> <td colspan="2">Colspan 2</td> <td>Colspan 1</td> </tr> <tr> <td>Colspan 1</td> <td>Colspan 1</td> <td>Colspan 1</td> <td>Colspan 1</td> <td>Colspan 1</td> <td>Colspan 1</td> </tr> </table>
Edit: Ansehen: http://modula.mo.funpic.de/tabelle036/