Ansicht:   

#259369 Aufflackernder Rand bei img-link nicht abstellbar (web.design)

verfaßt von Mike_R zur Homepage von Mike_R, Rosenheim, 12.02.2011, 12:23:11

Hi,

> Könntest du uns den Quelltext zur Verfügung stellen? Vielleicht gibt es
> irgendwelche Wechselwirkungen, die sich aus dem Schnipsel nicht ersehen
> lassen.

natürlich gerne. Vielen Dank für Deine Antwort. Hier die Adresse http://www.alpsolution.de/knierer/index.html

Und hier das stylesheet:
body
{
font-family: courier, \"Avant Garde Medium BT\", Verdana, sans-serif;
background-repeat: no-repeat;
font-size: 36px;
color: #333;
text-align: center;
}

#background_agentur, #background_agentur2, #background_agentur3, #background_agentur4
{
position: absolute;
top: 0px; left: 144px; width: 980px; height: 594px;
background-repeat: no-repeat;
z-index: 1;
}

#background_agentur
{
background-image: url(images/agentur.jpg);
}

#background_agentur2
{
background-image: url(images/agentur2.jpg);
}

#background_agentur3
{
background-image: url(images/agentur3.jpg);
}

#background_agentur4
{
background-image: url(images/agentur4.jpg);
}

#background_termine
{
position: absolute;
top: 0px;
left: 144px;
width: 980px;
height: 594px;
background-image: url(images/lady_gespiegelt.jpg);
background-repeat: no-repeat;
z-index: 1;
}

#background_drykorn
{
position: absolute;
left: 144px; top: 0px;
background-repeat: no-repeat;
z-index: 1;
}

#drykorntext
{
position: absolute;
left: 365px; top: 75px;
background-repeat: no-repeat;
text-decoration: none;
z-index: 2;
}

#background_iheart
{
position: absolute;
left: 144px; top: 0px;
background-repeat: no-repeat;
z-index: 1;
}

#background_bags
{
position: absolute;
left: 144px; top: 0px;
width:980px; height:594px;
background-image: url(images/bags.jpg);
background-repeat: no-repeat;
z-index: 1;
}

#background_kontakt
{
position: absolute;
left: 144px; top: 0px;
width: 980px; height: 594px;
background-image: url(images/impressum.jpg);
background-repeat: no-repeat;
z-index: 1;
}

#navi
{
position: absolute;
left: 187px;
top: 0px;
width: 265px;
height: 594px;
background-repeat: no-repeat;
background-color: #000;
text-align: left;
z-index: 2;
}

#logo
{
position: relative;
left: 31px;
top:0 px;
width: 201px;
height:75px;
background: #000 url(images/logo_solo.jpg) no-repeat;
z-index: 3;
}
#logotext
{
position: relative;
left:10px; top:5px; width: 247px; height:18px;
margin-bottom: 11px;
background: #000 url(images/logo_text.jpg) no-repeat;
z-index: 3;
}

.line
{
background: #000 url(images/dotted_line.jpg) no-repeat;
margin-left: 25px;
left:0px; top:30px; width:204px; height:14px;
z-index: 3;
}

#menuaktiv
{
position: relative;
left:-43px; top:0px; width:155px; height:19px;
color: #000;
background-color: #fff;
z-index: 3;
}

#menuaktivlast
{
position: relative;
left:-43px; top:0px; width:245px; height:19px;
color: #000;
background-color: #fff;
z-index: 3;
}

a.menuaktivlink
{
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: #000;
margin-left: 81px;
padding: 15px 0px 0px 0px;
}

.menu
{
text-decoration: none;
font-size: 36px;
}

a.menulink
{
left:0px; top:0px; width:150px; height:19px;
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: #fff;
margin-left: 35px;
}

a.menulink:hover
{
background-color: #fff;
color: #000;
}

#arr
{
position: relative;
left:30px; top: 1px;
width:65px; height:45px;
}

#arle
{
float: left;
width: 30px;
cursor: pointer;
}

#arri
{
float: right;
width: 30px;
cursor: pointer;
}

#info
{
position: absolute; left:32px; top:300px; width:230px; height:200px;
font-size: 12px;
color: #fff;
}
/* a img { border:none; } */


Wie schon gesagt: Der Rand erscheint nur kurz beim Draufklicken auf die Pfeile.

Mike_R

 

gesamter Thread:

Ansicht:   
Auf unserer Web-Seite werden Cookies eingesetzt, um diverse Funktionalitäten zu gewährleisten. Hier erfährst du alles zum Datenschutz