1. Es freut uns dass du in unser Minecraft Forum gefunden hast. Hier kannst du mit über 130.000 Minecraft Fans über Minecraft diskutieren, Fragen stellen und anderen helfen. In diesem Minecraft Forum kannst du auch nach Teammitgliedern, Administratoren, Moderatoren , Supporter oder Sponsoren suchen. Gerne kannst du im Offtopic Bereich unseres Minecraft Forums auch über nicht Minecraft spezifische Themen reden. Wir hoffen dir gefällt es in unserem Minecraft Forum!

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. Werbung
    Online

    Werbung

  3. 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
  4. 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
  5. 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