|
HTML - Displaying Large Graphics
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?
Similar TutorialsHi all, Just wondering if someone could help me with the following. I'm exporting large amounts of MySQL data onto a web page and basically what I would like to do is insert that data into a large textbox. I would have put the data into a table; however, if I have a tabel for say "NAME" I'm soon going to run out of space on the web page as I may return 100 of records for that one column. I thought I could simply have a large display window and this would have scroll bars on the side and at the bottom and I can dump my data into that. Can anyone tell me how I could creat such a table which would span the web pages length? I would also like to control this via CSS and make the colour within the text box grey. Many thanks Can someone tell me how the graphics in these CSS pages would be created originally? Thanks http://www.templateworld.com/free_templates.html 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 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, Where can I find graphics to use on my page? ------ Regards, Pretty 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. 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 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, I am getting huge breaks in IE after writing down <br>. This problem only occurs in IE. It doesnt occur in Google Chrome. I removed all the other code and only left the text and one picture there and it still does the same. Heres the link: http://www.jkdolniprim.cz/invalid/ I want the margin and padding to be 0px. Thank you for your help. I want 50 text fields for a form on a webpage. Is there a way to do this using a loop instead of manually writting the html code for all 50. I have tried this but it does not work. Code: <script type="text/javascript">
var i;
for(i=0;i<50;i++)
{
document.write("<tr>");
document.write("<td>~address(i)~ </td>");
document.write("<td>~name(i)~</td>");
document.write("<td><input type="text" name="name[i]" maxlength="16" value="~name(i)~" size="20"></td>");
document.write("</tr>");
}
</script>
Thanks Hi All, We have images which are displayed in panel series. We have images if all sizes and width, we have tried using width=100% which makes all the images to fit the width allotted, which makes the image BLUR if the image is very small. Is there a way by which we can have width=100% for only the oversize images and leave the others as it is. Regards, Nagesh Hi, I have a pretty general question but i'm posting it here since it pertains to xhtml and content. As far as I understand the big deal about css is that it makes your sites flexible and lets you edit the layout and look of every page just by changing the stylesheet/s they are linked to. Is there a way to do this with content? What if I have hundreds of pages and want to add a link to the navigation bar? Is there a way to link templates and content to script the same way I link css? Thank you in advance and feel free to move this if this isn't the appropriate board. so I have been working on this site trying to make it look like the image below how do I get the large portrait to the right of all the smaller images without messing them up? thanks in advance. http://i46.tinypic.com/64gxew.jpg |
|||||||