HTML Frage

  • Hallo,
    Ich erstelle ne Art News Seite .
    Ich habe mir von epvp die News genommen und eingefügt.
    Nun habe ich das Problem , dass ich das Bild und die schrift linksbündig haben will.


    Also dass alles linksbündig ist.
    Ich habe das ganze nicht gecentert also mit center .
    Hier der Code

    HTML
    <html><head><title>GameingNews</title><meta http-equiv="content-type" content="text/html; charset=windows-1250"><link rel="stylesheet" type="text/css" href="site.css">    <LINK REL="SHORTCUT ICON" HREF=""></head><body><div align="center"><div style="background-color:transparent;            width:  800px;			padding: 15px;			"><!--Große Box mit Text--><center><p><div style="background-color:white;            width:  650px;			padding: 10px;			border: 1px solid;			"><!--News1-->	<div id="deinDiv">   <img src="Bilder/MoH.jpg" id="MoH" alt="Moh_Pic"/></div><a href="News/MoH.html"><strong>Medal of Honor: Warfighter - Kritiken sind enttäuschend</strong></a></br>Rockstar Games hat sein neuestes Werk, Grand Theft Auto V, nun offiziell zur </br>Vorbestellung freigegeben. Die Boni für Vorbesteller beschränken sich </br>zunächst auf ein Poster und für frühe Vögel einen Photo Viewer, mit dem man</br>sich laut Rockstar Games neue Gebiete des Spieles...<a href="News/MoH.html">mehr -></a></div></p><p><div style="background-color:white;            width:  650px;			padding: 10px;			border: 1px solid;"><a href="News/EVGA.html"><strong>EVGA: Unterstütz Clocker beim Aufstellen neuer Rekorde</strong></a></br>Der Hardwarehersteller EVGA unterstützte und filmte Vince Lucido, viel</br>bekannter als "k|ngp|n" bei 3 weiteren 3DMark-Weltrekorden. Unter dem </br>Nickname "k|ngp|n" hat Vince Lucido bereits einige Übertaktungsweltrekorde </br>aufgestellt und ist unter den "Clockern" sehr bekannt. ...<a href="News/EVGA.html">mehr -></a></div></p><p><div style="background-color:white;            width:  650px;			padding: 10px;			border: 1px solid;"><a href="News/ASSC3.html.html"><strong>Assassin's Creed 3: Ubisoft's neuer Vorbestellerrekord</strong></a></br>Assassin's Creed 3 hat bereits alle Vorverkaufsrekorde des Publishers Ubisoft </br>überboten und ist auf dem besten Weg diesen weiter zu erhöhen. Der Rekord </br>hat bereits den Vorverkaufsrekord, des Vorgängers Assassin’s Creed: </br>Revelations verdoppelt. Auch eine neue Mode...<a href="News/ASSC3.html.html">mehr -></a></div></p><p><div style="background-color:white;            width:  650px;			padding: 10px;			border: 1px solid;"></div></p><div style="background-color:white;            width:  650px;			padding: 10px;			border: 1px solid;			">Test Box</br></br></br></br></br></br></br></br></br></br></br></br>HAllo</div></p><div style="background-color:white;            width:  650px;			padding: 10px;			border: 1px solid;			">Test Box</br></br></br></br></br></br></br></br></br></br></br></br>HAllo</div></p><div style="background-color:white;            width:  650px;			padding: 10px;			border: 1px solid;			">Test Box</br></br></br></br></br></br></br></br></br></br></br></br>HAllo</div></p></div></div></div><center><a href="impressum.html" class='Footer'>Impressum</a></center><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.de"><img alt="Creative Commons Lizenzvertrag" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png" /></a><br /></body></html><!--Code by Nils-->


    Und die CSS :


    Code
    body {	font-family : Verdana , Arial , Helvetica , sans-serif;	background-image: url(Bilder/HTML_BG.jpg); 	background-attachment: fixed;	font-size: small;}/*Überschrift h1 und h2*/	h1, h2{	color: blue;	font-stretch:semi-condensed;}p{	text-align:left;}		/*Für Links*/.Footer:visited {	color:#AFAFAF;}.Footer:active {	color:red;}.Footer:hover {	text-shadow:#AFAFAF 0 0 5px}a:hover{	color:blue;}a:active {	color:blue;}a{	color:black;	text-decoration:none;}div#MoH {	float:left;}

  • der tag "<center></center>" ist das zentrieren also mittig....
    Und in einem HTML Tag z. B <table border="1" style="font-align: center/left/right;"></table>

  • Ich rate dir das im Stylesheet zu machen. Lege einen vernünftigen Container für die weißen Kasten an und editier die Form und den Text im css Script.


    Dann hast du nicht immer dieses Gewirre.

    Code
    <div style="background-color:white;        	width:  650px;			padding: 10px;			border: 1px solid;"></div>


    Es würde so in der site.css aussehen:


    Code
    #kastenweiß {/* Form des Kasten */	background-color: white; 	width:  650px; 	padding: 10px;	border: 1px solid;/* Inhalt Text */	color: #000;	font-family: Arial;	font-size: 12px;	text-align: left;}


    Wenn du einen Container zentrieren möchtest benutze margin: 0px auto; .
    Ich rate dir einen Div anzulegen und dort den Contentbereich rein zu packen. Also dort die weißen Kasten.