• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit Verlinkungen!

T

Traumwandler

Neues Mitglied
Guten Tag,

Ich sitze momentan vor meiner ersten Webiste und habe ein Problem, wass mich schon 1-2 Wochen beschäftigt.
Ich will ein Menü erstellen mit eignen Buttons die ich via Photoshop erstellt habe. Es klappt auch alles ganz gut, nur wenn ich auf die Buttons klicke, erscheint die Markierung ziemlich groß.
(Falls ihr euch darunter nichts vorstellen könnt, gibt es am Ende des Posts einen Screen!)

Ich habe schon in einem anderen Forum nachgefragt, aber da gab es keine "benutzerfreundlichen" Antworten.

Problem.jpg
Die blaue markierung um den Button rum ist zu groß!!

Falls ihr den Quelltext benötigt, einfach bescheid sagen. Würde mich über Hilfe echt freuen, da das Projekt nächste Woche fertig sein muss.

Gruß

Traumwandler
 
Quelltext wäre auf jeden Fall sinnvoll...

Diese Markierung zu entfernen wäre nicht gut, denn damit kann deine Seite über Tastatur und andere Geräte gesteuert werden, was es z.B. körperlich beeinträchtigten Menschen ermöglicht, trotzdem zu surfen. Sie kleiner zu machen allerdings zu empfehlen.
 
Ich will die Verlinkung nicht unebdingt entfernen, aber ich will noch den Hover- und Active Effekt mit einbringen. Dafür muss aber der Rahmen stimmen. Der Rahmen soll sich einfach nur dem Bild anpassen. Ebenfalls bei Hyperlinks werden die Links über den ganzen Container gezogen.

Hier erstmal der Queltext der CSS-Datei:

#Inhalt {
margin-left : auto ;
margin-right : auto ;
margin-top : 0.1em ;
width : 1000px ;
height : 750px ;
background : #000000 ;
overflow : scroll ;
position : absolut ;
}
#body {
margin : 0 ;
padding : 0 ;
font-family : Verdana, Arial, Helvetica, sans-serif ;
color : #0066CC ;
font-size: 16px ;
text-align : left ;
background : #666666 ;
}
#Banner {
margin-left : auto ;
margin-right : auto ;
width : 1000px ;
height : 120px ;
background-image : url(../Bilder/Banner.png) ;
background-repeat : no-repeat ;
background-color : #0066CC ;
position : absolut ;
}
#navi {
margin-left : 50px ;
color : #0066CC ;
}
#navi div {
margin : 5px ;
float : left ;
color : #0066CC ;
}
#navi div a {
display : inline-block ;
height : 75px ;
color : #0066CC ;
}
#Startseite a {
width : 130px ;
background-image : url(../Bilder/Startseite.png) ;
background-repeat : no-repeat ;
margin-top : 20px ;
}
Zum Vergrößern anklicken....

HTML-Queltext:
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Testseite</title>
<link rel="stylesheet" type="text/CSS" href="../CSS/FL.css">
</head>
<body bgcolor="grey">
<div id="Banner"></div>
<div id="Inhalt">
<div id="navi">
<div id="Startseite"><a href="./index.html" title="Startseite"></a></div>
</div>
</div>
</body>
</html>
Zum Vergrößern anklicken....
 
Du hast dem Link eine Breite von 130px gegeben, allerdings keine Höhe. Gib dem Link mal die Höhe und die Breite deines Buttons.
 
Der Rahmen wird zwar entfernt, aber das ist auch leider schon alles. Funktioniert immer noch nicht.
Danke erstmal für die schnelle Antwort =)
 
Ich hab das mit der Höhen- und Breitenangabe mal probiert. Funktioniert auch nicht. Ich musste auch feststellen, das die Höhe keinen Einfluß hat. Wenn ich die Breitanangaben änder z.B.: auf 200px, verändert sich auch nichts. Nur wenn ich die Breitenangaben rausnehme, verschwindet auch der Button.
 
Den Rahmen zu entfernen ist wie gesagt nicht gut. Aber zurück zu deinem Problem: DIV und A Höhe und Breite verpassen
 
Schon gut Timmer, hab den Fehler gefunden.

Ich hatte bei
Code: 
#navi div a {            
    display : block ;
    height : 50px ;
    color : #0066CC ;
}
eine falsche Höhenangabe, die war vorher auf 75px. Ich danke euch trotzdem für eure Zeit.
So ein kleiner Fehler kostet mich fast 1 1/2 Wochen.

Schönes Wochenende!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben