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)
----- [CSS] CSS wird bei iFrame nicht angezeigt. (https://www.gegen-bilderklau.net/thread.php?threadid=104686)


Geschrieben von Snowi am 22.04.2007 um 17:16:

Pfeil CSS wird bei iFrame nicht angezeigt.

Hallo z'sammen,
Ich habe ein ziemliches Problem.
Ich habe schon mehrere iFrames gecodet, alles kein Problem, nur wenn ich den Text etc. dann mit Hilfe von CSS formatieren will & die CSS ganz normal zwischen </head> & <body> einfüge, wird sie nicht angezeigt. Ich hab schon verschiedene andere Versionen ausprobiert, doch nichts funktioniert.
Kann mir bitte jemand helfen?

Lg;



Geschrieben von Pawie am 22.04.2007 um 17:17:

 

Wo fügst du die CSS Datei ein? Auf dem Layout, auf dem iFrame oder bei beidem?
Ah ja, gehört die CSS Datei nicht zwischen <head> und </head>? Zunge raus


Liebe Grüße
Pawie.



Geschrieben von Snowi am 22.04.2007 um 17:26:

 

Bie DIV's füge ich die CSS wie hier

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:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>{& FORTH & BACK && CHA CHA CHA!}</title>
</head>
<style type="text/css">
<!--
font, tr, td, div {color: #b3af83; font-size: 8pt; font-family: Verdana; line-height: 10pt;}


a:link, a:visited, a:active{
color: #b3af83;
text-decoration: none;
font-family: Verdana;
font-size: 8pt;
letter-spacing: 0px}

a:hover {
color: #aa3e3e;
cursor: nw-resize;
text-decoration: none;
font-family: Verdana;
font-weight: none;
font-size: 8pt;
border-bottom: 2px solid #aa3e3e;
letter-spacing: 2px;}

.title{
FONT-SIZE: 12pt;
COLOR: #e2ad3b;
line-height: 100%;
margin: 4px 0px;
border-bottom: 1px solid #e2ad3b;
font-family: Verdana;
font-weight: bold;
}

b {color: #b3af83; font-family: Verdana; font-size:8pt; text-decoration: bold; letter-spacing: 1px; line-height: 11pt;}
i {color: #b3af83; font-family: Verdana; font-size:8pt; text-decoration: italic; 1px; line-height: 11pt;}
u {color: #b3af83; font-size: 8pt; text-decoration: none; border: 2px solid #a06e42; FONT-FAMILY: Verdana; 1px; line-height: 11pt; font-weight: bold;}
s {color: #b3af83; font-family: Verdana; font-size: 8pt; text-decoration: line-trough; 1px; line-height: 11pt;}
-->
</style>
<body style="overflow-x: hidden; y: scroll;">
<body background="http://img223.imageshack.us/img223/218/forthbackchachachamadebgr8.png" topmargin="0" leftmargin="0">
<img src="http://img243.imageshack.us/img243/4083/forthbackchachachamadebxl1.png">
<div style="position: absolute; left: 131; top: 535; width: 495">
<p class="title">& Forth & Back && Cha Cha Cha!</p><br><br>

Et voilà.<br>
Ein stinknormales, schlichtes DIV-Layout mit der wunderbaren Amy Smart.<br>
Credits bitte stehen lassen & viel Spaß & so.<br><br>

<b>fett.</b><br>
<u>unterstrichen.</u><br>
<i>kursiv.</i><br>
<s>durchgestrichen.</s><br><br>

<p class="title">How To Use.</p><br><br>

1. runterladen.<br>
2. entzippen.<br>
3. Inhalte ändern & auf eigenen Webspace hochladen.<br><br>

<p class="title">Credits</p><br><br>

Bilder von <a href="http://www.sweetandtalented.com" target="_blank">Sweet & Talented.</a><br>
Designed by <a href="http://bitteresymphonie.bi.funpic.de" target="_blank">Bittersüße Symphonie.</a><br><br>

<p class="title">Scrolltest gefällig?</p><br><br>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui. Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur? At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui. Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur? At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</div>
<div style="position: absolute; left: 131; top: 515; width: 495">
<a href="lay.html">Link.</a> <a href="lay.html">Link.</a> <a href="lay.html">Link.</a> <a href="lay.html">Link.</a> <a href="lay.html">Link.</a> <a href="lay.html">Link.</a> <a href="lay.html">Link.</a> <a href="lay.html">Link.</a> <a href="lay.html">Link.</a> <a href="lay.html">Link.</a>
</div>
</body>
</html>


zwischen </head> & <body> ein, was bisher auch immer brav funktioniert hat.
Nun geht das beim iFrame eben nicht. Ich würde ehrlich gesagt auch lieber auf eine externe CSS umsteigen, da es den Code doch recht unübersichtlich macht, wenn sie nicht extern ist. So. Ich weiß auch, wie die verlinkt wird, bla bla. Was ich nicht weiß, ist, wie die externe CSS aufgebaut sein muss, also wie man anfangen muss, ob nun mit <style type="text/css"> blabla oder sonstwie. Ich hab sogar sträflicherweise Janas CSS & alles kopiert, es funktioniert auch nicht. Ich bin zur Zeit wirklich etwas ratlos.
Sorry, dass ich's dir nicht genauer beschreiben konnte.

Lg;



Geschrieben von Pawie am 22.04.2007 um 18:26:

 

Macht doch nix großes Grinsen

Also, füg' im <head> das hier ein:
code:
1:
<link rel="stylesheet" href="linkzurcssdatei.css">

Ok, wusstest du ja schon xD

Und in der CSS steht einfach nur
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:
font, tr, td, div {color: #b3af83; font-size: 8pt; font-family: Verdana; line-height: 10pt;}


a:link, a:visited, a:active{
color: #b3af83;
text-decoration: none;
font-family: Verdana;
font-size: 8pt;
letter-spacing: 0px}

a:hover {
color: #aa3e3e;
cursor: nw-resize;
text-decoration: none;
font-family: Verdana;
font-weight: none;
font-size: 8pt;
border-bottom: 2px solid #aa3e3e;
letter-spacing: 2px;}

.title{
FONT-SIZE: 12pt;
COLOR: #e2ad3b;
line-height: 100%;
margin: 4px 0px;
border-bottom: 1px solid #e2ad3b;
font-family: Verdana;
font-weight: bold;
}

b {color: #b3af83; font-family: Verdana; font-size:8pt; text-decoration: bold; letter-spacing: 1px; line-height: 11pt;}
i {color: #b3af83; font-family: Verdana; font-size:8pt; text-decoration: italic; 1px; line-height: 11pt;}
u {color: #b3af83; font-size: 8pt; text-decoration: none; border: 2px solid #a06e42; FONT-FAMILY: Verdana; 1px; line-height: 11pt; font-weight: bold;}
s {color: #b3af83; font-family: Verdana; font-size: 8pt; text-decoration: line-trough; 1px; line-height: 11pt;}

Also ohne <style type ...> usw ;D


Liebe Grüße
Pawie.



Geschrieben von Snowi am 22.04.2007 um 18:38:

 

In der Datei index.html oder auch in der Datei main.html/links.html/blabla.html?



Geschrieben von Snowi am 22.04.2007 um 18:49:

 

LOL?
Jetzt greifen die Links auf die CSS zu, das funktioniert, aber genau der selbe Code [der bei den Links funktioniert] tut nicht im Content-Bereich. oÔ

EDIT: Wusstet ihr, dass ich sau dumm bin? -.-"
Es funktioniert jetzt, danke euch vielmals. ^^"



Geschrieben von Pawie am 25.04.2007 um 17:16:

 

xD Ok, gut. ^__^
Hast du sonst noch irgendwelche Fragen?


Liebe Grüße
Pawie.



Geschrieben von Snowi am 25.04.2007 um 18:45:

 

Hm-hm, im Moment ist alles gut. (:
Ich melde mich dann aber. x)



Geschrieben von Pawie am 25.04.2007 um 18:53:

 

Okii. <3


Liebe Grüße
Pawie.


Forensoftware: Burning Board, entwickelt von WoltLab GmbH