Suche im Forum:
Suchen


Autor Nachricht
Beitrag25.07.2010 um 03:22 (UTC)    
Titel: Balken im CSS-Dock

Hallo zusammen.

Ich habe folgendes Problem: Ich habe mir ein CSS-Dock auf eine Seite gemacht, das hat auch ganz gut funktioniert.

Hier der Link: http://boc-league.de.tl/Test.htm

Zwischen den Bildern und dem Linktitel befindet sich ein weisser Balken, genauso breit wie die gesamten gelinkten Bilder. Diesen Balken möchte ich gerne weghaben!

Da ich schätze, dass das am CSS- und nicht am Java-Code liegt, poste ich ihn mal hier:

body {
font: 11px Arial, Helvetica, sans-serif;
background: #ffffff url(images/main-bg.gif);
padding: 0;
margin: 0;
}
img {
border: none;
}

/* dock - top */
.dock {
position: relative;
height: 50px;
text-align: center;
}
.dock-container {
position: absolute;
height: 50px;
background: url(images/dock-bg2.gif);
padding-left: 20px;
}
a.dock-item {
display: block;
width: 40px;
color: #000;
position: absolute;
top: 0px;
text-align: center;
text-decoration: none;
font: bold 12px Arial, Helvetica, sans-serif; color: white
}
.dock-item img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
.dock-item span {
display: none;
padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
width: 100%;
bottom: 0px;
position: absolute;
left: 0px;
}
.dock-container2 {
position: absolute;
height: 50px;
background: url(images/dock-bg.gif);
padding-left: 20px;
}
a.dock-item2 {
display: block;
font: bold 12px Arial, Helvetica, sans-serif;
width: 40px;
color: #000;
bottom: 0px;
position: absolute;
text-align: center;
text-decoration: none;
}
.dock-item2 span {
display: none;
padding-left: 20px;
}
.dock-item2 img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}

Die Farbangabe habe ich fett markiert, da ich vermute, dass hier die Lösung stecken könnte. Die Farbe des Linktextes und die des unerwünschten Balkens sind nämlich immer gleich.

Hat jemand eine Lösung?
Beitrag25.07.2010 um 13:24 (UTC)    
Titel:

http://boc-league.de.tl/Test.htm

Also dort sehe ich kein weißen Balken!

Welchen Browser benutzt du ? Kannst du vielleicht ein Screenshot machen?
______________
.:!!! Denk Immer Positiv !!!:.
Beitrag26.07.2010 um 01:27 (UTC)    
Titel:

Im IE sieht man den nicht, im Firefox schon. Und so siehts dann aus, wenn man mit der Maus auf das Icon geht:

http://bocleague.bo.funpic.de/screenhpbk1.JPG
Beitrag26.07.2010 um 10:37 (UTC)    
Titel:

Hallo,
füge bitte mal folgenden CSS Code ein:
Zitat:
.edit_content_main a{
text-decoration:none!important;}
Nun sollten die Linien weg sein Wink

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag27.07.2010 um 16:34 (UTC)    
Titel:

Ich wollte eigentlich die Links unterstrichen lassen und nur die mysteriöse Linie drüber weghaben, so ist es aber auch ganz schick.

Danke für die Hilfe Very Happy
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de