 Probleme mit Menü und CSS |
Kullakeeeks
Mitglied
Dabei seit: 06.03.2007
Beiträge: 1.591
Herkunft: NRW
 |
|
| Probleme mit Menü und CSS |
     |
Ich habe zwei Probleme:
1. Im FF wird der CSS-Code nur halb angezeigt, im IE allerdings richtig...
Hier mal der Code:
body, tr, td
{
color:#000000;
font-family: verdana;
font-size: 7pt;
}
a:link
{
COLOR:#899785;
font-family: verdana;
font-size: 6pt;
text-decoration: none;
text-transform:uppercase;
cursor:crosshair;
}
a:visited
{
COLOR:#899785;
font-family: verdana;
font-size: 6pt;
text-decoration: none;
text-transform:uppercase;
cursor:crosshair;
}
a:active
{
COLOR:#788369;
font-family: verdana;
font-size: 6pt;
text-transform:uppercase;
text-decoration: none;
cursor:crosshair;
}
a:hover
{
COLOR:#525B4F;
font-family: verdana;
font-size: 6pt;
text-transform:uppercase;
text-decoration: none;
cursor:crosshair
}
.hervor
{
font-family: verdana;
font-size: 7pt;
text-align: center;
font-weight: bold;
}
.normal
{
font-family: verdana;
font-size: 7pt;
text-align: center;
color: #000000;
}
textarea, select
{
font-family: verdana;
font-size: 7pt;
text-align: center;
color : #000000;
border-collapse: collapse;
bordercolor: #899785;
border: 1px solid #66532F;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
input, select
{
font-family: verdana;
font-size: 7pt;
text-align: center;
color : #000000;
border-collapse: collapse;
bordercolor: #D2D3D5;
border: 1px solid #899785;
border-top-width: 1px;
border-right-width: 1px;
}
border-bottom-width: 1px;
border-left-width: 1px;
}
b
{
COLOR:#899785;
font-weight: bold;
font-family: verdana;
font-size: 6pt;
text-transform: uppercase;
text-decoration: none;
}
i
{
color:#C98B9C;
letter-spacing:0px;
}
u
{
color: #000000;
text-decoration: underlined 1pt solid;
}
2. Im IE sieht man beim Untermenü, wenn man auf Home klickt eine weiße Ecke. Hier der Code dazu:
Das Layout...
| 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:
|
<html>
<head>
<title>Fanlisting || Come together everybody...</title>
<link rel="stylesheet" href="http://sc-fanlisting.bplaced.net/style.css" type="text/css">
</head>
<body style="background-image:url(http://img12.myimg.de/layweiteraee53.png)">
<div style="position: absolute; left: 0px; top: 0px; width: 1024px;">
<img src="http://i40.tinypic.com/15oez9s.png" border="0">
</div>
<div style="position: absolute; left: 160px; top: 570px; width: 665px; height: 50px">
<iframe name="untermenu" width="665px" height="50px" src="http://sc-fanlisting.bplaced.net/untermenu.html" frameborder="0" scrolling="no" align="top left" allowtransparency="true"
;> </iframe> </div>
<div style="position: absolute; left: 171px; top: 620px; width: 655px;">
<iframe name="main" width="650px" height="550px" src="http://sc-fanlisting.bplaced.net/index.html" frameborder="0" scrolling="auto" align="top left" allowtransparency="true"
;> </iframe> </div>
<div style="position: absolute; left: 0px; top: 0px;">
<map name="fanlisting">
<area shape=rect coords="294,538,346,553" href="http://sc-fanlisting.bplaced.net/index.html" target="main"></area>
<area shape=rect coords="358,538,478,553" href="http://sc-fanlisting.bplaced.net/fanlisting01.html" target="untermenu"></area>
<area shape=rect coords="490,538,607,553" href="http://sc-fanlisting.bplaced.net/anmeldung.html" target="untermenu"></area>
<area shape=rect coords="619,538,735,553" href="http://sc-fanlisting.bplaced.net/impressum.html" target="untermenu"></area>
<img src="http://img12.myimg.de/15oez9ssa7cf0.png" usemap="#fanlisting" border="0">
</map>
</div>
</body>
</html>
|
|
und der für die Home-Seite
| 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:
80:
81:
82:
83:
84:
85:
|
<html>
<head>
<link rel="stylesheet" href="http://sc-fanlisting.bplaced.net/style.css" type="text/css">
</head>
<body>
<center>
Herzlich Willkommen im <i>sarah Connor</i> Fanlisting!<br>
Du bist ein <i>Sarah Connor Fan</i> und willst dich mit anderen Fans treffen<br>
und dich mit ihnen über den neusten <b>Klatsch und Tratsch</b> austauschen?<br>
Dann bist du hier genau richtig, denn hier findest du Fans, die ganz in deiner Nähe<br>
wohnen.<br>
Trag dich einfach in die Liste ein und schon kann dich jeder <i>Sarah Connor Fan</i><br>
aus deiner Umgebung kontaktieren.<p>
Wir wünschen dir viel Spaß!!<p><p><p><p><p><p><p><p>
<table id="table2" style="border-collapse: collapse; margin: 0pt" border="0" width="40%" bordercolor="#000000" cellpadding="1" cellspacing="1" height="100">
<tbody style="margin: 1pt;">
<tr style="margin: 1pt;">
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Baden-Württemberg</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Bayern</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td>
</tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Berlin</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Brandenburg</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Bremen</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Hamburg</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Hessen</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Mecklenburg-Vorpommern</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td>
</tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="leftr" height="10" width="70%">Niedersachsen</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Nordrhein-Westfalen</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>3</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Rheinland-Pfalz</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td>
</tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Saarland</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Sachsen</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Sachsen-Anhalt</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Schleswig-Holstein</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Thüringen</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Österreich</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="left" height="10" width="70%">Schweiz</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>0</b> Fans</td></tr>
<tr>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="70%">gesamt</td>
<td bordercolor="#ffffff" style="margin: 1pt;" align="center" height="10" width="30%"><b>3</b> Fans</td>
</tr>
</table><p>
<b>Updates:</b><br>
<i>Datum:</i> Text<br>
</center>
</body>
</html>
|
|
Was ist da falsch??
LG
Kullakeeeks
P.S.: Hier noch der Link der Seite: http://sc-fanlisting.bplaced.net/layout03.html
Dieser Beitrag wurde 5 mal editiert, zum letzten Mal von Kullakeeeks: 12.04.2009 16:00.
|
|
12.04.2009 15:03 |
|
|
victor 
schokisüchtig
Dabei seit: 02.03.2009
Beiträge: 83
Herkunft: Darmstadt
|
|
Ist das Problem noch aktuell? Hab gerade auf deine Seite geschaut und verstehe nicht ganz, was du machen willst. Formal sind Fehler in deinem Code (jag den mal durch den Validator, dann findest du die ganz schnell ^^ ), aber wahrscheinlich ist das eher ein semantisches Problem?
__________________
»Die Frage ist nicht 'Können sie denken?' oder 'Können sie reden?', sondern ‚Können sie leiden?'«
-- Jeremy Bentham
www.tirm.de <-- bei denen bin ich
www.teens4animals.de <-- und die sind auch nicht ganz schlecht 
|
|
|
14.04.2009 19:11 |
|
|
Kullakeeeks
Mitglied
Dabei seit: 06.03.2007
Beiträge: 1.591
Herkunft: NRW
Themenstarter 
|
|
Ja, ist noch aktuell...
Das Problem ist, dass ich den Code bei den Seiten, die sich im Untermenü öffnen anders habe und da bei der Home-Seite ja kei Untermenü ist, ist da halt diese Ecke...
LG
|
|
|
14.04.2009 20:47 |
|
|
victor
schokisüchtig
Dabei seit: 02.03.2009
Beiträge: 83
Herkunft: Darmstadt
|
|
Du machst die Klammer für input und select auch zweimal zu. Aber für syntaktische (also formale) Fehler, fütter das echt mal durch den Validator, der findet sowas besser als wir. ^^
Ich sehe mit Firefox das keine "Ecke"? Welchen Browser benutzt du genau?
__________________
»Die Frage ist nicht 'Können sie denken?' oder 'Können sie reden?', sondern ‚Können sie leiden?'«
-- Jeremy Bentham
www.tirm.de <-- bei denen bin ich
www.teens4animals.de <-- und die sind auch nicht ganz schlecht
|
|
|
16.04.2009 00:22 |
|
|
victor
schokisüchtig
Dabei seit: 02.03.2009
Beiträge: 83
Herkunft: Darmstadt
|
|
Aaah, okay, so langsam verstehe ich, was du meinst. Damit gehen wir jetzt wahrscheinlich in die Tiefen der HTML-/CSS-Interpretation der verschiedenen Browser. Lass uns da aber dann doch auf einer standardkonformen Basis ansetzen. Im Moment ist deine Website ungültiges HTML (Validator-Ergebnis) und ungültiges CSS (nochmal Validator-Ergebnis). Lass uns das erstmal korrigieren. Kommst du mit der Ausgabe vom Validator zurecht oder brauchst du Hilfe?
__________________
»Die Frage ist nicht 'Können sie denken?' oder 'Können sie reden?', sondern ‚Können sie leiden?'«
-- Jeremy Bentham
www.tirm.de <-- bei denen bin ich
www.teens4animals.de <-- und die sind auch nicht ganz schlecht
|
|
|
19.04.2009 18:39 |
|
|
Kullakeeeks
Mitglied
Dabei seit: 06.03.2007
Beiträge: 1.591
Herkunft: NRW
Themenstarter
|
|
Ich versteh das Validator-Ding überhaupt nicht...
|
|
|
19.04.2009 20:30 |
|
|
victor
schokisüchtig
Dabei seit: 02.03.2009
Beiträge: 83
Herkunft: Darmstadt
|
|
Aaaalso, gehen wir die ersten mal durch
Die erste Fehlermeldung sagt dir, dass du dich entscheiden musst, welche Version von HTML du denn machst. ^^ Für deinen Code scheint mir HTML 4.01 Transitional eine gute Basis zu sein. Also schreib an den Anfang jeder deiner HTML-Dateien (oder besser noch, nimm es in ein zentrales PHP-Include auf):
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Zweite Fehlermeldung: Jeder <img>-Tag braucht ein Attribut alt mit einer Zusammenfassung des Inhaltes des Bilder (oder ein leeres alt-Attribut, um zu zeigen, dass ein Bild keinen relevanten Inhalt hat, also nur dem Design dient). z.B.: <img src="header.jpg" width="100" height="100" alt="Willkommen beim Kullakeeks">
Die dritte Fehlermeldung besagt, dass es align="top left" in standardkonformem HTML nicht gibt. Allgemein gehören align-Geschichten auch eher ins CSS.
Das ist so die Struktur davon. Versuch mal, das damit zu verstehen. Und wenn nicht, frag nochmal. ;-)
__________________
»Die Frage ist nicht 'Können sie denken?' oder 'Können sie reden?', sondern ‚Können sie leiden?'«
-- Jeremy Bentham
www.tirm.de <-- bei denen bin ich
www.teens4animals.de <-- und die sind auch nicht ganz schlecht
|
|
|
22.04.2009 19:46 |
|
|
|
Impressum
|
