Avatar billede Keld Nielsen Professor
19. oktober 2005 - 14:35 Der er 9 kommentarer og
2 løsninger

Mangler topstreg omkring billede

Jeg har en del af en side som driller mig på eet punkt, de små billeder i venstre side, linker til det store i højre side - ingen problem.

Men stregen om de små billeder skal i eksemplet være blå, som forandres til rød ved mouseover ...men topstregen kommer ikke med! Nogen der har en logisk forklaring på det???

link:
http://www.prolight.dk/exp-truck/kunde-truck.html

CSS-filen ser sådan ud:
html, body {
    background-color:##dadbdb;
    margin:0px;
    height:100%;
    padding:0px;
}
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #034e89;
    margin-left: 5px;
}
h5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #034e89;
    vertical-align: bottom;
    margin-bottom: 0px;
    margin-left: 5px;
}
h6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    color: #000000;
}

.adressetekst {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #034e89;
}
.hoved_adresse_tekst {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: white;
}
input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
    height: 12px;
    width: 100px;
    border: thin solid #034e89;
}
.input_knap {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #034e89;
    height: 18px;
    width: 40px;
    border: 1px solid;
}
A:link    { color: #034e89; text-decoration: none}
A:visited  { color: #034e89; text-decoration: none}
A:hover  { color: red; text-decoration: underline}
A:active  {color: black; text-decoration : none}
a.billede:active, a.billede:link, a.billede:visited{
    border: 2px solid #000099;
}
a.billede:hover{
    border: 2px inset red;
}
#storbillede{float:right; width:300px}
Avatar billede roenving Novice
19. oktober 2005 - 15:42 #1
Prøv med solid i stedet for inset !-)
Avatar billede Keld Nielsen Professor
19. oktober 2005 - 16:15 #2
Det hjalp "nede" omkring billederne, men toppen mangler stadig, jeg har lagt rettelsen op.
Avatar billede miss-g Seniormester
19. oktober 2005 - 17:09 #3
Har selv kløet mig i nakken. Jeg kan godt få det til at virke i en selvstændig tabel, men ikke i din kode. Måske fordi det er 2 celler der klasket sammen?

Det er jo tilladt at lave tabeller i tabeller...
Mit eksempel:
http://www.nicolin.dk/div/kunde-forslag.htm#
Avatar billede miss-g Seniormester
19. oktober 2005 - 17:11 #4
Bruger denne style på <td> men kan somsagt ikke få samme kode til at virke på din...

.billede a:link{
    border: 2px solid #0033CC;
    height: 74px;
    width: 74px;
}
.billede a:visited {
    border: 2px solid #0033CC;
    height: 74px;
    width: 74px;
}
.billede a:hover {
    border: 2px solid #CC0000;
    height: 74px;
    width: 74px;
}
.billede a:active {
    border: 2px solid #CC0000;
    height: 74px;
    width: 74px;

}
Avatar billede Keld Nielsen Professor
20. oktober 2005 - 08:38 #5
Jeg har en idé til at komme rundt om det, at lave det som en skygge-simulering istedet.

MEN prøv at kigge på din (og min) kode i Firefox ...nu bliver jeg da helt forvirret, her er stregerne kun i bunden omkring billedet.
Avatar billede miss-g Seniormester
20. oktober 2005 - 16:49 #6
Jeg har ikke Firefox installeret...

Ved sgu ikke hvad vi skal gøre ved det. Der må være nogle kloge hoveder her *G*
Avatar billede roenving Novice
20. oktober 2005 - 17:05 #7
Hrm, dette virker, men kun pga. onmouseover-tingene !-)

-- du kan prøve at fjerne dem, så vil du se at link-styles ikke betyder noget, og da IE ikke accepterer pseudo-selektorer medmindre de er det allersidste i den enkelte selektor, er det åbenbart ikke vejen frem med a-tags overhovedet, så jeg ville helt fjerne dem:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#site{width:800px;margin: 0 auto;/*background-color:#f0f;*/}
#site table{width:100%;border-collapse:collapse;}
#site table .menuTd{width:108px;height:108px;margin:0;border:0;padding:0;}
#site table .menuTd img{width:100px;height:100px;border:4px solid blue;}
#site table .menuTd a,#site table .menuTd a:link,#site table .menuTd a:visited{color:blue;}
#site table .menuTd a:hover,#site table .menuTd a:active{color:red;}
</style>
<script language="javascript" type="text/javascript">
</script>
<title>Ramme om billeder ved hover</title>
</head>

<body>
  <div id="site">
    <table>
      <tr>
        <td class="menuTd">
          <a href="#"><img src="../billede.jpg" onmouseover="this.style.borderColor='#f00';" onmouseout="this.style.borderColor='';"></a></td>
      </tr>
    </table>
  </div>
</body>
</html>
Avatar billede Keld Nielsen Professor
05. november 2005 - 15:48 #8
Undskyld min lange reaktion ...det man skal lave til sig selv kommer tit sidst!

Roenving dit svar virkede.
Smid gerne svar begge.
Avatar billede roenving Novice
06. november 2005 - 05:32 #9
Velbekomme '-)
Avatar billede miss-g Seniormester
06. november 2005 - 14:35 #10
Ok :-)
Avatar billede roenving Novice
07. november 2005 - 13:24 #11
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester