Forum Moderators: not2easy
I've set the image with CSS, using "background-image" .
The image positions perfectly, but the URL (page link) link won't work.
The page link works when I place the image traditionally in a <td> in the body itself.
Also - I am somewhat uncomfortable about placing the link for a background image in the "head". It works, but is this correct or am I missing the idea?
I will eventually use image mapping to set buttons in specific locations on the page. For now I am using the entire picture as a link.
Thanks,
Dorian
PS - I've intentionally limited the table size and enlarged the image canvas to create a visual that makes the image (a star of sorts) seem to explode beyond the screen edge, also to prevent the browser / scrolling from repeating the image in the screen either from left/right or top/bottom.
<STYLE TYPE="text/css" MEDIA=screen>
<!--
body { background-position: center; background-image: url(http://#*$!#*$!xx.com/images/combatkicks_splash_1200x665.jpg); alt="picture of tactical boot and combat kicks logo" style= "border: 0px solid fffffff;"}
-->
</head>
<body>
<table style= "width: 850px;">
<tr>
<td><a href="http://#*$!#*$!xx.com/lobby/index.html"></a>
</td>
</tr>
</table>
</body>
</html>
I'm just curious, why don't you just put the image as an
<img /> element on the page? <a href="/next-page.php" title="Enter the website">
<img src="/images/splash.png" width="1200" height="665" alt="Enter the website" />
</a> Also, as a side note, your CSS syntax is wrong:
body { background-position: center; background-image: url(http://#*$!#*$!xx.com/images/combatkicks_splash_1200x665.jpg); alt="picture of tactical boot and combat kicks logo" style= "border: 0px solid fffffff;"} There is no
alt="[...]" in CSS, and you cannot have style="[...]" either. Those are attributes for HTML only.