Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [HTML] Layout nicht sichtbar. (https://www.gegen-bilderklau.net/thread.php?threadid=172258)

Geschrieben von pcdfan am 03.06.2010 um 20:32:

  Layout nicht sichtbar.

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.


Geschrieben von McLissy am 03.06.2010 um 20:43:

 

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"!


Geschrieben von pcdfan am 04.06.2010 um 11:26:

 

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>


Geschrieben von Daria am 04.06.2010 um 11:53:

 

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.


Geschrieben von pcdfan am 04.06.2010 um 13:38:

 

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


Geschrieben von Daria am 04.06.2010 um 13:57:

 

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


Geschrieben von pcdfan am 04.06.2010 um 14:06:

 

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>


Geschrieben von pcdfan am 06.06.2010 um 14:53:

 

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


Geschrieben von Oli am 13.06.2010 um 19:21:

 

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


Geschrieben von pcdfan am 20.06.2010 um 19:26:

 

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 /=


Forensoftware: Burning Board, entwickelt von WoltLab GmbH