Fragen,Projekt u.s.w

[Niklas]

Hallo,

Ich habe in letzterzeit ein bisschen Gimpen (Gimp) gelernt ^^ Deswegen war ich nicht viel im Forum nun möchte ich meine Webseite mal endlich zeigen wen auch nicht mein ganzes vorhaben es wird eine WOW Fanseite mit nem kleinem Extra ! ok soweit sogut ich habe aber ein paar Probleme.

1. Diese dummen Buttoums mit der Blauen schrift wollen einfach nicht nach oben an den Header (Das Große Bild)
2. Wie bekomme ich hin das das jetzt graue große Bild sowas wie eine Pinnwand wird die sich automatisch anpasst je nach menge der Schrift!

http://www.w-d-b-testgelände.de/testen/testen.html

FG Niklas

 

[Asterixus]

1) Die Bilder benehmen sich wie normaler Text. Kleine Bilder sind wie kleine Buchstaben, die werden nicht nach oben gesetzt, sondern daneben unten.

Siehst du hier


2) Einfach das Bild nicht als Bild machen.
<div style="background-color:grey;width:400px;height:auto;">Text</div>
Gehört wohl eher in CSS oder HTML rein.

 

[Niklas]

Hallo,

1. Kann man irgentwie kenzeichen das die Bilder Bilder sind ?

2. Funktioniert noch nicht wie heist das den in der Fachsprache kan ich ein bisschen Googeln !

Css Teil

#schrift {
background-color: grey;
width;
400px;
height;
auto;
}

<div id="schrift">
<img src="../Bilder/testsss2.png" alt="wow-bild" /><p>Text</p><img src="../Bilder/testsss2.png" alt="wow-bild" />
</div>

 

[Asterixus]

Der CSS-Teil bedeutet nichts. Das, was ich dir gegeben habe, bedeutet etwas.

Die Bilder musst du links und rechts floaten.

 

[Niklas]

Hallo,

ok klappt danke,

Noch ein Problem ich bekomme es einfach nicht hin den Buttoum auf der rechten Seite an den header zu bekommen bei dem anderem Buttom klappt das obwohl alles gleich ist auser eben links positioniert !

Css Teil

.bild1 {
margin: 0px 0px 0px 40px;
float:left;
}
.bild2 {
margin: 0px 40px 0px 0px;
float:right;
}
.schrift1 {
margin: 0px 0px 0px 290px;
}

Html Teil

<img class=bild1 src="../Bilder/testsss2.png" alt="wow-bild" /><br><div class=schrift1 style="background-color:yellow;width:400px;height:auto;">Die hier ist es Test<br>Genauso wie hier !</div><img class=bild2 src="../Bilder/testsss2.png" alt="wow-bild" />

 

[Asterixus]

Das kannst du auch links floaten.

 

[Niklas]

Hallo,

Dann ists aber links kann man nicht irgentwie einstellen das das an den Header soll ?

FG Niklas