Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Layout nicht sichtbar. » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Zum Ende der Seite springen Layout nicht sichtbar.
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
pcdfan pcdfan ist weiblich
Mitglied


images/avatars/avatar-47577.jpg

Dabei seit: 24.01.2007
Beiträge: 3.291
Herkunft: ortenaukreis

Layout nicht sichtbar. Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Heey.

Ich überarbeite gerade wieder meine Homepage, habe dafür extra ein neues Layour angefertigt & jetzt will es nicht angezeigt werden.

Mein Layout-Code ist folgender:

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:
29:
30:
31:
32:
33:
34:
35:
<html>
<head>
<title>People And Pictures</title>
<style type="text/css">
<!--
body { scrollbar-highlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#92d648;
scrollbar-base-color:#92d648;
scrollbar-darkshadow-color:#92d648;
scrollbar-face-color:#92d648;
scrollbar-shadow-color:#92d648;

background-image:url("http://peoplepictures.piranho.de/hintergrund.jpg");
background-position: top right;
background-repeat: repeat;
background-color:<img src="http://peoplepictures.piranho.de/PapFotografieSummer10 copy.png">; }
-->
</style>
</head>
<body>

<div style="left: 81px; top: 234px; position: absolute;">
<iframe name="main" width="758px" height="458px" src="http://peoplepictures.piranho.de/test_main01.html" frameborder="0" scrolling="auto" align="top right" style="Filter: chroma (color=#ffffff)" ;> </iframe> </div>

<div style="left: 851px; top: 449px; position: absolute; ">
<iframe name="menu" width="230px" height="229px" src="http://peoplepictures.piranho.de/MenuNovember09_01.html" frameborder="0" scrolling="auto" align="top right" style="Filter: chroma (color=#ffffff)" ;> </iframe> </div>

<div style="left: 851px; top: 276px; position: absolute; ">
<iframe name="news" width="230px" height="159px" src="http://peoplepictures.piranho.de/MenuNovember09_01.html" frameborder="0" scrolling="auto" align="top right" style="Filter: chroma (color=#ffffff)" ;> </iframe> </div>

</div>
</body>
</html>


Das Bild des Layouts ist eben unter diesem Link zu erreichen.

__________________

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von pcdfan: 04.06.2010 11:42.

03.06.2010 20:32 pcdfan ist offline E-Mail an pcdfan senden Homepage von pcdfan Beiträge von pcdfan suchen Nehmen Sie pcdfan in Ihre Freundesliste auf Fügen Sie pcdfan in Ihre Kontaktliste ein MSN Passport-Profil von pcdfan anzeigen
McLissy
Kein Mitglied


Dabei seit: 15.03.2006
Beiträge: 13.916

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

der Body-teil muss so aussehen:

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
<!--
body { scrollbar-highlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#92d648;
scrollbar-base-color:#92d648;
scrollbar-darkshadow-color:#92d648;
scrollbar-face-color:#92d648;
scrollbar-shadow-color:#92d648;

background-image:url("http://peoplepictures.piranho.de/PapFotografieSummer10 copy.png");
background-position: top left;
background-color: #D3D3D3;

}
--> 



Und es heißt "sichtbar"!

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von McLissy: 03.06.2010 20:54.

03.06.2010 20:43 McLissy ist offline Beiträge von McLissy suchen Nehmen Sie McLissy in Ihre Freundesliste auf
pcdfan pcdfan ist weiblich
Mitglied


images/avatars/avatar-47577.jpg

Dabei seit: 24.01.2007
Beiträge: 3.291
Herkunft: ortenaukreis

Themenstarter Thema begonnen von pcdfan
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

funktioniert nicht /=

http://peoplepictures.de.vu/

der code ist momentan:

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:
29:
30:
31:
32:
33:
<html>
<head>
<title>People And Pictures</title>
<style type="text/css">
<!--
body { scrollbar-highlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#92d648;
scrollbar-base-color:#92d648;
scrollbar-darkshadow-color:#92d648;
scrollbar-face-color:#92d648;
scrollbar-shadow-color:#92d648;

background-image:url("http://peoplepictures.piranho.de/PapFotografieSummer10 copy.png");
background-position: top left;
background-color: #D3D3D3;

}
--> 

<div style="left: 81px; top: 234px; position: absolute;">
<iframe name="main" width="758px" height="458px" src="http://peoplepictures.piranho.de/test_main01.html" frameborder="0" scrolling="auto" align="top right" style="Filter: chroma (color=#ffffff)" ;> </iframe> </div>

<div style="left: 851px; top: 449px; position: absolute; ">
<iframe name="menu" width="230px" height="229px" src="http://peoplepictures.piranho.de/MenuNovember09_01.html" frameborder="0" scrolling="auto" align="top right" style="Filter: chroma (color=#ffffff)" ;> </iframe> </div>

<div style="left: 851px; top: 276px; position: absolute; ">
<iframe name="news" width="230px" height="159px" src="http://peoplepictures.piranho.de/MenuNovember09_01.html" frameborder="0" scrolling="auto" align="top right" style="Filter: chroma (color=#ffffff)" ;> </iframe> </div>

</div>
</body>
</html>


__________________

04.06.2010 11:26 pcdfan ist offline E-Mail an pcdfan senden Homepage von pcdfan Beiträge von pcdfan suchen Nehmen Sie pcdfan in Ihre Freundesliste auf Fügen Sie pcdfan in Ihre Kontaktliste ein MSN Passport-Profil von pcdfan anzeigen
Daria
Mitglied


images/avatars/avatar-49920.png

Dabei seit: 17.05.2010
Beiträge: 52

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Dein Code irritiert mich ehrlich gesagt ein wenig, weil ich nicht ganz genau weiß, was du mit den beiden Bildern willst, aber so grob wäre bei mir jetzt das rausgekommen:

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:
29:
30:
31:
32:
33:
34:
35:
<html>
<head>
  <title>People And Pictures</title>
  <style type="text/css">
body { scrollbar-highlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#92d648;
scrollbar-base-color:#92d648;
scrollbar-darkshadow-color:#92d648;
scrollbar-face-color:#92d648;
scrollbar-shadow-color:#92d648;
background-image:url(http://peoplepictures.piranho.de/PapFotografieSummer10_copy.png);
background-position: top right;
background-repeat: repeat;}
  </style>
</head>
<body>
<div style="left: 81px; top: 234px; position: absolute;">
<iframe name="main"
 src="http://peoplepictures.piranho.de/test_main01.html" style=""
 ;="" align="top right" frameborder="0"
 height="458" scrolling="auto" width="758"> </iframe></div>
<div style="left: 851px; top: 449px; position: absolute;">
<iframe name="menu"
 src="http://peoplepictures.piranho.de/MenuNovember09_01.html"
 style="" ;="" align="top right" frameborder="0"
 height="229" scrolling="auto" width="230"> </iframe></div>
<div style="left: 851px; top: 276px; position: absolute;">
<iframe name="news"
 src="http://peoplepictures.piranho.de/MenuNovember09_01.html"
 style="" ;="" align="top right" frameborder="0"
 height="159" scrolling="auto" width="230"> </iframe></div>
</body>
</html>



Dabei wusste ich allerdings nicht so recht, was du mit dem hintergrund.jpg Bild anfangen möchtest. Da es eine einfache Farbe ist... kann man das ohne Bild eigentlich leichter umsetzen.

__________________

04.06.2010 11:53 Daria ist offline E-Mail an Daria senden Beiträge von Daria suchen Nehmen Sie Daria in Ihre Freundesliste auf
pcdfan pcdfan ist weiblich
Mitglied


images/avatars/avatar-47577.jpg

Dabei seit: 24.01.2007
Beiträge: 3.291
Herkunft: ortenaukreis

Themenstarter Thema begonnen von pcdfan
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Das Bild habe ich jetzt fixiert, jedoch will das Gesamtlayout nur in Safari richtig funktionieren.

__________________

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von pcdfan: 04.06.2010 13:55.

04.06.2010 13:38 pcdfan ist offline E-Mail an pcdfan senden Homepage von pcdfan Beiträge von pcdfan suchen Nehmen Sie pcdfan in Ihre Freundesliste auf Fügen Sie pcdfan in Ihre Kontaktliste ein MSN Passport-Profil von pcdfan anzeigen
Daria
Mitglied


images/avatars/avatar-49920.png

Dabei seit: 17.05.2010
Beiträge: 52

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Du hättest auch einfach:

code:
1:
background-repeat: no-repeat;


angeben können smile


Hast du es hochgeladen?

Vielleicht wäre es einfach leichter, wenn man es ganz normal in den Body einbindet, das Design, als es oben im Headerteil.
Ich habe meine immer so eingebaut, aber ich weiß ja nicht, ob du dadurch etwas erreiche willst, was anders nicht geht xD

__________________

04.06.2010 13:57 Daria ist offline E-Mail an Daria senden Beiträge von Daria suchen Nehmen Sie Daria in Ihre Freundesliste auf
pcdfan pcdfan ist weiblich
Mitglied


images/avatars/avatar-47577.jpg

Dabei seit: 24.01.2007
Beiträge: 3.291
Herkunft: ortenaukreis

Themenstarter Thema begonnen von pcdfan
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

habs umgeändert ;D

Safari
Mozilla Firefox

momentaner 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:
29:
30:
31:
32:
33:
34:
35:
36:
37:
<html>
<head>
  <title>People And Pictures</title>



</head>


<body>

  <style type="text/css">
body { scrollbar-highlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#92d648;
scrollbar-base-color:#92d648;
scrollbar-darkshadow-color:#92d648;
scrollbar-face-color:#92d648;
scrollbar-shadow-color:#92d648;
background-image:url(http://peoplepictures.piranho.de/PapFotografieSummer10_copy.png);
background-position: left;
background-color: #D3D3D3;
background-repeat: no-repeat}
  </style>

<div style="position: absolute; top: 350px; left: 81px;">
<iframe name="main" src="http://peoplepictures.piranho.de/test_main01.html" style="" ;="" align="top right" frameborder="0" height="458" scrolling="auto" width="758"> </iframe></div>

<div style="left: 851px; top: 579px; position: absolute;">
<iframe name="menu" src="http://peoplepictures.piranho.de/MenuNovember09_01.html" style="" ;="" align="top right" frameborder="0" height="229" scrolling="auto" width="230"> </iframe></div>

<div style="left: 851px; top: 389px; position: absolute;">
<iframe name="news" src="http://peoplepictures.piranho.de/MenuNovember09_01.html" style="" ;="" align="top right" frameborder="0" height="159" scrolling="auto" width="230"> </iframe></div>

</body>
</html>


__________________

04.06.2010 14:06 pcdfan ist offline E-Mail an pcdfan senden Homepage von pcdfan Beiträge von pcdfan suchen Nehmen Sie pcdfan in Ihre Freundesliste auf Fügen Sie pcdfan in Ihre Kontaktliste ein MSN Passport-Profil von pcdfan anzeigen
pcdfan pcdfan ist weiblich
Mitglied


images/avatars/avatar-47577.jpg

Dabei seit: 24.01.2007
Beiträge: 3.291
Herkunft: ortenaukreis

Themenstarter Thema begonnen von pcdfan
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

wäre nett, wenn ihr noch helfen würdet /=

__________________

06.06.2010 14:53 pcdfan ist offline E-Mail an pcdfan senden Homepage von pcdfan Beiträge von pcdfan suchen Nehmen Sie pcdfan in Ihre Freundesliste auf Fügen Sie pcdfan in Ihre Kontaktliste ein MSN Passport-Profil von pcdfan anzeigen
Oli
Server-Administrator


Dabei seit: 13.06.2010
Beiträge: 1.540

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Hi,

kleiner Browserinkompatiblitätsfehler. Safari stellt das Bild automatisch von oben an dar, Firefox zentriert, wenn keine Angabe. Im CSS muss also auch noch die Vertikalausrichtung angegeben werden:

code:
1:
background-position: top left;


LG,
Oli
13.06.2010 19:21 Oli ist offline Beiträge von Oli suchen Nehmen Sie Oli in Ihre Freundesliste auf
pcdfan pcdfan ist weiblich
Mitglied


images/avatars/avatar-47577.jpg

Dabei seit: 24.01.2007
Beiträge: 3.291
Herkunft: ortenaukreis

Themenstarter Thema begonnen von pcdfan
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Ooooh, wirklich vielen lieben Dank! fröhlich
Es funktioniert jetzt.

Ich hätte nur noch eine Frage, die nett wäre, wenn sie mir jemand beantworten könnte, jedoch nicht dermaßen wichtig ist.

Wie könnte ich den Scrollbalken im Main entfernen? <: Die Tutorials, die es hier gibt zu dem Thema, verstehe ich nicht /=

__________________

20.06.2010 19:26 pcdfan ist offline E-Mail an pcdfan senden Homepage von pcdfan Beiträge von pcdfan suchen Nehmen Sie pcdfan in Ihre Freundesliste auf Fügen Sie pcdfan in Ihre Kontaktliste ein MSN Passport-Profil von pcdfan anzeigen
Baumstruktur | Brettstruktur
Gehe zu:
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Layout nicht sichtbar.

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH