[css] links im footer

[tomtom]

hallo,
ich werde noch wahnsinnig mit dieser homepage, ich dachte es wäre alles zur zeit in ordnung, aber nach kontrolle dieser, ist mir folgendes aufgefallen. vielleicht übertreibe ich es auch, aber mich stört es. ist eine kleinigkeit, aber es sieht nicht gut aus (für mich).

problem: ich habe im #footerContainer eine #navigation_unten. in dieser befinden sich zwei hyperlink's (anfahrt und impressum). wenn ich nun über diese zwei links mit der maus fahre, werden die links zu früh angezeigt. ich möchte gerne, die eigentliche schrift (der links) als link benutzen. ich hoffe ihr versteht mich. sobald ich schon den rahmen der navigation_unten mit der maus berühre, werden die links aktiviert und der mauszeiger verändert sich von pfeil zur hand. wie kann ich das abstellen oder soll ich das ignorieren? code kommt sofort.

    <div id="footerContainer">
    <p id="address">K ? E ? 3 ? FON 0
    </p>
    <ul id="navigation_unten">
      	<li><a href="#">ANFAHRT</a></li>
      	<li><a href="#">IMPRESSUM</a></li>
  	</ul>
    </div>
</body>
</html>

#footerContainer {
	width:900px;
	height:25px;
	margin:2px auto;
	background-color:#f6f6f6;
	border:1px solid #ff6633;
	color:#333333;
}

#address {
	color:#666666;
	font-size:10px;
	margin:0px;
	padding:7px;
	width:686px;
	height:10px;
	float:left;
}

#navigation_unten {
	width:186px;
	height:10px;
	float:right;
	margin:0px;
	padding:7px;
}

#navigation_unten ul {
    width:186px;
}

#navigation_unten li {
    list-style-type:none;
    display:inline;	
}

#navigation_unten a {
    text-decoration:none;
    color:#666666;
	font-size:10px;
	padding:10px;
}

 

[fakerer]

AW: [css] links im footer

um den normalen Zeiger zu behalten könntest du

cursor: default;

nehmen. Dann gibts keine Hand mehr.

 

[kyle66]

AW: [css] links im footer

Hallo,

das liegt am padding deiner Links. Gib das padding einfach dem LI mit, also folgendermaßen:

#navigation_unten li {
    list-style-type:none;
    display:inline;
    padding: 10px;
}

#navigation_unten a {
    text-decoration:none;
    color:#666666;
    font-size:10px;
}

 

[sokie]

AW: [css] links im footer

dein padding von 10px ist ein Innenabstand und gehört damit zum 'hoverbereich' des Elements. Mit margin hättest du die gleiche Optik, aber einen kleineren aktiven Bereich.

#navigation_unten a {
    text-decoration:none;
    color:#666666;
    font-size:10px;
    [B][COLOR=Red]margin[/COLOR][/B]:10px;
}

Hallo,

das liegt am padding deiner Links. Gib das padding einfach dem LI mit, also folgendermaßen:

vielleicht sogar besser.

um den normalen Zeiger zu behalten könntest du

cursor: default;

nehmen. Dann gibts keine Hand mehr.

Es gibt noch eine Reihevon Möglichkeiten die Usability einer Seite zu stören - weisser text auf weissen Grund lässt die Seite sehr gleichmässig erscheinen.

 

[tomtom]

AW: [css] links im footer

Hallo, das liegt am padding deiner Links. Gib das padding einfach dem LI mit.

tausend dank, hat super geklappt. und wieder was gelernt. hast mir super geholfen, so wollte ich es haben. glaub mir, ich hatte auch danach auf den bekannten seiten zu css gegoogelt, aber nix für diesen speziellen fall gefunden. vielleicht muss man das bis ins detail grasen. ist ja auch glückssache.

@sokie: auch an dich ein großes danke, dass du dich immer um meine "kleinen" probleme kümmerst.

lg der tom.

achso. thread can closed.