|
HTML - Spaces Using Graphics In Tables
I have two graphics in a cell. If I only put in the top one, everything is fine. Once I insert the bottom one in, a space to the right of the top one appears. I cant get rid of it. Anyone have any ideas?
TIA Scott Similar Tutorialsi cant seem to get rid of the space between my two images in this table to align my layout images flush with each other . anyone got any ideas? here is an example of what my problem is: http://hollecost.webs.com/index.htm heres the table coding for that example page of my problem: <table cellspacing="0" cellpadding="0"> <tr> <td> <img src="/images/top.jpg"> </td> </tr> <tr> <td background="/images/bottom.jpg" height="440" > </td> </tr> </table> Hi there everyone, I'm having a bit of trouble with some of my tables. In the cells of one of my tables I want to align the text right with an extra space at the end of the text. However, the align right ignores any spaces that I try to add to the cell and ends up deleting it. My question is, how can I get the tables to display spaces and not delete them? Thanks. Hey guys, Another question Like this website, how do I use the images like they do, where they have 3 boxes on the homepage? I wanted to create something similar, but do not have a clue about the coding. Please do not say "add this code to this code" blah-dy-blah. As I won't understand a thing lol. If you have time, could you give me a basic table with curved edges. Even better, would be to create a table 250x380 which is a basic Blue colour? Cheers guys, Preemo Can someone tell me how the graphics in these CSS pages would be created originally? Thanks http://www.templateworld.com/free_templates.html Hi, Where can I find graphics to use on my page? ------ Regards, Pretty I must be having a brain cramp, but I can't figure out why their little gaps between these header graphics. There are three of them should not be there. http://netresults.sk.ca/plans.php Any ideas why, would be much appreciated. Thanks For a designer/programmer, which program is required or best to have? The book I am studying from is using Adobe Photoshop Elements 8 and I keep seeing "Dreamweaver" mentioned on the net so do I have to get both softwares to prepare for any jobs or only one or is there another? Which software or softwares would you guys recommend I get for the future to deal with these digital files processing please? Hi, I'm new to this forum and this is my first post. I have a large GIF image (2000x1000px approx) which is an interactive map. Since most screen resolutions will be less than this, is there any way to get the image to display centred rather than the bottom right-hand corner? Is there an HTML script that will automatically proportionately size a graphic? Say you set the Height=100 then the Width=?? would be automatically adjusted depending on the actual size of the parent graphic. ok, this might be very elementary but I can't figure out how to do this basically I built a block of square links that have a javascripted mouseover feature someone on here actually coded it for me (spyboy, thanks) the block of graphics gridded itself nicely, but I need to move the whole thing over to the right a few pixels (because I have major compulsiveness since I'm a designer) heres a screenshot of how it looks now as you maybe notice, the block of graphics are too much to the left, I need to center them. They only really need to move to the right probably 20 or so pixels heres the javascript code Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Page</title>
<script type="text/javascript">
function change(img_name, img_src)
{
document[img_name].src = img_src;
}
</script>
</head>
<body>
<a href="http://www.sassnyc.com/contact"
onmouseover="change('friends', 'http://andrewsass.squarespace.com/storage/friends_on.png')"
onmouseout="change('friends', 'http://andrewsass.squarespace.com/storage/friends_off.png')">
<img src="http://andrewsass.squarespace.com/storage/friends_off.png" border="0" name="friends" />
</a>
<a href="http://www.massnerder.blogspot.com"
onmouseover="change('danielle', 'http://andrewsass.squarespace.com/storage/danielle_on.png')"
onmouseout="change('danielle', 'http://andrewsass.squarespace.com/storage/danielle_off.png')">
<img src="http://andrewsass.squarespace.com/storage/danielle_off.png" border="0" name="danielle" />
</a>
<a href="http://www.csaustodesign.com"
onmouseover="change('sausto', 'http://andrewsass.squarespace.com/storage/sausto_on.png')"
onmouseout="change('sausto', 'http://andrewsass.squarespace.com/storage/sausto_off.png')">
<img src="http://andrewsass.squarespace.com/storage/sausto_off.png" border="0" name="sausto" />
</a>
<a href="http://www.alexmoskowitzphotography.blogspot.com"
onmouseover="change('alex', 'http://andrewsass.squarespace.com/storage/alex_on.png')"
onmouseout="change('alex', 'http://andrewsass.squarespace.com/storage/alex_off.png')">
<img src="http://andrewsass.squarespace.com/storage/alex_off.png" border="0" name="alex" />
</a>
<a href="http://www.milkshakenyc.com"
onmouseover="change('milkshake', 'http://andrewsass.squarespace.com/storage/milkshake_on.png')"
onmouseout="change('milkshake', 'http://andrewsass.squarespace.com/storage/milkshake_off.png')">
<img src="http://andrewsass.squarespace.com/storage/milkshake_off.png" border="0" name="milkshake" />
</a>
</a>
<a href="http://www.pegasus17.com"
onmouseover="change('pegasus', 'http://andrewsass.squarespace.com/storage/pegasus_on.png')"
onmouseout="change('pegasus', 'http://andrewsass.squarespace.com/storage/pegasus_off.png')">
<img src="http://andrewsass.squarespace.com/storage/pegasus_off.png" border="0" name="pegasus" />
</a>
</a>
<a href="http://www.greenbusinesscompetition.com"
onmouseover="change('GBC', 'http://andrewsass.squarespace.com/storage/GBC_on.png')"
onmouseout="change('GBC', 'http://andrewsass.squarespace.com/storage/GBC_off.png')">
<img src="http://andrewsass.squarespace.com/storage/GBC_off.png" border="0" name="GBC" />
</a>
</a>
<a href="http://www.kyeonyc.com"
onmouseover="change('kyeo', 'http://andrewsass.squarespace.com/storage/kyeo_on.png')"
onmouseout="change('kyeo', 'http://andrewsass.squarespace.com/storage/kyeo_off.png')">
<img src="http://andrewsass.squarespace.com/storage/kyeo_off.png" border="0" name="kyeo" />
</a>
</html>
Any help/advice is appreciated! Thanks Ok so I'm not html savvy, but my companies programmer left us and now I have to pick up the slack, so I need some help! I have two graphics, one is an embedded .swf file for a flash banner, and the second is a jpeg image I want them both to line up on the same line like this but when I put the two codes next to each other in html, the second graphic goes to the next line below the first graphic. I tried to do an image style moving the second image a few pixels over to the right (relevant to the first) I'm so confused, if someone can help me code this, I would be very grateful here are the codes I'm working with: <div style="width: 608px; border: solid 1px;"><object width="608" height="158" data="http://milkshakekicks.com/images/homepageflash.swf" type="application/x-shockwave-flash"><param name="FlashVars" value="clickTAG=http%3A//www.milkshakenyc.com/kicks" /><param name="menu" value="false" /><param name="scale" value="exactfit" /><param name="AllowScriptAccess" value="always" /><param name="src" value="http://milkshakekicks.com/images/homepageflash.swf" /><param name="flashvars" value="clickTAG=http%3A//www.milkshakenyc.com/kicks" /></object></div> and <img src="http://milkshakekicks.com/blog/wp-content/uploads/2009/01/fanny_site_ads.png" BORDER=1px /> Hi to everyone,have just made my first site,its basically a sales page that i made in word 2010,i have added 1 graphic(jpg) and a watermark running through the page,i have managed to upload it through my ftp panal,but when i go online to view my page the graphic and watermark are missing(in firefox) and the graphic is missing in IE(but the watermark is visible),and they have been replaced by boxes with a symbol in the top left corner,i saved the copy as indexhtml,any help would be much appreciated,simon Hello, I'm not too sure where I'm going wrong here. I've created a graphic for use as a background image, which contains a text box in the middle of the page. I've sliced the image and adjusted the html to include a rowspan, which can be seen at this url: http://www.magicalwonders.com/graphics/test.html Borders have been left on so that the layout is easier to see. I was expecting the two cells either side of the cell that I've rowspanned to stretch as extra text goes in the box - however, this doesn't seem to work and the design gets completely broken, as in this url: http://www.magicalwonders.com/graphics/test2.html I don't won't to be restricted in the amount of text I can include, so can anyone point me in the right direction and advise on the correct way to get this to work? Many thanks, Myles Is there any way of placing HTML buttons (not flash) over Flash swf movis on Dreamworks? Thanks Hello all, I am currently building an HTML newsletter complete with graphics and it is all set up and appears fine in my IE and other web browsers. However, now I want to actually place this HTML and graphics in the actual e-mail form and test it. This may sound like like a stupid question, but does anyone know how to do this? For the life of me I can't think of any way to actually embed an .html file (or just the HTML coding) inside of an email and have it appear inside of say.. a Yahoo, MSN, google, or outllook express email form. I need to be able to do this to test an send my e-newsletter. I've searched the net for tutorials on how to do this but have come up empty handed. Any ideas on how to go about this? Thanks in advance! Hi Everyone, I have just written a web page for use as an email signature. My method for doing so is quite long winded, due to the nature of the signature that I have designed and the fact that I am using Outlook 2010. This is the process that I took to make my "email signature" - which is more accurately described as an Outlook Template: 1). Sent the HTML email from a server to my email address 2). Saved the email that I sent to myself (after a few minor alterations, such as removing the sender & subject) as an Outlook Template (.oft file) 3). Created a Macro which calls the OFT file when run 4). Added a button to the ribbon which runs the Macro when clicked My methodology is fine - and I have tested it with a single image inside the template, however when I performed a HTML cut on my original graphic - so that I could add functionality to the signature - I now see fine white lines in between all of the individual graphics. Please see this link for further explanation: http://www.systemcontrol.com.au/dd/fine-white-lines.JPG The "fine white lines" are only visible when the Outlook Template is opened (irrespective of whether opened manually or by Macro). I have seen this behaviour before on web mail, such as Hotmail, and adding this markup fixes the issue: Code: <style type="text/css">
img
{
display: block;
}
</style>
However once the original HTML is saved as an OFT I suspect that Outlook strips away any style information in the head of the document. If anybody can suggest how this markup can be added to the body of the document, or otherwise provide a solution (such as telling me how to manually edit an OFT file), it will be much appreciated. Thanks for your time. Kind Regards, Davo Hello all. Just joined and I have what I know is a simple question. Trying to remove a space between the top image and the legend I just created. Thanks, Doug Code: <div id="main-copy">
<div style="width:755px; margin: auto; text-align: center; color: #000000; font-weight: bold;">
<p>Click on radar image to loop!</p>
<p>GR Level III Base Reflectivity<br/><a href="/wx21.html"><img src="/GR3/kfdr_br1.png"></a></p>
<p><img src="GR3/legend3.png" width="750" height="40"/></p>
<p>GR Level III Echo Tops<br/><a href="/wx22.html"><img src="/GR3/kfdr_et.png"></a></p>
</div>
</div>
</div>
<!-- ##### Footer ##### -->
Looks like: http://www.ardmoreweatherlive.com/wx3.html Hi Normally, when you have more than one table in your code, the tables will be placed one under each other. Example: <table> ... </table> <table> ... </table> When you want the tables to be placed next to each other, you need to set the align attribute. Example: <table align="left"> ... </table> <table align="left"> ... </table> BUT: When you do it like in the 2nd example (tables next to each other), in Firefox, the tables will wrap to a new line if there is no more space. In Internet Explorer, the tables will not wrap. The result is a horizontal scrollbar or "hidden tables". Why this? How can I make the tables wrap also in Internet Explorer as it does in Firefox? Is it possible with a special CSS definition or with a special DIV/SPAN tag? Thanks for your help praiser I am having some basic HTML issues... The code is as follows: Code: <body onload="MM_CheckFlashVersion('7,0,0,0','Content on this page requires a newer version of Macromedia Flash Player. Do you want to download it now?'), resizeTo(700,560);">
<div id="horizon">
<div id="content">
<div class="bodytext">
<table width="100%" height="480" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" align="center" valign="middle" style="background-repeat: no-repeat; background-position:bottom right;"><table width="0" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="21" height="16" align="right" valign="bottom"><img src="images/tv/upper-left.gif" alt="tv-upper-left" width="21" height="16" /></td>
<td width="320" height="16" align="center" valign="bottom"><img src="images/tv/top.gif" alt="tv-top" width="320" height="16" /></td>
<td width="21" height="16" align="left" valign="bottom"><img src="images/tv/upper-right.gif" alt="tv-upper-right" width="21" height="16" /></td>
</tr>
<tr>
<td width="21" height="240" align="right" valign="middle"><img src="images/tv/left.gif" alt="tv-left" width="21" height="240" /></td>
<td width="320" height="240" align="center" valign="middle"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','320','height','240','id','FLVPlayer','src','FLVPlayer_Progressive','flashvars','&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=flv/AlcoaHybridAeroW&autoPlay=true&autoRewind=true','quality','high','scale','noscale','name','FLVPlayer','salign','lt','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','FLVPlayer_Progressive' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="320" height="240" id="FLVPlayer">
<param name="movie" value="FLVPlayer_Progressive.swf" />
<param name="salign" value="lt" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=flv/AlcoaHybridAeroW&autoPlay=true&autoRewind=true" />
<embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=flv/AlcoaHybridAeroW&autoPlay=true&autoRewind=true" quality="high" scale="noscale" width="320" height="240" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></noscript></td>
<td width="21" height="240" align="left" valign="middle"><img src="images/tv/right.gif" alt="tv-right" width="21" height="240" /></td>
</tr>
<tr>
<td width="21" height="69" align="right" valign="top"><img src="images/tv/lower-left.gif" alt="tv-lower-left" width="21" height="69" /></td>
<td width="320" height="69" align="center" valign="top"><img src="images/tv/bottom.gif" alt="tv-bottom" width="320" height="69" /></td>
<td width="21" height="69" align="left" valign="top"><img src="images/tv/lower-right.gif" alt="tv-lower-right" width="21" height="69" /></td>
</tr>
</table>
<p><input type="button" value="Close Window" onclick="window.close()"></p>
</span></p></td>
</tr>
</table>
</div>
</div>
</div>
</body>
the link to a sample of this page is: http://www.mirageadv.com/beta/galler...bridAeroW.html Can someone take a look at this and tell me why I am getting the spaces in the graphics at the top and bottom... Thanks - Jim |
|||||||