tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
4
ZUGRIFFE
509
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 08.01.07 17:55 #1
    Avatar von Walemann
    Walemann Walemann ist offline Mitglied Bronze
    Registriert seit
    Jul 2005
    Ort
    Laupheim
    Beiträge
    34
    Hallo zusammen ich stehe gerade voll auf dem Schlau und hoffe mir kann jemand helfen.

    Ich habe eine Homepage in HTML angefangen die von CSS unterstützt wird. die bisherige Seite sieht so aus.

    HTML-Code:
    <html>
<head>
<title>Meine Seite</title>
<link rel="stylesheet" type="text/css" href="page.css" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript" src="rollover.js"></script>
<script type="text/javascript" src="uncrypt.js"></script>
</head>

<body>
<table cellspacing="0" cellpadding="0" border="0" id="container-table">
<tr><td id="main-table">
	
	<div id="navigation"><p><a class="navi" href="impressum.html" >Impressum</a> | <a class="navi" href="home.html" >Startseite</a></p></div>

	<div id="menu"><table cellspacing="4" cellpadding="0" border="0"><tr>
  	<td><a class="button" href="ortsverwaltung.html">text</a></td>
  	<td><a class="button" href="ortsverwaltung.html">text</a></td>
  	<td><a class="button" href="ortsverwaltung.html">text</a></td>
  	<td><a class="button" href="ortsverwaltung.html">text</a></td>
  	<td><a class="button" href="ortsverwaltung.html">text</a></td>
  	<td><a class="button" href="ortsverwaltung.html">text</a></td>
		</tr></table>
	</div> 
	<div id="info">	
		<b>Kontakt:</b><br />
		<br />text
		<br />text
		<br />text
		<br />Fon: text
		<br />Fax: text
		<br /><a class="link" href="javascript:linkTo_UnCryptMailto('nbjmup;pw/eineadresse.pomjof/ef');">text[dot] text[at] text [dot] text</a>
	</div>


	<div id="bild"><img src="kopf.jpg" width="736" height="166" border="0" alt="" /></div>
</td></tr>
<tr>
<td id="footer-outer-td">
<table cellspacing="0" cellpadding="0" border="0" id="footer-table"><tr><td id="footer-inner-td">&copy; 2007 text</td></tr></table>
</td>
</tr>
</table>
    Die zugehörige CSSFile sieht so aus:

    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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152

    body {
  width: 1000px;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #EEEEEE;
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
#container-table {
    height: 100%;
    width: 1000px;
    margin: 0px auto 0px auto;
}
#main-table {
    background-image: url('gb.jpg');
    background-repeat: repeat;
    vertical-align: top;
    text-align: left;
}
#navigation {   
      width: 250px;
      height: 35px;
      /*display: block;*/
    background-color:#FFFFFF;
    float: left;
    font-family: Arial,Helvetica, sans-serif;
      font-size: 12px;
      text-align: center; 
      color: #194B6E;
}
#navigation a.navi:link, a.navi:visited {
    color: #194B6E;
    text-decoration: none;
}
#navigation a.navi:hover, a.navi:active, a.navi:focus {
    color: #194B6E;
    text-decoration: underline;
}
 
/* Menuleiste */
#menu {
    width: 736px;
    height: 35px;
    position: relative;
}
div.section {
    position: absolute;
    z-index: -1;
    visibility: hidden;
    white-space: nowrap;
}
* html #menu td {
    position: relative; /* ie 5.0/5.5 fix */
}
a.item2top {
    border-top: 1px solid #396196;
}
a.item2:link, a.item2:visited {
    padding: 4px;
    border-bottom: 1px solid #396196;
    border-left: 1px solid #396196;
    border-right: 1px solid #396196;
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
    background-color: #1F4F80;
    display: block;
    white-space: nowrap;
}
a.item2:hover, a.item2:active, a.item2:focus {
    padding: 4px;
    border-bottom: 1px solid #396196;
    border-left: 1px solid #396196;
    border-right: 1px solid #396196;
    font-size: 11px;
    color: #000000;
    text-decoration: underline;
    background-color: #366AA1;
    display: block;
    white-space: nowrap;
}
#menu a.button:link, a.button:visited {
    height: 30px;
    width: 119px;
    display: block;
    /*background-image: url('../gfx/main/Home_03.jpg');*/
    background-color: #699BBD;
    text-align: center;
    text-decoration: none;
    position: relative;
}
#menu a.button:hover, a.button:active, a.button:focus {
    height: 30px;
    width: 119px;
    display: block;
    /*background-image: url('../gfx/main/Home01_03.jpg');*/
    background-color: #184A6D;
    text-align: center;
    text-decoration: none;
    position: relative;
}
 
#info { 
    height: 156px;
    width: 233px;
    padding: 5px 10px 5px 10px;
    background-color:#699BBD;
    float: left;
    font-family: Arial,Helvetica, sans-serif;
      font-size: 13px;
      color: #FFFFFF;
}
#info a.link:link, a.link:visited, a.link:active{
      font-family: Arial,Helvetica, sans-serif;
      font-size: 13px;
      color: #FFFFFF;
}
 
#bild {
    margin-left:1px;
    height: 166px;
    width: 734px;
    float: left;
    background-color:#FFFFFF;
}
/* Footer */
#footer-outer-td {
    background-image: url('gb.jpg');
    background-repeat: repeat-y;
    vertical-align: bottom;
}
#footer-table {
    height: 20px;
    width: 100%;
}
#footer-inner-td {
background-image: url('gb.jpg');
    /*background-color: #396196;*/
    color: #000000;
    text-align: center;
    font-size: 11px;
}
a.footer:link, a.footer:visited {
    color: #000000;
    text-decoration: none;
}
a.footer:hover, a.footer:active, a.footer:focus {
    color: #000000;
    text-decoration: underline;
}

    Jetzt kommt mein Problem und zwar funktioniert mein Link vom Impressum und von der Startseite nicht und ich weis nicht an was es liegt.
    Vielleicht habe ich auch irgendwas in der CSS File eingetragen wo da nicht hin gehört.

    Würde mich über eine Antwort freuen.

    MFG Walemann
     
  2. 08.01.07 18:15 #2
    Maik Tutorials.de Gastzugang
    Hi,

    definiere mal für das DIV #menu einen linken Außenabstand:

    Code :
    1
2
3
4
5
6

    #menu {
    width: 736px;
    height: 35px;
    position: relative;
    [b]margin-left: 250px;[/b]
}
    Zudem fehlt noch bei den Pseudoklassen für die Verweise die jeweilige ID:

    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

    #navigation a.navi:link, [b]#navigation[/b] a.navi:visited {
    color: #194B6E;
    text-decoration: none;
}
#navigation a.navi:hover, [b]#navigation[/b] a.navi:active, [b]#navigation[/b] a.navi:focus {
    color: #194B6E;
    text-decoration: underline;
}
 
#menu a.button:link, [b]#menu[/b] a.button:visited {
    height: 30px;
    width: 119px;
    display: block;
    /*background-image: url('../gfx/main/Home_03.jpg');*/
    background-color: #699BBD;
    text-align: center;
    text-decoration: none;
    position: relative;
}
#menu a.button:hover, [b]#menu[/b] a.button:active, [b]#menu[/b] a.button:focus {
    height: 30px;
    width: 119px;
    display: block;
    /*background-image: url('../gfx/main/Home01_03.jpg');*/
    background-color: #184A6D;
    text-align: center;
    text-decoration: none;
    position: relative;
}
 
#info a.link:link, [b]#info[/b] a.link:visited, [b]#info[/b] a.link:active{
          font-family: Arial,Helvetica, sans-serif;
          font-size: 13px;
          color: #FFFFFF;
}
    Das Thema wird dann mal ins CSS-Board verschoben.
     
  3. 08.01.07 18:27 #3
    Avatar von Walemann
    Walemann Walemann ist offline Mitglied Bronze
    Registriert seit
    Jul 2005
    Ort
    Laupheim
    Beiträge
    34
    Danke für die schnelle Hilfe
    hat funktioniert.

    Hi, definiere mal für das DIV #menu einen linken Außenabstand:
    Da das für mich irgendwie nicht logisch scheint würde ich gerne noch eine Erklärung wissen warum dies notwendig ist.


    Zudem fehlt noch bei den Pseudoklassen für die Verweise die jeweilige ID:
    zu dem würde ich auch gerne eine Begründung wissen wenn es möglich ist denn die Funktion ist da obwohl ich keine so genanten Pseudoklassen vergeben habe.

    Vielen Danke noch mal

    MFG Walemann
     
  4. 08.01.07 18:33 #4
    Maik Tutorials.de Gastzugang
    Der linke Außenabstand ist notwendig, da sich ansonsten das DIV #menu über das DIV #navigation legt / schiebt, weshalb die Verweise nicht anklickbar sind.

    Die jeweiligen IDs müssen genannt werden, damit die Regeln auch für die nachfolgend aufgeführten Pseudoklassen :visited,:active,:focus gelten bzw. funktionieren.
     
  5. 08.01.07 18:38 #5
    Avatar von Walemann
    Walemann Walemann ist offline Mitglied Bronze
    Registriert seit
    Jul 2005
    Ort
    Laupheim
    Beiträge
    34
    Danke für Deine Hilfe

    MFG Walemann
     
« Buchtipp CSS | ie 6 Anzeigeproblem »

Ähnliche Themen

  1. Link funktioniert nicht - Warum?
    Von d-braun im Forum CSS
    Antworten: 2
    Letzter Beitrag: 25.07.07, 13:03
  2. Normaler Link funktioniert nicht
    Von pbag im Forum Flash Plattform
    Antworten: 15
    Letzter Beitrag: 05.07.05, 16:19
  3. link funktioniert nicht
    Von thorstenkoch im Forum Typografie
    Antworten: 5
    Letzter Beitrag: 25.03.05, 08:39
  4. link funktioniert nicht
    Von ma-gic im Forum 3D Studio Max
    Antworten: 3
    Letzter Beitrag: 15.12.02, 11:20
  5. link funktioniert nicht (v5)
    Von mirscho im Forum Flash Plattform
    Antworten: 7
    Letzter Beitrag: 09.10.02, 16:19