Gegen Bilderklau - Das Original | Druckvorschau: Grafik positionieren

Geschrieben von -blue- am 10.11.2009 um 18:11:

Grafik positionieren

Ich bin hier gerade am verzweifeln. Seit bestimmt einer Stunde versuche ich jetzt, meine Homepage neu zu gestalten.
Die Indexseite soll aus einem Hintergrundbild, einer Navigationsleiste, einem iFrame und einer Überschrift bestehen. Außerdem soll eine externe CSS-Datei verwendet werden. Hintergrundbild, Navileiste und iFrame waren alles kein Problem. Aber diese verdammte Überschrift ... Augen rollen

Anfangs wollte ich sie einfach nur als Text schreiben, habe dann im head-Bereich #p1 definiert und da eine Position angegeben. Hat alles nicht funktioniert, nicht mit margin, nicht mit padding und auch nicht ohne alles. Die Überschrift klebte einfach am oberen Rand des Fensters mittig. In der CSS-Datei war für body text-align:center definiert, lag wohl daran. Hab die Überschrift dann in div gepackt und align="left" eingegeben, hat aber nicht funktioniert, war immer noch mittig. Ich dachte eigentlich immer, dass in der HTML-Datei dazugeschriebene Sachen Vorrang vor der externen CSS-Datei haben ... ? Naja die Überschrift machte jedenfalls immer nur das, was ich bei align in der CSS-Datei stehen hatte. Also ich es dann nochmal mit #p1 probiert habe und das dann in die CSS-Datei geschrieben hatte, hats auch nicht funktioniert. Irgendwann hab ich dann eine Grafik genommen und wollte die positionieren, das hat genausowenig funktioniert. Manchmal ist das Bild auch einfach verschwunden, ich glaube das war immer, wenn margin dabeistand. Wenn ich position:absolute geschrieben habe, war der Rest, also iFrame und Navileiste irgendwo, wo sie nicht hingehörten (die Überschrift auch).
Also hier jetzt mal die letzte meiner unzähligen Index-Varianten. Ich hoff, jemand kann mir helfen, sonst zertrümmer ich noch meinen Laptop ^^

code:

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:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
  <title>bluepictures</title>


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


</head>
<body style="background-image: url(http://espoir.es.funpic.de/bluepictures/hg2.jpg); background-repeat: repeat-x;>

<img src="blue.jpg" alt="bluepictures" />

<div style="position: absolute; left: 30px; top: 132px;"><iframe src="willkommen.html" name="main" 

allowtransparency="true" frameborder="0" height="362" width="521"> </iframe></div>

<div id="p2" style="word-spacing: 10px;">Home Profil Galerie Gästebuch Links Impressum</div>



</body>
</html>

Also was ich will ist einfach, für die Grafik Koordinaten, also left und top, angeben zu können, und dass die Grafik dann auch an der Stelle ist und der Rest so bleibt wie er ist. Ich hab irgendwie das Gefühl, das ist ein ganz simpler Fehler und ich mach die ganze Zeit umsonst rum =(

edit/
Mittlerweile ist die Überschrift da, wo ich sie haben will ... dafür macht das iFrame aber, was es will =( ... ich glaube solangsam, Internet Explorer und Mozilla Firefox wollen mich verarschen. Hier mein jetziger Code:

code:

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:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
  <title>bluepictures - Fotografie</title>


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


</head>
<body style="background-image: url(http://espoir.es.funpic.de/bluepictures/hg2.jpg); background-repeat: repeat-x;>



<div style="position: absolut; left: 30px; top: 132px;"><iframe src="willkommen.html" name="main" allowtransparency="true" 

frameborder="0" height="362" width="521"> </iframe></div>

<div id="p2" style="word-spacing: 10px;">Home Profil Galerie Gästebuch Links Impressum</div>

<div id="t1">bluepictures</div>

</body>
</html>

wäre wirklich total lieb, wenn mir jemand helfen könnte.

Geschrieben von Julia712 am 11.11.2009 um 09:46:

Huhu,

also ehrlich gesagt kann ich kein Problem entdecken^^
Sieht doch gut aus so?!

Lg, Julia

Geschrieben von -blue- am 11.11.2009 um 13:27:

Ich kann im Quellcode ja auch keinen Fehler entdecken. Aber wenn ichs mit dem IE oder Mozilla anschau, sind die Sachen überhaupt nicht da, wo ich angegeben habe. *klick*

Geschrieben von Black Katrin am 11.11.2009 um 13:47:

du hast den quellcode angeschaut ja? und du hast kein fehler gesehen? wundert mich sehr...

<body style="background-image: url(http://espoir.es.funpic.de/bluepictures/hg2.jpg); background-repeat: repeat-x;>

genau hinschauen und hirn einschalten, dann kommste selber drauf das du was wichtigs vergessen hast! HTML ist noch undankbarer für fehler als php

Geschrieben von -blue- am 11.11.2009 um 13:57:

Okay, den Teil hab ich nicht angeschaut, denn den hab ich einfach irgendwoher kopiert und dachte jetzt nicht, dass das mit dem Rest irgendwie in Konflikt steht. Ich schaus an und schaus an und mir fällt nichts auf, was fehlt. Sagst dus mir .. ? ^^

Geschrieben von Black Katrin am 11.11.2009 um 13:58:

"

Geschrieben von -blue- am 11.11.2009 um 14:07:

Augen rollen

Okay, danke ^^

Geschrieben von Julia712 am 11.11.2009 um 14:11:

Ich hab gar nicht erst in den Code reingesehen, sondern mir direkt die Seite angeschaut Zunge raus

Aber da wurde bei mir alles richtig angezeigt^^

Lg, Julia