[CSS] CSS Code

Twister
I.wie will mein CSS Code nicht und gecodet hab ich mein 'desi' anscheinend auch nich richtig xD

Schauts euch ma an


code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
<html>
<head>
<title>Rise Against</title>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="auto">
<img src="http://i26.photobucket.com/albums/c110/MaraHonegger/RAPopUp.png">

<div id="Layer1" style="position: absolute;left: 4px; top: 4px;">
<iframe src="menue.html" name="Menu" width="73" height="130" frameborder="0" scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

<div id="Layer1" style="position: 224px; top: 4px;">
<iframe src="menue2.hmtl" name="Menu2" width="70" height="130" frameborder="0" scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

<div id="Layer1" style="position: absolute;left: 30px; top: 168px;">
<iframe src="main.html" name="Main" width="240" height="260" frameborder="0" scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
</body>
</html>


code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
BODY {
color: #FFFFFF;
text-align : center;
background-image: url(bg.jpg);
font-size: 8pt;
font-family: Verdana;
background-attachment: fixed;
background-position:0px 0px;
background-color: #161616;
scrollbar-3dlight-color: #161616; 
scrollbar-arrow-color: #000000;
scrollbar-darkshadow-color: #161616;
scrollbar-face-color: #161616;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #ffffff; 
}



code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
<html>
<head>
<title>Menu</title>
<link rel="stylesheet" href="style.css">
</head>
<body>

<a style="color: rgb(0, 0, 0);" href="main.html"
target="main">clear</a><br>
<a style="color: rgb(0, 0, 0);" href="link.html"
target="main">link</a>

</body>
</html>
Sugarfee
<html>
<head>
<title>Rise Against</title>
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="auto">
<img src="http://i26.photobucket.com/albums/c110/MaraHonegger/RAPopUp.png">

<div id="Layer1" style="position: absolute;left: 4px; top: 4px;">
<iframe src="menue.html" name="Menu" width="73" height="130" frameborder="0" scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

<div id="Layer2" style="position: 224px; top: 4px;">
<iframe src="menue2.hmtl" name="Menu2" width="70" height="130" frameborder="0" scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

<div id="Layer3" style="position: absolute;left: 30px; top: 168px;">
<iframe src="main.html" name="Main" width="240" height="260" frameborder="0" scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
</body>
</html>

background-image: url(bg.jpg);
und hier musst du die Designbildaddy reingeben
Twister
jetzt siehts so aus xD
Sugarfee
Zitat:
Original von Twister
jetzt siehts so aus xD


wie sollte es den aussschaun
ich könnte dir nur von mir nen deisgn code und CSS code geben
Twister
Dieses kleine Rechteck unter dem eigentlichen 'desi' sollte rechts von dem Rise Against Logo sein Augenzwinkern
Und die Schrift sollte Weiss sein xD
Sugarfee
hmm bei dem rechts keine ahnung sry
bei der schrift hmm ,...

probiers mal mit dem Neü code ( also die links in der navi so verlinken )
<A href="url "target=main>Name der Seite</FONT></A>
Twister
pff.... ich bin am verzweifeln und meine musik wird immer lauter xD

sieht noch nicht besser aus... jetzt ist der link einfach blau (oder eben lila wenn man ihn anklickt)
Twister
immah noch nich xD
hab inzwischen schon alles mögliche ausprobiert Augen rollen
Twister
Ich habs jetzt ma bei FTP hochgeladen Augenzwinkern

Bei dem 'neuen' code von dir würde es dann so aussehen^^
Twister
Immerhin erscheinen jetzt bereits die Scrollbalken xD

klick

Wenn jetzt die Schrift noch weiss wäre, wäre es perfekt xD
Twister
Also beim Code von dem Design?
Dann schauts immer noch gleich aus großes Grinsen
anna.
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:
<html>
<head>
<meta name="Author" content="">
<meta name="Generator" content="Paint Shop Pro 9">
<title>Rise Against</title>
<STYLE TYPE = "text/css">
BODY {FONT-FAMILY:"Arial"
COLOR: white;}
H1 {FONT-SIZE: 18pt; COLOR: white;}
h6 {FONT-SIZE: 10pt}
h5 {FONT-SIZE: 8pt}
P {FONT-SIZE: 10pt}
A:link, A:visited, A:active { 
COLOR: #ffffff; 
TEXT-DECORATION: underline; 
}
A:hover { 
COLOR: #ffffff; 
TEXT-DECORATION: none; 
}
</style>
</head>
<body>
<body oncontextmenu="return false">
<body bgcolor="#0000000">
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<img src="http://cheeky1992.ch.funpic.de/PopUp/RA%20PopUp.png" border="0">

<div id="Layer1" style="position:absolute; left: 30px; top: 168px;">
<iframe src="main.html" name="main" width=240px; height=260px;" frameborder=0 scrolling="yes" noresize style="border: 0px" 
style="FILTER: chroma (color=#ffffff)" ;> 

</iframe>
</div>

<div id="Layer1" style="position:absolute; left: 4px; top: 4px;">
<iframe src="menue.html" name="menue" width=73px; height=130px;" frameborder=0 scrolling="yes" noresize style="border: 0px" 
style="FILTER: chroma (color=#ffffff)" ;> 
</iframe>
</div>

<div id="Layer1" style="position:absolute; left: 224px; top: 4px;">
<iframe src="menue2.html" name="menue2" width=70px; height=130px;" frameborder=0 scrolling="yes" noresize style="border: 0px" 
style="FILTER: chroma (color=#ffffff)" ;> 
</iframe>
</div>


</body>
</html>


so, oder? xD
Twister
Uuuuuuuuuuuuund die Schrift ist immer noch nicht weiss xD
anna.
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:
<html>
<head>
<meta name="Author" content="">
<meta name="Generator" content="Paint Shop Pro 9">
<title>Rise Against</title>
<STYLE TYPE = "text/css">
BODY {
FONT-FAMILY: Arial;
COLOR: #ffffff;
}
H1 {
FONT-SIZE: 18pt; 
COLOR: #ffffff;
}
h6 {
FONT-SIZE: 10pt; 
COLOR: #ffffff;
}
h5 {
FONT-SIZE: 8pt; 
COLOR: #ffffff;
}
P {
FONT-SIZE: 10pt; 
COLOR: #ffffff;
}
A:link, A:visited, A:active { 
COLOR: #ffffff; 
TEXT-DECORATION: underline; 
}
A:hover { 
COLOR: #ffffff; 
TEXT-DECORATION: none; 
}
</style>
</head>
<body>
<body oncontextmenu="return false">
<body bgcolor="#0000000">
<BODY marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">
<img src="http://cheeky1992.ch.funpic.de/PopUp/RA%20PopUp.png" border="0">

<div id="Layer1" style="position:absolute; left: 30px; top: 168px;">
<iframe src="main.html" name="main" width=240px; height=260px;" frameborder=0 scrolling="yes" noresize style="border: 0px" 
style="FILTER: chroma (color=#ffffff)" ;> 

</iframe>
</div>

<div id="Layer1" style="position:absolute; left: 4px; top: 4px;">
<iframe src="menue.html" name="menue" width=73px; height=130px;" frameborder=0 scrolling="yes" noresize style="border: 0px" 
style="FILTER: chroma (color=#ffffff)" ;> 
</iframe>
</div>

<div id="Layer1" style="position:absolute; left: 224px; top: 4px;">
<iframe src="menue2.html" name="menue2" width=70px; height=130px;" frameborder=0 scrolling="yes" noresize style="border: 0px" 
style="FILTER: chroma (color=#ffffff)" ;> 
</iframe>
</div>


</body>
</html>


mal gaaanz simpel #sfz# xD
Twister
Jetzt wirds mir langsam zu blöd xD
Schrift ist immer noch nicht weiss...
Ich hab auch nochma den ganzen CSS Code neu geschrieben und es geht immer noch net Augen rollen
anna.
alles zwischen <style...> & </style> auch mal in deine Menue-Dateien & so einfügen, wegen der weißen schrift, weil... <a style="color: rgb(0, 0, 0);"
xD

verstehst du?
also füg einfach

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
<STYLE TYPE = "text/css">
BODY {
FONT-FAMILY: Arial;
COLOR: #ffffff;
}
A:link, A:visited, A:active {
COLOR: #ffffff;
TEXT-DECORATION: underline;
}
A:hover {
COLOR: #ffffff;
TEXT-DECORATION: none;
}
</style>


in deine menue.html und menue2.html ein.

EDIT: natürlich in den <head>-Bereich xD
EDIT2: und die Links dann ohne <a style="" href=""> sondern nur mit <a href="">.. xD
Twister
o.O
Vorhin war die Schrift ja schwarz und jetzt hat sie sich der Farbe des Desis angepasst xD
anna.
also bei mir is jetzt alles weiß.
Also jeder Text. xD
Twister
Auch die Links im Menu?

geschockt Ich hasse meinen PC xD
anna.
Du hast IE, oder?
Ich bin mit FF rein.. [weil IE laut Aussage Mandys Daten an Microsoft sendet und so o.o]

Also auf jeden Fall stimmts jetzt wenn man mit FF drin is.. Augenzwinkern