Board index PBase HTML and Style Sheets Pointer doesn't change...why?

HTML and Style Sheets

Pointer doesn't change...why?

Customize your galleries.
bugs77
 
Posts: 17

Pointer doesn't change...why?

Post Tue Jan 30, 2007 12:59 pm


On my home page http://www.pbase.com/bugs77 this is what happens moving the mouse when you pass over a link:
1) if you're using mozilla firefox, the pointer switches to the typical "hand";
2) if you're using explorer, the pointer switches to the symbol used when you have to select a text...even though the link works correctly...

Is anybody able to explain me the reason why and how to sort this problem out?

This is the CSS:

Code: Select all
a, a:link,a:visited,a:active {
        color: #636363;
        text-decoration: none;
}
a:hover {
        color: #d58c00;
        text-decoration: none;
}
a.thumbnail, a.thumbnail:link, a.thumbnail:visited, a.thumbnail:active {
        border: rgb(0, 0, 0) 1px solid;
        margin-bottom: -40px;
        padding-top: 12px;
        width: 200px;
        display: block;
        background: #dbdbdb;
        height: 210px;
}
a.thumbnail:hover            {
        border: #fe9800 1px solid;
        margin-bottom: -40px;
        padding-top: 12px;
        width: 200px;
        display: block;
        background: #ffbb55;
        height: 210px;
}
body{
        margin-bottom: 20px;
        margin-top: 0px;
        background: #cccccc;
}
div,th,tr,table,font,li,ul,form,
blockquote,p,b,i,h1,h2,h4,h5,font, center {
        border: 0px;
        color: #c17600;
        font: 12px verdana, arial, sans-serif;
}
font {
        margin-left: 4px;
        margin-right: 4px;
        width: 170px;
        display: block;
        color: #636363;
        font: 9px verdana;
        letter-spacing: 0px;
}
h1, h2 {
        border: #ffbb55 3px ridge;
        border-left: 1px none;
        border-right: 1px none;
        border-top: gray 1px solid;
        margin-left: -10px;
        margin-right: 0px;
        padding: 10px;
        width: 99%;
        display: block;
        background: #ffbb55;
        color: #636363;
        font-size: 25px;
        font-weight: normal;
        letter-spacing: 10px;
        text-align: center;
        height: 18px;
        position: relative;
       
}
h3 {
        border-bottom: #ffbb55 2px solid;
        border-left: 1px none;
        border-right: 1px none;
        border-top: #ffbb55 2px solid;
        padding: 10px;
        width: 120px;
        display: block;
        background: #dbdbdb;
        color: #636363;
        font-size: 11px;
        font-weight: normal;
        letter-spacing: 3px;
        text-align: center;
}
h4 {
       font-size: 9px;
}
h5 {
        padding-left: 40px;
        padding-top: 19px;
        width: 350px;
        display: block;
        color: #494949;
        font-size: 11px;
        font-weight: normal;
        letter-spacing: 2px;
}
img{
        border: rgb(0, 0, 0) 1px none;
}
img.thumbnail {
        border: #a1a1a1 1px solid;
        margin: 0px;
        padding: 7px;
        background: white;
        vertical-align: middle;
}input {
        border: rgb(0, 0, 0) 1px solid;
}
table.thumbnail {
        width: 10%;
}
.thumbnail {
        display: none
}
table {
       margin-top: -27px;
}
.Buga {
        width: 70%;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: -10px;
        margin-bottom: 10px;
}
.bugacopyright {
       margin-top: 10px;
       border-top: #636363 1px solid;
}
.title {
        width: 720px;;
        text-align: center;
        letter-spacing: 1px;
}
td {
        border: 1px none;
        background: none;
        border-collapse: collapse;
        empty-cells: show;
}
td.message_body {
        border-bottom: rgb(0, 0, 0) 1px dotted;
        border-left: 1px none;
        border-right: 1px none;
        border-top: 1px none;
        display: block;
        background: rgb(40, 40, 40);
}
.caption {
        color: rgb(95, 121, 216);
        font: 12px Verdana, Arial, Sans serif;
        font-style: italic;
}
.display {
        border: #636363 1px solid;
        margin-top: 20px;
        background: #636363;
        margin-left: 0px;
}
#divid.display {
        margin-left: 35px;
}
.lid{
        background: rgb(55, 55, 55);
        color: rgb(102, 102, 102);
        font: 11px Verdana, Tahoma, Helvetica, sans-serif;
        text-decoration: none;
}
.message_body {
        margin: 5px 5px 10px;
        color: rgb(91, 91, 101);
        font: 10px Verdana, Tahoma, Helvetica, sans-serif;
}
.sb{
        background: rgb(91, 91, 101);
        color: rgb(204, 204, 255);
        font: 12px Verdana, Tahoma, Helvetica, sans-serif;
        text-decoration: none;
}

alangrant
 
Posts: 861


Post Tue Jan 30, 2007 4:19 pm


I can't immediately see what is causing this. But in case it helps anyone, I notice that this only happens on the links at the top of your page (guestbook etc.). On the links lower down (e.g. to the Wiki) the pointer behaves normally. So whatever the issue is, it is not to do with the whole page, just a specific context.

Nice page, by the way.
Alan
Travel Photos - http://www.pbase.com/alangrant
Balkanology: Explore Southeast Europe - http://www.balkanology.com/

alangrant
 
Posts: 861


Post Tue Jan 30, 2007 8:21 pm


Does it make any difference if you have the <a> links inside the <h3> tags, i.e. <h3><a>link</a></h3> instead of <a><h3>link</h3></a>? If not, how about removing the h3 tags completely?
Alan
Travel Photos - http://www.pbase.com/alangrant
Balkanology: Explore Southeast Europe - http://www.balkanology.com/

bugs77
 
Posts: 17


Post Thu Feb 01, 2007 9:48 am


alangrant wrote:Does it make any difference if you have the <a> links inside the <h3> tags, i.e. <h3><a>link</a></h3> instead of <a><h3>link</h3></a>? ...


YEAH! It works! Thanks a lot! :D


Board index PBase HTML and Style Sheets Pointer doesn't change...why?

Who is online

Users browsing this forum: ClaudeBot and 1 guest