Probleme mit HTML-Box

Dieses Thema im Forum "Programmierung" wurde erstellt von PaDo90, 6. Dezember 2013.

  1. PaDo90
    Offline

    PaDo90

    Registriert seit:
    5. September 2012
    Beiträge:
    44
    Minecraft:
    PaDo90
    Hey Leute, bräuchte mal hilfe mit HTML-Boxen die ich gemacht habe.
    Diesen werden ständig fehlerhaft angezeigt. Bei Firefox noch schlimmer als bei Chrome.

    Die Boxen befinden sich hier oben (die schwarzen): http://www.craftplay.de
    am schlibsten betroffen ist die box mit den Events (die ganz rechts).

    Wäre super, wenn mir da jemand helfen könnte :)
     
    #1
  2. PaDo90
    Offline

    PaDo90

    Registriert seit:
    5. September 2012
    Beiträge:
    44
    Minecraft:
    PaDo90
    Hier mal der Code für alles:

    HTML:
    1. <style type="text/css">
    2. .supportBoxHeader {
    3. padding:0 5px;
    4. }
    5.  
    6. .supportBox p {
    7. margin-bottom: 0px;
    8. }
    9.  
    10. .supportBox li {
    11. background: url("images/check.png") no-repeat scroll 0 0 transparent;
    12. margin-bottom: 2px;
    13. padding: 0 0 0 22px;
    14. }
    15.  
    16. .supportBox ul {
    17. list-style:none;
    18. margin:0;
    19. }
    20.  
    21. .supportBox h2 {
    22. color:#FFF;
    23. font-weight: normal;
    24. text-align:center;
    25. text-shadow:0 -1px 0 rgba(0,0,0,0.7);
    26. padding-top: 2px;
    27. padding-bottom: 2px;
    28. }
    29.  
    30. .supportBox {
    31. background-image: #2a2a2a;
    32. background-image: -webkit-linear-gradient(top, rgb(53,53,53) 0%, rgb(31,31,31) 100%);
    33. background-image: -moz-linear-gradient(top, rgb(53,53,53) 0%, rgb(31,31,31) 100%);
    34. background-image: -o-linear-gradient(top, rgb(53,53,53) 0%, rgb(31,31,31) 100%);
    35. background-image: -ms-linear-gradient(top, rgb(53,53,53) 0%, rgb(31,31,31) 100%);
    36. background-image: linear-gradient(top, rgb(53,53,53) 0%, rgb(31,31,31) 100%);
    37. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(53,53,53)), color-stop(1, rgb(31,31,31)));
    38. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#353535", endColorstr="#1f1f1f",GradientType=0);
    39. color: #CCCCCC !important;
    40. padding:5px 8px;
    41.       border-radius: 2px;
    42. border: 1px solid #000000;
    43. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.1);
    44. height:192;width:212;
    45. text-align:center;
    46. }
    47.  
    48. .field {
    49. position: relative;
    50. max-width: 100%;
    51. margin-bottom: 10px;
    52. vertical-align: middle;
    53. font-size: 16px;
    54. overflow: hidden;
    55. }
    56.  
    57. hr.style-one { border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); background-image: -o-linear-gradient(left, #ccc, #333, #ccc); }
    58.  
    59. <table width="90%" border="0" align="center" cellspacing="10">
    60.   <tr>
    61.  
    62.   <td width="212" height="192">
    63.   <div class="rhcol span3">
    64.     <div class="supportBox">
    65.    
    66.     <h2>Citybuild-Server</h2>
    67.     <p>Trete ein in die tolle Welt unseres Citybuild-Servers. Fange in einem einfachem Hotelzimmer an, sammle Rohstoffe bis du dir dein eigenes Grundstück leisten kannst. Arbeite dich hoch bis zu deiner eigenen Stadt die du verwaltest.<br />
    68.       <br />
    69.     <table width="100%" border="0">
    70.       <tr>
    71.         <td><b>IP:</b></td>
    72.         <td><input class="field" onClick="this.select();" type="text" value="join.craftplay.de" />
    73.       </div>
    74.       </td>
    75.      
    76.       </tr>
    77.      
    78.     </table>
    79.     </p>
    80.    
    81.   </div>
    82.   </div>
    83.   </td>
    84.  
    85.   <td width="212" height="192">
    86.     <div class="rhcol span3">
    87.       <div class="supportBox">
    88.       <h2>Minigames-Server</h2>
    89.       <p>Viele tolle, selbst entwickelte Minigames warten auf dich. <br />
    90.         <br />
    91.         <b>Highlights:</b> MineWars, Wanted, VampireSurvival, SurvivalGames und viele weitere tolle Minispiele. Sammle Punkte und beweise dein können!<br />
    92.         <br />
    93.       <table width="100%" border="0">
    94.         <tr>
    95.           <td><b>IP:</b></td>
    96.           <td><input class="field" onClick="this.select();" type="text" value="games.craftplay.de" />
    97.         </div>
    98.         </td>
    99.        
    100.         </tr>
    101.        
    102.       </table>
    103.       </p>
    104.     </div>
    105.     </div>
    106.     </td>
    107.     <td width="212" height="192">
    108.     <div class="rhcol span3">
    109.       <div class="supportBox">
    110.       <h2>Teamspeak³-Server</h2>
    111.       <p>Besuche unseren TS3-Server um mit anderen Mitgliedern zu reden oder um euch bei Events besser absprechen zu können. Wir bieten auch Channels für andere Games an. Es ist also jeder Willkommen!<br />
    112.         <br />
    113.         <br />
    114.       <table width="100%" border="0">
    115.         <tr>
    116.           <td><b>IP:</b></td>
    117.           <td><input class="field" onClick="this.select();" type="text" value="ts.craftplay.de" />
    118.         </div>
    119.         </td>
    120.        
    121.         </tr>
    122.        
    123.       </table>
    124.       </p>
    125.     </div>
    126.     </div>
    127.     </td>
    128.     <td width="212“ height="192">
    129.       <div class="rhcol span3">
    130.         <div class="supportBox">
    131.           <h2 style="color:#ff00ff">Nächste Events:</h2>
    132. <font color="#FFA500"><b>Conquer The Tower - 07.12 / 18:30 h<br />
    133. <font color="#FF0000"><b>DraculasCastle - 09.12 / 18:30 h<br />
    134. <font color="#0099FF"><b>TheWalls - 11.12 / 18:30 h<br />
    135. <font color="#FFFFFF"><b>BowSkill - 13.12 / 18:30 h<br />
    136. <font color="#A700AA"><b>Enderwar - 14.12 / 18:30 h<br />
    137. <font color="#0EAA00"><b>CubeControl - 16.12 / 18:30 h<br />
    138. <font color="#0099FF"><b>TheWalls - 18.12 / 18:30 h<br />
    139. <font color="#D3DD0E"><b>Cluster-PvP - 21.12 / 18:30 h<br />
    140.             <br />
    141.             <br />
    142.             <br />
    143.             <br />
    144.         </div>
    145.       </div></td>
    146.   </tr>
    147.  
    148.  
     
    #2
  3. PaDo90
    Offline

    PaDo90

    Registriert seit:
    5. September 2012
    Beiträge:
    44
    Minecraft:
    PaDo90
    Nice 101 aufrufe und keine antwort :D
    aber ds Thema hat sich eh erledigt ...

    Konnte die Boxen doch noch richtig anpassen :)

    Thema kann also geschlossen werden!
     
    #3
  4. MrFlieder
    Offline

    MrFlieder

    Registriert seit:
    30. Dezember 2011
    Beiträge:
    333
    Ort:
    Österreich
    Minecraft:
    MrFlieder
    Nicht böse gemeint, aber das liegt vielleicht daran, dass das Programmieren-Forum im Minecraft-Server-Forum für Programme, die unmittelbar etwas mit der Minecraft-Plugin/Mod-Programmierung zutun haben, ausgelegt ist.

    Bei einem Problem mit HTML würde ich nicht in einem Minecraft-Forum nachfragen; da wärst du besser mit auf HTML spezialisierte Foren beraten.
     
    #4