Ask a Question related to Macromedia Dynamic HTML, Design and Development.
-
G33kman #1
Links Stretching
HELP!!! I'm trying to get my links images to line up with the rest of my page I
don't know if I need to resize my spacer image or what but when I open my
website in a preview it is to long in normal view and then when I maxamize the
window it is to short I tried to make my spacer "100%" but that doesn't seem to
be helping. Thanks here's my code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>IT's Computers (507) 351-8403 24/7 Service</title>
<style type="text/css">
<!--
body {
background-image: url([url]http://img360.imageshack.us/img360/4734/bkg2if.png);[/url]
background-repeat: repeat-y;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length;
i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body
onload="MM_preloadImages('home_s.png','downloads_s .png','about_s.png','techs_s.p
ng','specials_s.png')">
<table width="96%" height="169" border="2" cellpadding="0" cellspacing="0"
bordercolor="#000000">
<tr>
<td><img src="http://img360.imageshack.us/img360/2100/bkg24qs.png"
width="200" height="40" id="bkg2" style="width:100%" /></td>
</tr>
<tr>
<td width="100%" height="80"
background="http://img360.imageshack.us/img360/4457/main4wp.jpg"> </td>
</tr>
<tr>
<td><img src="http://img360.imageshack.us/img360/2100/bkg24qs.png"
width="200" height="40" align="left" id="bkg2" style="width:100%"/></td>
</tr>
</table>
<table width="1049" height="25" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" background="spacer.png"><img src="spacer.png"
width="100%" height="25" /></td>
<td width="100" height="25" background="spacer.png"><a
href="http://www.mankatocomputers.com" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Home','','home_s.png',1 )"><img src="home.png"
name="Home" width="100" height="25" border="0" id="Home" /></a></td>
<td width="100" background="spacer.png"><a
href="http://www.mankatocomputers.com/downloads"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Downloads','','download s_s.png',1)"><img
src="downloads.png" name="Downloads" width="100" height="25" border="0"
id="Downloads" /></a></td>
<td width="100" background="spacer.png"><a
href="http://www.mankatocomputers.com/aboutus" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('About Us','','about_s.png',1)"><img src="about.png"
name="About Us" width="100" height="25" border="0" id="About Us" /></a></td>
<td width="100" background="spacer.png"><a
href="http://www.mankatocomputers.com/specials"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Specials','','specials_ s.png',1)"><img
src="specials.png" name="Specials" width="100" height="25" border="0"
id="Specials" /></a></td>
<td width="100" background="spacer.png"><a
href="http://www.mankatocomputers.com/techs" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Techs','','techs_s.png' ,1)"><img src="techs.png"
name="Techs" width="100" height="25" border="0" id="Techs" /></a></td>
</tr>
</table>
</body>
</html>
G33kman Guest
-
stretching page width
I am designing a webpage that has boxes in the center with spaces between them. I want to be able to have the screen stretch for wide screens, but... -
Stretching an image to 100%
Ok so i'm trying to create a website and I can't get my shadow to stretch correctly across the page everytime I try to get it to stretch it is off... -
Stretching an image?
Illustrator 10 on Windows XP Until today I have always been able to stretch or resize a selected image by pulling the outline vertically or... -
stretching HACMP
Hi there, I want to stretch a HACMP cluster. Assuming a FFFFFF00 netmask my current configuration consists of two nodes A and B. A has boot... -
IMAGE STRETCHING???
Greetings all! There is probably a simple fix to this, but I haven't discovered it yet. Can anyone out there in Directorland help? I'm using D8... -
Murray *ACE* #2 Re: Links Stretching
I'm not sure I understand what the problem is. Can you explain again,
please? It would help if you could post a link to the page so we could see
the problem in action....
--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================
"G33kman" <webforumsuser@macromedia.com> wrote in message
news:duab1r$mfs$1@forums.macromedia.com...> HELP!!! I'm trying to get my links images to line up with the rest of my
> page I
> don't know if I need to resize my spacer image or what but when I open my
> website in a preview it is to long in normal view and then when I maxamize
> the
> window it is to short I tried to make my spacer "100%" but that doesn't
> seem to
> be helping. Thanks here's my code
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
> <title>IT's Computers (507) 351-8403 24/7 Service</title>
> <style type="text/css">
> <!--
> body {
> background-image:
> url([url]http://img360.imageshack.us/img360/4734/bkg2if.png);[/url]
> background-repeat: repeat-y;
> margin-left: 0px;
> margin-top: 0px;
> margin-right: 0px;
> margin-bottom: 0px;}
> -->
> </style>
> <script type="text/JavaScript">
> <!--
> function MM_preloadImages() { //v3.0
> var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
> var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
> i<a.length;
> i++)
> if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;
> d.MM_p[j++].src=a[i];}}
> }
>
> function MM_swapImgRestore() { //v3.0
> var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
> x.src=x.oSrc;
> }
>
> function MM_findObj(n, d) { //v4.01
> var p,i,x; if(!d) d=document;
> if((p=n.indexOf("?"))>0&&parent.frames.length) {
> d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
> if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
> x=d.forms[i][n];
> for(i=0;!x&&d.layers&&i<d.layers.length;i++)
> x=MM_findObj(n,d.layers[i].document);
> if(!x && d.getElementById) x=d.getElementById(n); return x;
> }
>
> function MM_swapImage() { //v3.0
> var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
> for(i=0;i<(a.length-2);i+=3)
> if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
> x.oSrc=x.src; x.src=a[i+2];}
> }
> //-->
> </script>
> </head>
>
> <body
> onload="MM_preloadImages('home_s.png','downloads_s .png','about_s.png','techs_s.p
> ng','specials_s.png')">
> <table width="96%" height="169" border="2" cellpadding="0" cellspacing="0"
> bordercolor="#000000">
> <tr>
> <td><img src="http://img360.imageshack.us/img360/2100/bkg24qs.png"
> width="200" height="40" id="bkg2" style="width:100%" /></td>
> </tr>
> <tr>
> <td width="100%" height="80"
> background="http://img360.imageshack.us/img360/4457/main4wp.jpg"> </td>
> </tr>
> <tr>
> <td><img src="http://img360.imageshack.us/img360/2100/bkg24qs.png"
> width="200" height="40" align="left" id="bkg2" style="width:100%"/></td>
> </tr>
> </table>
> <table width="1049" height="25" border="0" cellpadding="0"
> cellspacing="0">
> <tr>
> <td width="100%" background="spacer.png"><img src="spacer.png"
> width="100%" height="25" /></td>
> <td width="100" height="25" background="spacer.png"><a
> href="http://www.mankatocomputers.com" onmouseout="MM_swapImgRestore()"
> onmouseover="MM_swapImage('Home','','home_s.png',1 )"><img src="home.png"
> name="Home" width="100" height="25" border="0" id="Home" /></a></td>
> <td width="100" background="spacer.png"><a
> href="http://www.mankatocomputers.com/downloads"
> onmouseout="MM_swapImgRestore()"
> onmouseover="MM_swapImage('Downloads','','download s_s.png',1)"><img
> src="downloads.png" name="Downloads" width="100" height="25" border="0"
> id="Downloads" /></a></td>
> <td width="100" background="spacer.png"><a
> href="http://www.mankatocomputers.com/aboutus"
> onmouseout="MM_swapImgRestore()"
> onmouseover="MM_swapImage('About Us','','about_s.png',1)"><img
> src="about.png"
> name="About Us" width="100" height="25" border="0" id="About Us"
> /></a></td>
> <td width="100" background="spacer.png"><a
> href="http://www.mankatocomputers.com/specials"
> onmouseout="MM_swapImgRestore()"
> onmouseover="MM_swapImage('Specials','','specials_ s.png',1)"><img
> src="specials.png" name="Specials" width="100" height="25" border="0"
> id="Specials" /></a></td>
> <td width="100" background="spacer.png"><a
> href="http://www.mankatocomputers.com/techs"
> onmouseout="MM_swapImgRestore()"
> onmouseover="MM_swapImage('Techs','','techs_s.png' ,1)"><img
> src="techs.png"
> name="Techs" width="100" height="25" border="0" id="Techs" /></a></td>
> </tr>
> </table>
> </body>
>
> </html>
>
Murray *ACE* Guest
-
G33kman #3 Re: Links Stretching
Thanks for the help i figured it out I had to remove the spacer image from the first table and then just put it in a a background and put it as 100% width. it looks great now.
G33kman Guest
Reply With QuoteSimilar Questions and Discussions
Posting Permissions
- You may not post new threads
- You may post replies
- You may not post attachments
- You may not edit your posts
