1. #1
    U-Labs Plus-Mitglied
    Avatar von Skindred
    Registriert seit
    03.12.2011
    Beiträge
    391
    Thanked 271 Times in 207 Posts

    Standard Text zentrieren

    Huhu Liebe com
    Ich bin gerade dabei eine page zu schreiben aber egal was ich mache ich bekomm den text auf der Startseite einfach nicht zentriert.
    vielleicht könnt ihr mir helfen
    Index.html
    HTML-Code:
    <!DOCTYPE html>
    <html>
    <head>
          <title>Überschrift</title>
    	  <link rel="stylesheet"  type="text/css" href="style.css" />
    </head>
    <body>
            <div id="header">
    		      <img src="Bilder/Header.png"  />
    		</div>
            <div id="menue_bg">
    		   <div id="menue">
    		      <a href="index.html"><div class="menue_Button"><p>START</p></div></a>
    			  <a href="index.html"><div class="menue_Button"><p>STREAM</p></div></a>
    			  <a href="index.html"><div class="menue_Button"><p>RENDER</p></div></a>
    			  <a href="index.html"><div class="menue_Button"><p>SIGNATUREN</p></div></a>
    		   </div>
    		
    		
    		</div>
           <div id="webseite">
    	     <div id="infobox">
    	       <div id="info_text">
    		   <h1>Hallo One Piece Junkie's</h1>
    		   <p>
    		   Ich möchte euch auf meiner Webseite alle Folgen von One Piece,ein paar Render
    		   und ein paar von mir angefertige Signaturen zur verfügung stellen.
    		   
    		   Ich hoffe ihr habt spaß auf meiner Page :)
    		   
    		   
    		   
    		   </p>
    		   <div id="Ruffy">
    		   <img src="Bilder/Startseite_render.png" />
    		   </div>
    		   </div>
    		   
    	   </div>
    	      </div>
                       <div id="Footbar">
    				    <img src="Bilder/footbar_03.png"  />
    				   </div>
    </body>
    </html>

    style.css
    HTML-Code:
    body {
    background-color:#0d0f13;
    margin:0px auto;
    min-width:960px;
    
    }
    #header {
    width:100%;
    height:230px;
    margin:0px auto;
    text-align:center;
    }
    
    #menue_bg{
    width:100&;
    height:48px;
    background:url(Bilder/Menue_bg.png) repeat-x;
    }
    #menue {
    width:960px;
    margin:0px auto;
    text-align:center;
    }
    #menue a {
    text-decoration:none;
    }
    .menue_Button{
    float:left;
    width:176px;
    height:48px;
    background:url(Bilder/Menue_sprites.png) no-repeat; 
    background-position:0px 0px;
    cursor:pointer;
    }
    .menue_Button p {
    font-size:20px;
    font-family:Calibri;
    color:white;
    margin:0px;
    margin-top:8px;
    }
    
    .menue_Button:hover {
    background-position:0px -48px;
    }
    
    #webseite {
    width:960;
    margin:0px auto;
    text-align:center;
    }
    
    #infobox {
    width:1000px;
    height:845px;
    margin:0px auto;
    text-align:center;
    background:url(Bilder/One-piece_05.png) repeat-x;
    }
    
    #info_text {
    float:center;
    width:244.5px;
    height:207px;
    text-align:center;
    line-height: 1.5;
    }
    #info_text h1 {
    font-size:20px;
    font-family:Calibri;
    font-weight:bold;
    color:#e7e2e2;
    margin:0px;
    margin-top:8px;
    margin-left:10px;
    }
    #info_text p {
    font-size:16px;
    font-family:Calibri;
    color:#e7e2e2;
    margin:0px;
    margin-top:8px;
    margin-left:10px;
    }
    #Footbar {
    width:100%;
    height:48px;
    text-align:center;
    margin:0px auto;
    }

  2. #2
    Mitglied
    Avatar von Heartbeat
    Registriert seit
    14.02.2012
    Beiträge
    60
    Thanked 21 Times in 20 Posts

    Standard AW: Text zentrieren

    Entweder so, da musst du das ganze in die Mitte bei zentrierter Text schreiben.
    <p><font align=center> zentrierter Text </font></p>

    oder

    Verstehe ich es richtig, das du das so haben möchtest? Siehe unten im Zitat. Wenn ja einfach nur vor den Text
    HTML-Code:
     [center] und dann nach <p> [/center] einfügen
    .

    </div>
    <div id="webseite">
    <div id="infobox">
    <div id="info_text">
    <h1>Hallo One Piece Junkie's</h1>
    <p>
    Ich möchte euch auf meiner Webseite alle Folgen von One Piece,ein paar Render
    und ein paar von mir angefertige Signaturen zur verfügung stellen.

    Ich hoffe ihr habt spaß auf meiner Page



    </p>

    Viele Menschen versäumen das kleine Glück, während sie auf das große warten.


    dαѕ leвeɴ ιѕт eιɴ мärcнeɴ,
    deѕѕeɴ eɴde dυ ѕelвѕт ѕcнreιвѕт !

  3. The Following User Says Thank You to Heartbeat For This Useful Post:

    Skindred (16.04.2012)

  4. #3
    Projektleitung
    Avatar von DMW007
    Registriert seit
    15.11.2011
    Beiträge
    4.083
    Thanked 8.509 Times in 2.541 Posts
    Blog Entries
    5

    Standard AW: Text zentrieren

    Da is ne Menge invalides HTML und CSS drin..

    Fängt an beim Grundgerüst mit so Sachen wie

    HTML-Code:
    <!DOCTYPE html> 
    <html>
    oder

    HTML-Code:
    <a href="index.html"><div class="menue_Button"><p>START</p></div></a>
    und geht bis zu fehlenden oder direkt ungültigen Einheiten wie

    Code:
    width:100&;
    im Stylesheet (grade bei dem & kannst du froh sein dass zb Firefox sehr kulant mit solchen Leichtsinnsfehlern ist. Sind aber nicht alle Browser, dementsprechend kann sowas deine Darstellung in anderen Browsern komplett zerschießen)

    Dein eigentliches Problem is aber was anderes.
    In FF und anderen Browsern wird durch text-align: center nicht der gesamte div-Container zentriert, sondern nur der Text.
    Du könntest hier bei deinem infobox-Container ein bisschen murksen, in dem du die Position auf absolut setzt und zb durch left den Abstand des Containers zu seinem übergeordneten Container angibst.
    Ich würde aber stattdessen lieber das Layout ordentlich überarbeiten.
    Deine komische Infobox würde ich direkt rausschmeißen und stattdessen eine ordentliche Startseite erstellen, sieht wesentlich seriöser und professioneller aus.
    Guck dir mal andere Startseiten an, da wird das Projekt in ein paar Sätzen vorgestellt, und zwar mit einem ordentlichen Layout das die Seitenbreite nutzt, nicht in einer 244.5x207 Pixel Box in der man mitten im Satz nach 4 Wörtern einen Zeilenumbruch hat.
    Sowas kann man als richtige InfoBox zb an den Rand setzen um auf eine Facebookseite oder sowas hinzuweisen, aber nicht als Startseite.


  5. The Following User Says Thank You to DMW007 For This Useful Post:

    Skindred (16.04.2012)

Ähnliche Themen

  1. Knuddels Text Bug's
    Von ZarneXxX im Forum Darstellung
    Antworten: 0
    Letzter Beitrag: 03.10.2012, 20:46
  2. [H] VB Text Senden
    Von AmJano im Forum Knuddels Programmierung
    Antworten: 2
    Letzter Beitrag: 19.08.2012, 17:12
  3. 3D CSS Text Generator
    Von Snees im Forum CSS
    Antworten: 0
    Letzter Beitrag: 03.08.2012, 18:46
  4. CSS Header Zentrieren
    Von Killerspider im Forum Webentwicklung
    Antworten: 3
    Letzter Beitrag: 25.01.2012, 21:37
  5. Textbox1.Text = Textbox7.Text + keys.enter
    Von gcp im Forum Hochsprachen
    Antworten: 20
    Letzter Beitrag: 22.03.2011, 22:13
Diese Seite nutzt Cookies, um das Nutzererlebnis zu verbessern. Klicken Sie hier, um das Cookie-Tracking zu deaktivieren.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191