Grafik positionieren |
-blue-
ehemals Fallen_Angel_02
Dabei seit: 29.11.2008
Beiträge: 1.018
Herkunft: Ba-Wü
|
|
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 ...
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.
__________________
beEINGme
Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von -blue-: 10.11.2009 19:37.
|
|
10.11.2009 18:11 |
|
|
Julia712
Mitglied
Dabei seit: 28.11.2006
Beiträge: 2.262
|
|
Huhu,
also ehrlich gesagt kann ich kein Problem entdecken^^
Sieht doch gut aus so?!
Lg, Julia
|
|
11.11.2009 09:46 |
|
|
Black Katrin
Mitglied
Dabei seit: 22.11.2005
Beiträge: 7.125
Herkunft: Schweiz
|
|
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
|
|
11.11.2009 13:47 |
|
|
Black Katrin
Mitglied
Dabei seit: 22.11.2005
Beiträge: 7.125
Herkunft: Schweiz
|
|
|
11.11.2009 13:58 |
|
|
Julia712
Mitglied
Dabei seit: 28.11.2006
Beiträge: 2.262
|
|
Ich hab gar nicht erst in den Code reingesehen, sondern mir direkt die Seite angeschaut
Aber da wurde bei mir alles richtig angezeigt^^
Lg, Julia
|
|
11.11.2009 14:11 |
|
|
|
Impressum
|