• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Html Halb-Neuling Hilfe?

O

oOTheDeadOo

Neues Mitglied
Hallo ich bin sozusagen halb-neu in Html ich habe früher schon immer ein bisschen rumprobiert aber naja habe nun eine frage habe links eine tabelle erstellt wo alle meine seiten reinkommt nun will ich in der mitte einen dunkleren Hintergrund machen das ich dort texte draufschreiben kann nur ich weiß nicht wie ich das machen soll habe es schon in der tabelle eingefügt aber dann ist alles komisch habe es in einer zusätzlichen eingefügt aber dann geht es nie danneben sondern immer drunter.

Wie geht das? Bitte helft mir weiß nicht mehr weiter, danke!

Da ich es nicht geschafft habe als anhang hochzuladen hab ichs hier kurz hochgeladen:
http://oothedeadoo.square7.ch/Homepage_Html_Hilfe/Homepage.rar
 
Willkommen im Forum.

Was hältst du von der Verwendung von Satzzeichen?

Gepackte Archivdateien laden sich die Leute traditionell ungern herunter. Poste da lieber ein Code-Beispiel direkt hier im Thread. Und überarbeite bitte deine Problembeschreibung. Ein wenig mehr Sorgfalt sollte möglich sein und dürfte deine Chance auf Antworten erhöhen.
 
Okay habe folgendes Problem, habe 2tabellen auf einer leeren seite eingefügt oben eine und links eine, in der mitte will ich ein Textfeld sozusagen haben das dunkler als der normale hintergrund ist und auf dem dann Texte stehen. Nur leider ist das bild immer darunter und nicht danneben. Ich kann den code irgendwie nicht mit reinschreiben ich kann die 2.zeile von den symbolleisten nicht benutzen kann ich ihn irgendwie anders hier rein bringen? :-(
 
Aufgrund des unglaublich leckeren Mittagessens hier mal die Problemstellung:
HTML: 
<HTML>
<HEAD>
<TITLE>enter</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	background-color: #444444;
	background-image: url('images/AGB/AGB-Hintergrund');
	background-repeat:repeat-x;
	text-align: left;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 24px;
}
.Copyright {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
}
-->
</style></HEAD>
<BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (enter.jpg) -->
<TABLE WIDTH=995 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
	<TR>
	  <TD COLSPAN=4>&nbsp;</TD>
  </TR>
	<TR>
		<TD>&nbsp;</TD>
		<TD width="149">
<a href="index.php"><IMG SRC="http://www.html.de/images/AGB/enter_05.gif" ALT="" WIDTH=149 HEIGHT=35 border="0"></a></TD>
		<TD width="150">
			<a href="index.php?site=forum"><IMG SRC="http://www.html.de/images/AGB/enter_06.gif" ALT="" WIDTH=150 HEIGHT=35 border="0"></a></TD>
		<TD>&nbsp;</TD>
	</TR>
	<TR>
		<TD COLSPAN=4><p>&nbsp;</p></TD>
	</TR>
</TABLE>
<p>&nbsp;</p>
<table width="178" border="0">
  <tr>
    <td width="172"><a href="index.php"><IMG SRC="http://www.html.de/images/AGB/enter_05.gif" ALT="" WIDTH=149 HEIGHT=35 border="0"></a></td>
  </tr>
  <tr>
    <td><a href="index.php?site=forum"><IMG SRC="http://www.html.de/images/AGB/enter_06.gif" ALT="" WIDTH=150 HEIGHT=35 border="0"></a></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
<img src="Text_mitte.gif" width="1162" height="604">
<table width="1000" border="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</BODY>
</HTML>
Lösung: Keine Tabellen für Layouts nutzen, DInge wie <p>&nbsp;</p> nicht nutzen, etc.
Selfhtml erklärt Grundlagen des Aufbaus.
 
Bekomme das immernoch nicht so hin, zum glück geht jz das posten mit dem code ding da allso habe folgendes nun aber es ist immer noch darunter:

PHP: 
<div style="float:left; width:7em; border:2px solid gray;">
  <p><a href="index.php"><img src="images/AGB/enter_05.gif" alt="" width=149 height=35 border="0"></a></p>
  <p><a href="index.php?site=forum"><img src="images/AGB/enter_06.gif" alt="" width=150 height=35 border="0"></a></p>
</div>
<div style="border:0px solid blue;"><img src="Text_mitte.gif" width="1162" height="604"></div>
 
Wenn das erste <div> ein Menü werden soll, dann solltest Du das auch als ein solches auszeichnen. Also:

HTML: 
<ul style="float:left; width:7em; border:2px solid gray;">
<li><a href="index.php"><img src="images/AGB/enter_05.gif" alt="" width=149 height=35 border="0"></a></li>
<li><a href="index.php?site=forum"><img src="images/AGB/enter_06.gif" alt="" width=150 height=35 border="0"></a></li>
</ul>

Die Inline-Styles solltest Du nach Abschluss deines Experimentierens auch noch in eine externe CSS-Datei auslagern.

Wenn das zweite <div> rechts vom Menü sein soll, dann gib ihm ebenfalls "float: left;".

Hinweis: verzichte darauf so viele Bilder zu verwenden. Besonders im Menü solltest Du lieber Texte einsetzen, da diese von Suchmaschinen leichter lesbar sind und sich damit auch mehr Stylen lässt. Die Besucher freuen sich zudem über angenehme Ladezeiten Deiner Seite.
 
Okay habe jetzt selber nochmal verändert habe in der mitte eine box eingefügt nur hab ich ein problem ich kann in dieser box nur in der ersten zeile schreiben sobald ich enter für die nächste zeile drücke kommt eine neue box drüber und die alte sieht man nicht mehr.

HTML: 
<HTML>
<HEAD>
<TITLE>enter</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
    background-color: #444444;
    background-image: url('images/AGB/AGB-Hintergrund');
    background-repeat:repeat-x;
    text-align: left;
    font-size: 24px;
}
.Copyright {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-align: center;
}
.Impressium_Zeile {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}
.Abstand {
    font-size: 70px;
}
.Impressium_Zeile {
    font-size: 15px;
    color: #999;
}
.Text {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    background-color: #666;
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: center center;
    position: absolute;
    left: 234px;
    top: 117px;
    width: 1037px;
    height: 116px;
    border: medium solid #000;
    letter-spacing: normal;
    text-align: center;
    vertical-align: middle;
    word-spacing: normal;
}
-->
</style></HEAD>
<BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (enter.jpg) -->

<div style="float:left; width:7em; border:0px solid black;">
  <p class="Copyright"><img src="images/Page/Button/home.gif" width="147" height="28" alt="Home Button"><img src="images/Page/Button/forum.gif" width="147" height="28" alt="Forum Button"></p>
  <p class="Copyright"><img src="images/Page/Button/infos.gif" width="147" height="28" alt="Infos Button"><img src="images/Page/Button/partner.gif" width="147" height="28" alt="Partner Button"><img src="images/Page/Button/grafiken.gif" width="147" height="28" alt="Grafiken Button"></p>
</div>
<div style="border:0px solid blue; text-align: center;">
  <p><img src="../../Unbenannt-1.png" width="760" height="106"></p>
  <p>&nbsp;</p>
  <p class="Text">Test</p>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p class="Impressium_Zeile">AGB<span class="Abstand">  </span>Kontakt</p></BODY>
</HTML>

Für die die es ansehen wollen hier der link: enter (header bilder etc. sind dort noch nicht eingefügt da ich es nur kurz hochladen wollte zum sehen was ich meine mit box)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben