HTML Neuling braucht Hilfe :D

Müs Lee · 10. Dezember 2008

Ahoi. Ich bräucht mal kurz eine Expertenmeinung

Ich habe eine Aufgabe und möchte weiterführende Bilder in meinen Sidecontainer einfügen, aber wenn ich es reintun möchte, dann rutscht es an den unteren Rand des Sidecontainers und rückt keinen Millimeter von der Stelle, egal was ich einstelle

Kann da jemand helfen? Ich bräuchte nur einen kleinen Tip

HTML schrieb:
<HTML>

<HEAD>

<TITLE>Den Computer vun haut</TITLE>

<link rel="stylesheet" type="text/css" href="pccss.css" />
<link rel="stylesheet" type="text/css" href="pccss2.css" />

</HEAD>

<div id="header"><center>
<p><img src="AENEON_XTUNE_DDR3.jpg" alt="header" width="900" height="200" /></p></center>
</div>

<BODY>
<div id="img_container">
<div id="container">

<p class="link">
<a href="Diogo.html" target="_blank">einen</a>
<br />
<a href="http://www.youtube.com" target="_blank">Youtube</a></p>
<br />
Den Computer as laang net mei nemmen en Schaffgerät, mee och eng Ooflenkung. Niewt Programmeiersproochen, Schreiwprogrammer wei Word an Internetbrowser gin et och nach d'Spiller, dei vill Uklang bei Jugendlechen fannen. Mee fier dei neisten Spiller och gudd spillen ze kennen, muss een deen entspriechenden Computer dofier hun, an deen gett hei viergestallt.<br />
<br />
<p2>Fier dass en Spill wei Crysis op den hechsten Astellungen leeft, brauch et een zimlech potenten Computer, an deem vill Deeler zesummenspillen mussen, fier dass esou Biller ewei <a href="https://www.computerbase.de/forum/attachments/crysis64-2008-09-20-19-32-56-25-jpg.110678/" target="_blank">daat heiten</a> dobäi erauskommen. Dozou geheiert en <a href="http://images.bit-tech.net/content_images/2008/04/intel_core_2_duo_e8500_e8400_and_e8200/front-8.jpg" target="_blank"> aktuellen Prozessor</a>, genuch <a href="http://www.pc-ambulanz.com/pc/images/ram.jpg" target="_blank">RAM (Random Access Memory)</a>

</div>
</div>
<div id="side">
<img src="x2_2.jpg" alt="side" width="300" height="1000" />

</div>

</BODY>

</HTML>

CSS Nummer 1 schrieb:
body
{

font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
color: #FFFFFF;
}
div { line-height:1.5;
clear:both;
}
div.container
{
padding: 15px;
}

header{
margin-top:200px;
}
h2
{
border-top: 1px solid #FFFFFF;
}

p {
margin-top:0;
margin-bottom:12px;
font-size:20px;
line-height: 1.2;
}
p.infobild
{
font-style: italic;
}
img.klein{
float:right;
padding-right:10px;
}
img.gerade{
float:right;
padding-left:10px;
}

CSS Nummer 2 schrieb:
body{
background-image:url(SANY0024.jpg);
width:; height:;
bakcground-repeat:no-repeat;
}

p{
font-size: 30px;
color: #FFFFFF;
}

p2{
}

p.copyright{margin-left:20%;
font-size:large;
padding-top:110px;
color: #FFFFFF;
}

p.link{font-size: 25px;
color: #FFFFFF;
}

#img_container {
float:right;
}

#container{
color: #FFFFFF;
margin-top:50px;
margin-left:310px ;
margin-right:5% ;
Background-image:url();
border:solid 3px;
font-size:20px;
float:right;
}

#side{
position:absolute;
left:10px;
top:8px;
float:left;
}

#klein {
}

#header {
float:center;
margin-left:100px;
}

Da wurde zwischenzeitlich noch etwas geändert. Das hier ist eigentlich der falsche Text, aber das Gerüst ist das Selbe.

btw: Wie schaffe ich es, dass das Hintergrundbild immer vollständig angezeigt wird? Auch wenn es dadurch kleiner wird, das ist egal.

Noch was: Ich kann zum Verrecken nicht die Farbe der Links ändern

Hat da auch einer eine Idee?

Hanni2k · 10. Dezember 2008

quelltext...

is ja fast so als wenn ich dir nen bild von meinem auto zeige und dich frage was der motor für nen problem hat

divs kann man auch absolut pixelangaben formatieren, ausgehen von oben links. So kann man es pixelgenau ausrichten.

SirTwist · 11. Dezember 2008

du warst schon auf dem richtigen weg, allerdings hast du einen Rechtschreibfehler:

body{
background-image:url(SANY0024.jpg);
background-repeat:no-repeat;
}

um die Linkfarbe zu ändern:

a.link:link{
color: #7d7d7d;

dann sollte es passen. Ansonsten empfehle ich, das du erstmal mit Boxen arbeitest und testet. Zu empfehlen ist auch das Web Developer Kit für den Firefox. Damit kann man auch schon eine Menge erfahren bzw. auch testen:
http://chrispederick.com/work/web-developer/help/

Gruß

Müs Lee · 11. Dezember 2008

Hat sich schon erledigt, trotzdem danke an euch beide

fi**en32 · 11. Dezember 2008

css : vertical-align:top;

Suche

HTML Neuling braucht Hilfe :D

Müs Lee

Gast

Anhänge

Hanni2k

Commander

SirTwist

Ensign

Müs Lee

Gast

fi**en32

Lieutenant

Ähnliche Themen