The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Image links not showing right
Andrew315
post Mar 16 2008, 08:43 PM
Post #1


Member
***

Group: Members
Posts: 41
Joined: 31-January 07
Member No.: 1,739
My images to change between style sheets arent showing right in the alternative style sheet.. under them there are little black blocks. i figured it as to do with my other style sheet because my background color is black.

html

CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>



<link rel="stylesheet" type="text/css" href="default.css">
<link rel="stylesheet" type="text/css" href="default.css" title="Default">
<link rel="alternate stylesheet" type="text/css" href="extraPretty.css" title="Pretty">
<link rel="alternate stylesheet" type="text/css" href="bigFont.css" title="Big Font">
<link rel="alternate stylesheet" type="text/css" href="contrast.css" title="High Contrast">

<title>TITLE | Home</title>
<script type="text/javascript" src="swapstyle.js"></script>
<script type="text/javascript">
if( self != top ) { document.write('<style type="text/css">\n#backlinks { display: none; }\n<\/style>'); }
</script>

</head><body onload="useStyleAgain('styleTestStore');" onunload="rememberStyle('styleTestStore');">
<table border="0" width="100%">
<tr>
<td valign="top" width="10%" class="nav">
<a href="index.htm">Home</a><br>
<a href="media.htm">Media</a>
</td>
<td valign="top" width="60%">
<h1>
HEADING
</h1>
<p>
Body. Body. Body. Body. Body. Body. Body. Body.
Body. Body. Body. Body. Body. Body. Body. Body.
Body. Body. Body. Body. Body. Body. Body. Body.
Body. Body. Body. Body. Body. Body. Body. Body.
Body. Body. Body. Body. Body. Body. Body. Body.
Body. Body. Body. Body. Body. Body. Body. Body.
</p>

</td>
<td valign="top" width="30%" align="right">
<w>Choose color scheme: </w>
<a href="/" onclick="changeStyle('Default')"><img src="images/red.bmp" border="0" width="15px" height="15px" alt="Red & Black"></a>
<a href="/" onclick="changeStyle('Pretty')"><img src="images/contrast.bmp" border="0" width="15px" height="15px" alt="High Contrast></a>
</td>
</tr>
</table>
</body>
</html>



CSS for alternative style sheet
CODE

body {
    background-image: url('images/bg.bmp');
    background-repeat: no-repeat;
    background-color: #ffffff;
}

h1 {
    font-family: "verdana", Times, serif;
    font-size: 14pt;
    color: #000000;
    padding-bottom: 5px;
}

p {
    font-family: "verdana", Times, serif;
    font-size: 12pt;
    font-style: bold;
    color: #000000;
}

a:link {
    color: #FF0000;
    background-color: #000000;
}

a:visited {
    color: #ff0000;
    background-color: #000000;
}

a:hover {
    color: #000000;
    background-color: #000000;
}

a:active {
    color: #ff0000;
    background-color: #000000;
}

td.nav {
    padding-top: 55px;
    padding-left: 50px;
}
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Mar 17 2008, 03:02 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9
Can you post the URL (address) of a page that demonstrates the problem?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Andrew315
post Mar 17 2008, 11:42 AM
Post #3


Member
***

Group: Members
Posts: 41
Joined: 31-January 07
Member No.: 1,739
freewebs.com/rnaracedesign
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Mar 18 2008, 03:56 AM
Post #4


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9
Start by fixing the errors reported by the online validator.

And go see the FAQ entry How do I eliminate the space around/between my images?.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · General Web Design · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 19th April 2024 - 06:04 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC