|
HTML - Graphics?
Can someone tell me how the graphics in these CSS pages would be created originally?
Thanks http://www.templateworld.com/free_templates.html Similar TutorialsHey 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 Hi, Where can I find graphics to use on my page? ------ Regards, Pretty 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? 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 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 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. 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 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 /> 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 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, 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! |
|||||||