Forum

Verschiedene kleine Probleme

Erstellt von onpoint, 04.02.2011.



  1. onpoint

    onpoint Aktives Mitglied

    Dabei seit:
    27.01.2010
    Beiträge:
    551
    Geschlecht:
    männlich
    Verschiedene kleine Probleme
    Hey :)

    Ich bin gerade im Aufbau meiner neuen Webseite. Läuft soweit ziemlich gut..allerdings schleichen sich da kleine Konflikte ein..

    Hier ist die Seite:
    ONPOINTMUSIC

    Bei "Dates" zeigt er mir im Eventkasten nicht direkt den Scrollbalken, sondern erst nachdem ich die Seite aktualisiere..kann mir nicht erklären woher das kommen soll..ich verwende jscrollpane...jedoch funktionieren die scrollbalken auf der Startseite jedoch sehr gut...

    weiß jemand ne Lösung?

    Zweiteres wäre bei "Booking" und "Contact" das Formular...wenn ich auf "Abschicken" gehe hätte ich gerne, dass er im selben Fenster bleibt und die Bestätigungsmeldung dort anzeigt...momentan öffnet er mir eine komplett neue weiße Seite mit der Bestätigung..

    Freue mich über Hilfe!

    Code für "Dates.html":

    Code (Text):
    1.  
    2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    3. <html xmlns="http://www.w3.org/1999/xhtml">
    4. <head>
    5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    6. <title>ONPOINTMUSIC</title>
    7. <link href="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/style/style.css"]style/style.css[/URL]" rel="stylesheet" type="text/css" />
    8. <!-- styles needed by jScrollPane -->
    9. <link type="text/css" href="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/scrollpane/style/jquery.jscrollpane.css"]scrollpane/style/jquery.jscrollpane.css[/URL]" rel="stylesheet" media="all" />
    10.  
    11. <!-- latest jQuery direct from google's CDN -->
    12. <script type="text/javascript" src="[URL="http://www.psd-tutorials.de/forum/view-source:http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"]http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js[/URL]">
    13. </script>
    14.  
    15. <!-- the mousewheel plugin - optional to provide mousewheel support -->
    16. <script type="text/javascript" src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/scrollpane/script/jquery.mousewheel.js"]scrollpane/script/jquery.mousewheel.js[/URL]"></script>
    17. <!-- the jScrollPane script -->
    18. <script type="text/javascript" src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/scrollpane/script/jquery.jscrollpane.min.js"]scrollpane/script/jquery.jscrollpane.min.js[/URL]"></script>
    19.  
    20. <script type="text/javascript">
    21. $(function()
    22. {
    23.     $('.scroll-pane').jScrollPane();
    24.  
    25. });
    26.    
    27. </script>
    28. </head>
    29. <body>
    30.  
    31. <div id="header">
    32. <object type="application/x-shockwave-flash" data="skins/emff_silk.swf" width="84" height="32" style="position:absolute;top:5px;left:9px;">
    33.  <param name="movie" value="skins/emff_silk.swf">
    34.  <param name="bgcolor" value="#000000">
    35.  <param name="FlashVars" value="src=example.mp3">
    36. </object>
    37. <marquee scrollamount="2" scrolldelay="5" width="400" style="position:absolute;top:20px;left:110px">
    38. <b>Der nächste Gig ist noch nicht bekannt. Sobald etwas bekannt wird, wird es sofort hier erscheinen</b>
    39. </marquee>
    40. <ul id="navi-top">
    41. <li><a href="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/shop.html"]shop.html[/URL]">Shop</a></li>
    42. <li><a href="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/booking.php"]booking.php[/URL]">Booking</a></li>
    43. <li><a href="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/bboying.html"]bboying.html[/URL]">B-Boyng</a></li>
    44. <li><a href="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/links.html"]links.html[/URL]">Links</a></li>
    45. <li><a href="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/impressum.html"]impressum.html[/URL]">Impressum</a></li>
    46. <li class="noBorder"><a href="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/contact.php"]contact.php[/URL]">Contact</a></li>
    47. </ul>
    48.  
    49.  
    50. <ul id="navi">
    51. <li>
    52. <a href="[URL="http://www.psd-tutorials.de/forum/view-source:http://www.myspace.com/onpoint-music"]http://www.myspace.com/onpoint-music[/URL]" target="_blank">Myspace</a>
    53. </li>
    54. <li>
    55. <a href="[URL="http://www.psd-tutorials.de/forum/view-source:http://www.facebook.com/pages/Onpointmusic/180335105328351"]http://www.facebook.com/pages/Onpointmusic/180335105328351[/URL]" target="_blank">Facebook</a>
    56. </li>
    57. <li>
    58. <a href="[URL="http://www.psd-tutorials.de/forum/view-source:http://twitter.com/onpoint_music"]http://twitter.com/onpoint_music[/URL]" target="_blank">Twitter</a>
    59. </li>
    60. <li class="noBorder">
    61. <a href="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/kommt%20noch"]kommt noch[/URL]" target="_blank">Youtube</a>
    62. </li>
    63. </ul>
    64. <p style="position:absolute;top:245px;left:71px;color:#000;letter-spacing:2px;font-size:16px;text-transform:uppercase;">
    65. [url=http://www.onpointmusic.de]Offizielle Homepage - OnPoint[/url]
    66. </p>
    67.  
    68.  
    69. <div class="button"></div>
    70. <div class="button" style="left:171px;"></div>
    71. <div class="button" style="left:331px;"></div>
    72. <div class="button" style="left:491px;"></div>
    73. <div class="button" style="left:651px;"></div>
    74. <div class="button" style="left:811px;"></div>
    75.  
    76.  
    77. <ul id="navi-haupt">
    78. <li style="padding-left:53px;"><a href="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/index.html"]index.html[/URL]">Home</a></li>
    79. <li style="padding-left:113px;"><a href="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/about.html"]about.html[/URL]">About</a></li>
    80. <li style="padding-left:108px;"><a href="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/music.html"]music.html[/URL]">Music</a></li>
    81. <li style="padding-left:108px;"><a href="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/videos.html"]videos.html[/URL]">Videos</a></li>
    82. <li style="padding-left:106px;"><a href="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/dates.html"]dates.html[/URL]">Dates</a></li>
    83. <li style="padding-left:90px;"><a href="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/guestbook.html"]guestbook.html[/URL]">Guestbook</a></li>
    84. </ul>
    85.  
    86. </div>
    87.  
    88. <div id="content">
    89. <img src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/Bilder/textdates.jpg"]Bilder/textdates.jpg[/URL]" alt="About" style="margin-left:5px;"  />
    90. <div class="column">
    91. <font style="padding-left:8px;word-spacing:4px;text-transform:uppercase;font-size:9px;">Die nächsten Veranstaltungen / Jams</font>
    92. <div class="highlightabout scroll-pane" style="height:510px;position:relative;">
    93.  
    94. <img src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/Bilder/flyermuster.jpg"]Bilder/flyermuster.jpg[/URL]" alt="Veranstaltung" style="margin:20px 10px 20px 20px;" />
    95. <p style="color:#035c02;position:absolute;left:190px;top:19px;text-transform:uppercase;font-size:8px;">
    96. Event: Name des Events <br />
    97. <font color="#000000">Datum: 02-02-2011</font><br />
    98. Uhrzeit: Der Einlass ist um 19 Uhr<br />
    99. <font color="#000000">Eintritt: 5 Euro</font><br />
    100. Beschreibung:<br />
    101. <font color="#000000">ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</font>
    102. </p>
    103.  
    104. <br />
    105. <img src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/Bilder/flyermuster.jpg"]Bilder/flyermuster.jpg[/URL]" alt="Veranstaltung" style="margin:20px 10px 20px 20px;" />
    106.  
    107. <p style="color:#035c02;position:absolute;left:190px;top:247px;text-transform:uppercase;font-size:8px;">
    108. Event: Name des Events <br />
    109. <font color="#000000">Datum: 02-02-2011</font><br />
    110. Uhrzeit: Der Einlass ist um 19 Uhr<br />
    111. <font color="#000000">Eintritt: 5 Euro</font><br />
    112.  
    113. Beschreibung:<br />
    114. <font color="#000000">ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</font>
    115. </p>
    116. <br />
    117. <img src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/Bilder/flyermuster.jpg"]Bilder/flyermuster.jpg[/URL]" alt="Veranstaltung" style="margin:20px 10px 20px 20px;" />
    118.  
    119. <p style="color:#035c02;position:absolute;left:190px;top:475px;text-transform:uppercase;font-size:8px;">
    120. Event: Name des Events <br />
    121. <font color="#000000">Datum: 02-02-2011</font><br />
    122. Uhrzeit: Der Einlass ist um 19 Uhr<br />
    123. <font color="#000000">Eintritt: 5 Euro</font><br />
    124.  
    125. Beschreibung:<br />
    126. <font color="#000000">ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</font>
    127. </p>
    128. <br />
    129.  
    130.  
    131.  
    132.  
    133. </div>
    134. </div>
    135. <div class="column noMargin">
    136. <font style="padding-left:8px;word-spacing:4px;text-transform:uppercase;font-size:9px;">Booking</font>
    137. <div class="highlightabout" style="height:200px!important;margin-bottom:20px;position:relative;">
    138. <p style="text-transform:uppercase; margin:20px 10px 0 17px;">
    139. <font style="font-size:11px;">Booking per E-Mail</font><br />
    140. an: <font color="#035c02">booking@onpointmusic.de</font><br /><br />
    141. <font style="font-size:11px;">Booking per Messenger</font><br />
    142. MSN: <font color="#035c02">info@onpointmusic.de</font><br />
    143. ICQ: <font color="#035c02">617 - 854 - 307</font><br />
    144. SKYPE: <font color="#035c02">onpointmusic</font>
    145. <br /><br /><br />
    146. <font style="font-size:8px;">Weitere Informationen bei "Booking"</font>
    147. </p>
    148. <img src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/Bilder/telefon.jpg"]Bilder/telefon.jpg[/URL]" style="position:absolute;top:25px;left:210px;" />
    149. </div>
    150.  
    151. <font style="padding-left:8px;word-spacing:4px;text-transform:uppercase;font-size:9px;">Bilder der letzten Jams</font>
    152. <div class="highlightabout" style="height:270px!important;position:relative;">
    153. <img src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/Bilder/dateslinie.jpg"]Bilder/dateslinie.jpg[/URL]" style="padding-left:5px;padding-top:10px;position:absolute;" />
    154. <img src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/Bilder/datesbildmuster.jpg"]Bilder/datesbildmuster.jpg[/URL]" style="margin:10px 3px 5px 16px;" />
    155. <img src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/Bilder/datesbildmuster.jpg"]Bilder/datesbildmuster.jpg[/URL]" style="margin:10px 3px 5px 10px;" />
    156. <img src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/Bilder/datesbildmuster.jpg"]Bilder/datesbildmuster.jpg[/URL]" style="margin:10px 3px 5px 10px;" />
    157. <img src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/Bilder/datesbildmuster.jpg"]Bilder/datesbildmuster.jpg[/URL]" style="margin:10px 3px 5px 10px;" />
    158. <img src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/Bilder/datesbildmuster.jpg"]Bilder/datesbildmuster.jpg[/URL]" style="margin:10px 3px 5px 16px;" />
    159. <img src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/Bilder/datesbildmuster.jpg"]Bilder/datesbildmuster.jpg[/URL]" style="margin:10px 3px 5px 10px;" />
    160. <img src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/Bilder/datesbildmuster.jpg"]Bilder/datesbildmuster.jpg[/URL]" style="margin:10px 3px 5px 10px;" />
    161. <img src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/Bilder/datesbildmuster.jpg"]Bilder/datesbildmuster.jpg[/URL]" style="margin:10px 3px 5px 10px;" />
    162. <img src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/Bilder/dateslinie.jpg"]Bilder/dateslinie.jpg[/URL]" style="position:absolute;top:10px;left:443px;" />
    163.  
    164.  
    165.  
    166. </div>
    167.  
    168. </div>
    169. <img src="[URL="http://www.psd-tutorials.de/forum/view-source:http://onpointmusic.de/baustelle/Bilder/datesunten.jpg"]Bilder/datesunten.jpg[/URL]" style="margin-top:15px;padding-left:14px;width:940px;" />
    170. </div>
    171. <div class="clear"></div>
    172. <div id="footercontainer">
    173. <div id="footer">
    174. <p style="position:absolute;left:765px;top:71px;">Copyright 2011: Daniele De Rosa</p>
    175. </div>
    176. </div>
    177.  
    178.  
    179. </body>
    180. </html>
    181.  
    182.  
    Lg
     
    #1      
  2. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    Verschiedene kleine Probleme
    AW: Verschiedene kleine Probleme

    Formular: deine action heisst formmailcontact.php. Wenn du willst, dass das ergebnis in der selben Seite angezeigt wird musst du entweder
    die action in die selbe Seite integrieren und action="contact.php"
    oder
    die formmailcontact.php in einem iframe in der Seite laden (das formular braucht dann das attribut target="meinIframeName",
    oder
    das abschicken des Formulars per submit verhindern (return false) und die daten per xmlHttpRequest in die seite bringen.
    jQuery.get()
    jQuery.post()


    etc.

    btw: mit html/css hat aber keins der Beiden Probleme zu tun -> verschoben.
     
    #2      
  3. onpoint

    onpoint Aktives Mitglied

    Dabei seit:
    27.01.2010
    Beiträge:
    551
    Geschlecht:
    männlich
    Verschiedene kleine Probleme
    AW: Verschiedene kleine Probleme

    danke hierfür schonmal! :)

    Jemand auch das Problem mit dem Scrollbalken gelöst? Habe wieder gesucht wie ein Irrer, aber finde nirgens nen Fehler..
     
    #3      
  4. Duddle

    Duddle Posting-Frequenz: 14µHz

    Dabei seit:
    03.02.2006
    Beiträge:
    3.856
    Geschlecht:
    männlich
    Ort:
    Dresden
    Verschiedene kleine Probleme
    AW: Verschiedene kleine Probleme

    Nur eine vorläufige Fehleranalyse bzgl. der Scrollbalken: ich habe es mal lokal probiert und auf das mindeste reduziert (also nur .html plus die jquery-Scripte).

    Bei mir kommt er nicht mit den seltsam manuell positionierten Paragraphen nicht klar, also bspw.
    HTML:
    1.  
    2. <p style="color:#035c02;position:absolute;left:190px;top:19px;text-transform:uppercase;font-size:8px;">
    3. Event: Name des Events <br />
    4. <font color="#000000">Datum: 02-02-2011</font><br />
    5. Uhrzeit: Der Einlass ist um 19 Uhr<br />
    6.  
    Sobald ich "position:absolute;left:190px;top:475px;" aus style im <p> entferne, funktioniert es einwandfrei. Ich vermute, dass das PlugIn hier mit der Berechnung durcheinander kommt oder so. Das erklärt aber nicht die Cache-Effekte.

    Natürlich negiert der obige Fix deine Positionierung, aber das kann man auch anders und besser schreiben. Wenn ich das richtig verstehe, willst du je Datum einen Flyer neben den Daten anzeigen? Ich habe länger kein CSS geschrieben, aber so hat es funktioniert:

    HTML:
    1.  
    2. <div>
    3.     <img src="Bilder/flyermuster.jpg" alt="Veranstaltung" style="float:left;margin:20px 10px 20px 20px;" />
    4.     <p style="margin-left:190px; color:#035c02;text-transform:uppercase;font-size:8px;">
    5.     Event: Name des Events <br />
    6.     <font color="#000000">Datum: 02-02-2011</font><br />
    7.     Uhrzeit: Der Einlass ist um 19 Uhr<br />
    8.     <font color="#000000">Eintritt: 5 Euro</font><br />
    9.  
    10.     Beschreibung:<br />
    11.     <font color="#000000">ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</font>
    12.     </p>
    13. </div>
    14.  
    Geändert habe ich:
    • position:absolute, etc. wie oben erwähnt entfernt.
    • den Eintrag in ein <div> eingebettet
    • float:left für den Flyer, damit er im <div> links schwimmt
    • margin-left:190px für das <p>, damit es einen "Spalte" ergibt


    Duddle
     
    #4      
  5. onpoint

    onpoint Aktives Mitglied

    Dabei seit:
    27.01.2010
    Beiträge:
    551
    Geschlecht:
    männlich
    Verschiedene kleine Probleme
    AW: Verschiedene kleine Probleme

    Super! Das funktioniert so sehr gut :) Danke dir.

    Jetzt muss ich nur noch die Sache mit dem Formular wie oben beschrieben lösen.

    Lg
     
    #5      
  6. onpoint

    onpoint Aktives Mitglied

    Dabei seit:
    27.01.2010
    Beiträge:
    551
    Geschlecht:
    männlich
    Verschiedene kleine Probleme
    AW: Verschiedene kleine Probleme

    Ne kleine Frage dazu..

    ich habe mich für die Methode entschieden die formmail.php in einem Iframe zu laden..

    nun ist es so dass ich eine contact.php habe in der der aufbau der seite etc. steht, in dieser setze ich via php include die "buchungsformular.php". und diese "buchungsformular.php" verweist auf die "formmail.php".

    versteh ich das also richtig, dass ich auf den php include befehl verzichten muss und das ding via i-frame auf die contact.php bringe? und dann in der "buchungsformular.php" target="mein eingetragener framename"?
     
    #6      
Die Seite wird geladen...
© 2002 - 2016 PSD-Tutorials.de – ein Projekt mit der 4eck Media GmbH & Co. KG
x
×
×