| View previous topic :: View next topic |
| Author |
Message |
GrimEskimo
Joined: 07 May 2009
Posts: 28
|
| Posted: Thu May 07, 2009 4:52 am Why do lines come under the image |
|
|
| On my website http://comicsformonkeys.tk/ the older and newer comic buttons has a black border and it has dots under it how can I take those away. |
|
|
sticks464
Joined: 31 Dec 2006
Posts: 2309
|
| Posted: Thu May 07, 2009 5:12 am |
|
|
On your default page, in the embedded css you must remove the border for the links (the dotted border) and the hover state (solid border). This will remove borders on all links though.
Code: div.text a,
div.photo a,
div.link a,
div.video a,
div.audio a,
div.conversation a,
div.quote a {
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #000000;
color: #000000;
}
div.text a:hover,
div.photo a:hover,
div.link a:hover,
div.video a:hover,
div.audio a:hover,
div.conversation a:hover,
div.quote a:hover {
color: #000000;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
Or you can create a new class removing just the border from these two
Code: <a href="/page/2"><img src="http://publish.weebly.com/uploads/5/4/2/2/542259/4520972.jpg" width="153" height="25" <a href="/page/2" image border="0">
<DIV>
<p>Fun fun fun
Comic from PBF created by Nick Gurewitch</p> |
|
|
GrimEskimo
Joined: 07 May 2009
Posts: 28
|
| Posted: Thu May 07, 2009 2:07 pm |
|
|
I did that, but it still has boxes around it how can I take that off.
Also how would I get the border around the image taken off |
|
|
sticks464
Joined: 31 Dec 2006
Posts: 2309
|
| Posted: Thu May 07, 2009 2:23 pm |
|
|
You need to remove all the rule and change it
Code: div.text a,
div.photo a,
div.link a,
div.video a,
div.audio a,
div.conversation a,
div.quote a {
text-decoration: none;
border:none
}
:focus {outline:none;}
Also make these changes
Code: div.photo a img {
border: none;
background-color: #333333;
}
div.photo a img:hover {
background-color: #FFFFFF;
}
You don't need a hover rule anymore so it can be deleted.
The :focus rule eliminates the dotted border when a link is clicked. |
|
|
| |
|
|
|
