Anzeige

Wiesser rand

Wiesser rand | PSD-Tutorials.de

Erstellt von kariba, 23.09.2008.

  1. kariba

    kariba Guest

    Wiesser rand
    Hallo erstmal!!
    Also ich habe per Photoshop ein komplettes design erstellt, habe auch gesliced und für web speichern geklickt! Dann wirds ja zu na .html, ich habs mit dreamweaver ausgeführt und in .php gespeichert, habe dann mal die button verlinkt......!!!
    -----> aber jetzt zum problem, wenn ich meine seite hochlade dann ist immer unter dem design und rechts vom design ein weisser rand???!!!! ( im dreamweaver ist kein weisser bereich zu sehen ) Bitte hilfe ^^
     
    #1      
  2. serverhombre

    serverhombre Guest

    Wiesser rand
    #2      
  3. kariba

    kariba Guest

    Wiesser rand
    AW: Wiesser rand

    link zr seite -----> MTG Zone 2

    Code (Text):
    1.  
    2. <html>
    3. <head>
    4. <title>MTG Zone 2</title>
    5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    6. <style type="text/css">
    7. <!--
    8. #apDiv1 {
    9.  position:absolute;
    10.  left:241px;
    11.  top:229px;
    12.  width:770px;
    13.  height:550px;
    14.  z-index:1;
    15. }
    16. a:link {
    17.  text-decoration: none;
    18. }
    19. a:visited {
    20.  text-decoration: none;
    21. }
    22. a:hover {
    23.  text-decoration: none;
    24. }
    25. a:active {
    26.  text-decoration: none;
    27. }
    28. -->
    29. </style>
    30. </head>
    31. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    32. <!-- ImageReady Slices (MTG Zone 2.psd) -->
    33. <div id="apDiv1">
    34.   <div align="center"><?PHP
    35. $subfolder = "[URL]http://mtgzone.ngz-server.de/01news/[/URL]";
    36. include($subfolder."01news.php");
    37. ?></div>
    38. </div>
    39. <table id="Tabelle_01" width="1025" height="768" border="0" cellpadding="0" cellspacing="0">
    40.  <tr>
    41.   <td colspan="11">
    42.    <img src="Bilder/MTG-Zone-2_01.jpg" width="1024" height="4" alt=""></td>
    43.   <td>
    44.    <img src="Bilder/Abstandhalter.gif" width="1" height="4" alt=""></td>
    45.  </tr>
    46.  <tr>
    47.   <td rowspan="17">
    48.    <img src="Bilder/Hintergrund-Links.jpg" alt="" width="18" height="764"></td>
    49. <td colspan="9">
    50.    <img src="Bilder/MTG-Zone-2_03.jpg" width="990" height="201" alt=""></td>
    51.   <td rowspan="17">
    52.    <img src="Bilder/Hintergrund-Rechts.jpg" alt="" width="16" height="764"></td>
    53. <td>
    54.    <img src="Bilder/Abstandhalter.gif" width="1" height="201" alt=""></td>
    55.  </tr>
    56.  <tr>
    57.   <td colspan="8">
    58.    <img src="Bilder/MTG-Zone-2_05.jpg" width="222" height="45" alt=""></td>
    59.   <td rowspan="15"><img src="Bilder/Content.jpg" width="768" height="551" alt=""></td>
    60. <td>
    61.    <img src="Bilder/Abstandhalter.gif" width="1" height="45" alt=""></td>
    62.  </tr>
    63.  <tr>
    64.   <td rowspan="15">
    65.    <img src="Bilder/MTG-Zone-2_07.jpg" width="3" height="518" alt=""></td>
    66.   <td colspan="6">
    67.    <a href="index.php"><img src="Bilder/News-Button.jpg" alt="" width="203" height="34" border="0"></a></td>
    68. <td rowspan="15">
    69.    <img src="Bilder/MTG-Zone-2_09.jpg" alt="" width="16" height="518" border="0" align="top"></td>
    70. <td>
    71.    <img src="Bilder/Abstandhalter.gif" width="1" height="34" alt=""></td>
    72.  </tr>
    73.  <tr>
    74.   <td rowspan="3">
    75.    <img src="Bilder/MTG-Zone-2_10.jpg" width="2" height="125" alt=""></td>
    76.   <td colspan="4">
    77.    <a href="Webmaster.php"><img src="Bilder/Webmaster-Button.jpg" alt="" width="199" height="34" border="0"></a></td>
    78. <td rowspan="14">
    79.    <img src="Bilder/MTG-Zone-2_12.jpg" width="2" height="484" alt=""></td>
    80.   <td>
    81.    <img src="Bilder/Abstandhalter.gif" width="1" height="34" alt=""></td>
    82.  </tr>
    83.  <tr>
    84.   <td rowspan="2">
    85.    <img src="Bilder/MTG-Zone-2_13.jpg" width="1" height="91" alt=""></td>
    86.   <td>
    87.    <a href="[URL="http://www.forumprofi.de/forum22395/%22%3E%3Cimg"]http://www.forumprofi.de/forum22395/"><img[/URL] src="Bilder/Forum.jpg" alt="" width="194" height="34" border="0"></a></td>
    88. <td colspan="2" rowspan="3">
    89.    <img src="Bilder/MTG-Zone-2_15.jpg" width="4" height="125" alt=""></td>
    90.   <td>
    91.    <img src="Bilder/Abstandhalter.gif" width="1" height="34" alt=""></td>
    92.  </tr>
    93.  <tr>
    94.   <td>
    95.    <img src="Bilder/MTG-Zone-2_16.jpg" width="194" height="57" alt=""></td>
    96.   <td>
    97.    <img src="Bilder/Abstandhalter.gif" width="1" height="57" alt=""></td>
    98.  </tr>
    99.  <tr>
    100.   <td colspan="3">
    101.    <a href="mtg.php"><img src="Bilder/MTG-Button.jpg" alt="" width="197" height="34" border="0"></a></td>
    102. <td>
    103.    <img src="Bilder/Abstandhalter.gif" width="1" height="34" alt=""></td>
    104.  </tr>
    105.  <tr>
    106.   <td>
    107.    <img src="Bilder/MTG-Zone-2_18.jpg" width="2" height="34" alt=""></td>
    108.   <td colspan="3">
    109.    <a href="learn2play.php"><img src="Bilder/L2P-Button.jpg" alt="" width="198" height="34" border="0"></a></td>
    110. <td rowspan="10">
    111.    <img src="Bilder/MTG-Zone-2_20.jpg" width="1" height="325" alt=""></td>
    112.   <td>
    113.    <img src="Bilder/Abstandhalter.gif" width="1" height="34" alt=""></td>
    114.  </tr>
    115.  <tr>
    116.   <td colspan="4">
    117.    <a href="where2buy.php"><img src="Bilder/Where-2-Buy-Button.jpg" alt="" width="200" height="34" border="0"></a></td>
    118. <td>
    119.    <img src="Bilder/Abstandhalter.gif" width="1" height="34" alt=""></td>
    120.  </tr>
    121.  <tr>
    122.   <td rowspan="5">
    123.    <img src="Bilder/MTG-Zone-2_22.jpg" width="2" height="155" alt=""></td>
    124.   <td colspan="2">
    125.    <a href="events.php"><img src="Bilder/Events.jpg" alt="" width="195" height="33" border="0"></a></td>
    126. <td rowspan="2">
    127.    <img src="Bilder/MTG-Zone-2_24.jpg" width="3" height="88" alt=""></td>
    128.   <td>
    129.    <img src="Bilder/Abstandhalter.gif" width="1" height="33" alt=""></td>
    130.  </tr>
    131.  <tr>
    132.   <td colspan="2">
    133.    <img src="Bilder/MTG-Zone-2_25.jpg" width="195" height="55" alt=""></td>
    134.   <td>
    135.    <img src="Bilder/Abstandhalter.gif" width="1" height="55" alt=""></td>
    136.  </tr>
    137.  <tr>
    138.   <td colspan="3">
    139.    <a href="findaplayer.php"><img src="Bilder/Find-a-Player.jpg" alt="" width="198" height="33" border="0"></a></td>
    140. <td>
    141.    <img src="Bilder/Abstandhalter.gif" width="1" height="33" alt=""></td>
    142.  </tr>
    143.  <tr>
    144.   <td colspan="3">
    145.    <img src="Bilder/MTG-Zone-2_27.jpg" width="198" height="5" alt=""></td>
    146.   <td>
    147.    <img src="Bilder/Abstandhalter.gif" width="1" height="5" alt=""></td>
    148.  </tr>
    149.  <tr>
    150.   <td colspan="3">
    151.    <img src="Bilder/Player-Formular.jpg" width="198" height="29" alt=""></td>
    152.   <td>
    153.    <img src="Bilder/Abstandhalter.gif" width="1" height="29" alt=""></td>
    154.  </tr>
    155.  <tr>
    156.   <td colspan="4">
    157.    <a href="mtgzoneevents.php"><img src="Bilder/MTG-Zone-Events.jpg" alt="" width="200" height="34" border="0"></a></td>
    158. <td>
    159.    <img src="Bilder/Abstandhalter.gif" width="1" height="34" alt=""></td>
    160.  </tr>
    161.  <tr>
    162.   <td colspan="4" rowspan="2">
    163.    <img src="Bilder/MTG-Zone-2_30.jpg" alt="" width="200" height="68"></td>
    164. <td>
    165.    <img src="Bilder/Abstandhalter.gif" width="1" height="56" alt=""></td>
    166.  </tr>
    167.  <tr>
    168.   <td>
    169.    <img src="Bilder/MTG-Zone-2_31.jpg" alt="" width="768" height="12"></td>
    170. <td>
    171.    <img src="Bilder/Abstandhalter.gif" width="1" height="12" alt=""></td>
    172.  </tr>
    173. </table>
    174. <!-- End ImageReady Slices -->
    175. </body>
    176. </html>
    177.  
     
    #3      
  4. Mario72

    Mario72 Nicht mehr ganz neu hier

    Dabei seit:
    13.09.2008
    Beiträge:
    136
    Geschlecht:
    männlich
    Ort:
    Holtgast
    Wiesser rand
    AW: Wiesser rand

    Hallo
    Das ist der Hintergrund. ;)
    Ich habe mir deine Seite angesehen und im IE 6 (Auflösung 1280 x 1024) ist sie oben und links direkt am Rand. Unten und rechts sind mehrere Zentimeter weisser Rand vorhanden.
    Verringere ich meine Bildschirmauflösung, dann verringert sich auch dieser weisse Rand.

    Das ist also kein Problem mit dem Quellcode, sondern mit der Bildschirmauflösung.

    Du solltest die Tabelle zumindest horizontal zentrieren.


    Grüße
    Mario
     
    #4      
  5. kariba

    kariba Guest

    Wiesser rand
    AW: Wiesser rand

    Heisst das egal wie ich es drehe, dass der rand bleibt!!!
     
    #5      
  6. Mario72

    Mario72 Nicht mehr ganz neu hier

    Dabei seit:
    13.09.2008
    Beiträge:
    136
    Geschlecht:
    männlich
    Ort:
    Holtgast
    Wiesser rand
    AW: Wiesser rand

    Hallo
    Ja, da heißt es. Du kannst natürlich die Hintergrundfarbe an dein Design anpassen.

    Im Moment wiederholt sich dein Design rechts und unten, was sehr unschön aussieht.
    Das solltest du wieder ändern.
    Zentriere das Design erstmal horizontal. Dadurch sieht es auf jeden Fall freundlicher aus. Anschliessend passt du die Hintergrundfarbe an.

    Besucher mit geringer Bildschirmauflösung werden eventuell sogar scrollen müssen. Andere werden viel "Rand" haben, weil ihre Auflösung so hoch ist.
    Das ist eine Sache, die man beim Erstellen einer Webseite berücksichtigen muß.


    Grüße
    Mario
     
    #6      
  7. kariba

    kariba Guest

    Wiesser rand
    AW: Wiesser rand

    sry nochmals!!Wie kann ich die Hintergrundfarbe an mein Design anpassen?! ^^

    danke dass ihr mir helft!!:D:D
     
    #7      
  8. patrick_l

    patrick_l Stereotyp(e)

    22
    Dabei seit:
    11.05.2008
    Beiträge:
    7.629
    Geschlecht:
    männlich
    Ort:
    NRW
    Software:
    CS6/CC2017, Affinity, Atom, Brackets, PHPStorm, Pug, Sass, Wacom
    Kameratyp:
    Canon DSLR [...]
    Wiesser rand
    AW: Wiesser rand

    Du musst in dem html-Code gucken, ziemlich weit oben kannst du die Background-Farbe angeben. Da musst du jetzt nur die richtige Farbe angeben.

    Lg derOtto

    </style>
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- ImageReady Slices (MTG Zone 2.psd) -->
     
    Zuletzt bearbeitet: 24.09.2008
    #8      
x
×
×
teststefan