|
HTML - Animated Gif Within Sliced Page
Hi all,
I am created a sliced page within Fireworks however I have made a animated gif which I would like to add to the page. I'm lost as to how to do this, when I copy and paste the Gif into the main image page, it just shows up as a standard picture, with no animation. Do I have to slice the page first, then add the animated gif within Dreamweaver, or can I place it as I would any image within Fireworks, then slice the entire page and export with HTML to Dreamweaver? Any help would be great, thanks in advance. Similar TutorialsI've got 2 sliced images at a store i've made. I've noticed each image loads one at a time... which really affects the loading time. I've optimized them as good as I can without losing quailty, but still slow loading. Is there any methods to loading all the images simultaneously? (maybe javascript?) The splices range from 300-600bypes in size. not kbs.. bytes (0.3-0.6 kbs) I guessing there is about 5-7 slices on the top, and 10-15 on the side menu. Hey guys, im not sure if anyone has this problem but i have it and im pissing off because of it. I worked on it for over 4 hours to no avail so i decided to get some professional opinion here. I designed my website using Photoshop and save for web and devices, giving me the HTML codes and the entire site is done in tables. I had no problems for buttons whatsoever, i found a way to insert flash banner was by creating a slice and deleting it afterwards to insert my flash banner. The problem: All text, headings, contents appear as image and i would have to reslice the entire website just to change the content and i cant use cutenews etc. So i tried draw ap div, but it is not resolution dependent, it distorts at all kind of resolutions... I tried using Fireworks but to no avail too.. I cant really think of anything else. Something that allows me to do editable content. Please email me if you do not understand what i mean i can show you. molehetoe@live.com or add me in MSN Hi all. I'm having a little bit of trouble with putting sliced images on my website and was wondering if you could help me out? I've made a very basic menu design in photoshop. I sliced the image using Photoshop then opened the resulting html file in Frontpage. When I opened the page in preview mode, the sliced images had moved slightly away from each other which is giving me gaps between the slices. Its also doing this when I view the page in a normal web browser, but not in photoshop Is this because I am using frontpage or could it be some kind of options setting in photoshop? Sorry if this is posted in the wrong forum btw....Any help would be great Thanks Ok so I made a kinda complex layout in photoshop by slicing and I'm using hte code they gave me to put it all together. I've switched the images from being in the table to being the background of the table. Everything seems to work great. But I'm trying to make it so that when I type too much in the body function the body will just roll down and repeat itself and the links on the left side will stay and do nothing. But at the same time I want it so when I get too many links I want the links bar to continue to roll down and repeat itself while the body does nothing. Well right now when the body rolls down there are gaps in every break in images on the links side. I've tried valigning them all to the top and it works on the first one but the 2nd 3rd and 4th image still have gaps between them. Any suggestions? Hello folks, I'm having trouble with the code for a sliced background image, and am hoping someone can help. You can see the design at this url: http://www.magicalwonders.com/graphicslice1/ There are two problems that I'm having difficulty with. 1. I have included a repeating background tile for the right hand sidebar, and although the tile is diplaying O.K. my graphic is breaking at the top of the page when there is text overflow. http://www.magicalwonders.com/graphicslice2/ 2. Second problem. Although I have a repeating tile created for the left hand sidebar, I'm not sure how to include it in the code, as I'm already using a background image referenced by CSS. I need the image for the left side bar to be a background image, as I need to add nav buttons to the page. At the moment, the graphic for the left side bar is just repeating itself, which doesn't look too good as it is a graduated colour. My html is as follows: Code: <table id="Table_01" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/headerleft.jpg" width="168" height="126" alt=""></td>
<td>
<img src="images/headermiddle.jpg" width="456" height="126" alt=""></td>
<td>
<img src="images/headerright.jpg" width="166" height="126" alt=""></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/top_left.jpg" width="147" height="24" alt=""></td>
<td>
<img src="images/top_middle.jpg" width="468" height="24" alt=""></td>
<td>
<img src="images/top_right.jpg" width="175" height="24" alt=""></td>
</tr>
<tr>
<td id="leftsidebar">
</td>
<td valign="top">
Content goes here...
</td>
<td id="rightsidebar">
<img src="images/sidebar_right.jpg" width="175" height="386" alt=""></td>
</tr>
<tr>
<td>
<img src="images/footer_left.jpg" width="147" height="64" alt=""></td>
<td>
<img src="images/footer_middle.jpg" width="468" height="64" alt=""></td>
<td>
<img src="images/footer_right.jpg" width="175" height="64" alt=""></td>
</tr>
</table>
</body>
</html>
And my CSS is: Code: #leftsidebar {
background-color: #fead01;
background-image: url(images/sidebar_left.jpg);
}
#rightsidebar {
background-color: #fead01;
background-image: url(images/sidebar_repeat_right.jpg);
background-repeat: repeat-y;
}
Any help or advice would be much appreciated. Many thanks Myles I created a sliced image / navigation in Fireworks CS5 and implemented it on a page with success. I then attempted to implement the same code to the header of a WordPress theme, giving me some issues. The actions work correctly, but the images are significantly lower, blocking a portion of the remaining page, and not correctly aligned with one another. I checked for conflicts in the CSS, as well as other simple errors, but couldn't really find what the cause was. Any suggestions? Homepage (correctly displayed graphic): http://camhabib.com WordPress (incorrectly displayed): http://blog.camhabib.com Hi, I sliced my web layout in PS. So far so good, I've done about 4 or 5 pages and it's gone fairly smoothly. However I'm having trouble with some coding on a particular page. I want to have a contact form on my contact page. But it's an HTML table and so are the slices. I've tried a couple of different ways to see if I could get it to 'lay' on top of the background image slice, but no luck. Take a look for yourselves: http://www.beemerphotography.com/contact.html Code: <form name="contactform" method="post" action="contact.php"> <table width="450px"> </tr> <tr> <td valign="top"> <font color="#FFFFFF"><label for="name">Name</label></font> </td> <td valign="top"> <input type="text" name="name" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top"> <font color="#FFFFFF"><label for="email">Email Address</label></font> </td> <td valign="top"> <input type="text" name="email" maxlength="80" size="30"> </td> </tr> <tr> <td valign="top"> <font color="#FFFFFF"><label for="telephone">Telephone Number</label></font> </td> <td valign="top"> <input type="text" name="telephone" maxlength="30" size="30"> </td> </tr> <tr> <td valign="top"> <font color="#FFFFFF"><label for="comments">Comments (Type of session(s): engagement, wedding, family, etc. | Booking date if applicable)</label></font> </td> And I've tried this: Code: <table background="http://www.beemerphotography.com/contact/images/info.gif" width="409" height="467"> And also, I have another page that is just not displaying for some reason. I have gone over the code, redone the slicing, redone the coding, and I can't figure it out for the life of me why it isn't displaying anything: http://www.beemerphotography.com/abo...ng/prints.html Hello I'm adding some animated GIF ads to my website but many of them will not show up when i insert the code. Occasionally the first frame will appear in preview and disappear, but most of the time there is just a blank (but clickable) space. I have tried uploading my pages to the server to see if its an editor problem, but they do not appear live either. I've not used animated GIFs before so am wondering if there's something obviously wrong i'm doing? my website is www.totallyrichmond.co.uk. i do not have any "failed" ads uploaded, but can do that if it would help! I'm sure this question has come up before, but is there a work-around to make animated gif rollovers play more than once in IE? In FF, the rollovers play every time you mouseover (or, they start over). Here is my first attempt at a website from scratch: www.andymcginnis.com. You will see what I mean by rolling over the links. There's kind of like a waterfall effect. Thanks for any reply I visited some sites that had these animated people that look at the mouse and speak and tell the message. where can i get one for free? Hello, I would like to create a dynamic infographic, basicly it will look similar to this sample > http://i52.tinypic.com/2i0rn2q.jpg But what i want is to either fade or grayscale the complete image, and then make only sections of it fade in upon hover, as well as getting a tooltip popupbox with som etext. You can see a good sample of a dynamic infographic here (although without the tooltip function) http://www.factoria.it/metodo/ Hi I wasn't sure whether this post belongs in the HTML or Graphics forum but I think it is HTML code I need so here goes; I have a problem regarding the coding that will place an animated banner on my website. Currently, I have a jpg banner across the top of all pages and the code that places it there, held in my z-header.shtml file, is: <tr> <td class="headerbg" colspan="3"> <!--the header is linked to the homepage. You can remove the link tag if you dont want this. Dont forget to take out the </a> tag at the end, as well--> <a href="index.html"></a> <div align="center"> <img style="WIDTH: 956px; HEIGHT: 110px" title="return to homepage" border="0" alt="return to homepage" src="image-files/Garden-Design-Pictures-Banner.jpg" width="966" height="119"> </div> </td> </tr> Now, somebody has created a .swf file for me and it is now up to me to integrate it into my site. The animated banner can be viewed he http://www.calamitycreations.co.uk/SteveBarker.html - I intend using the lower NoLoop file. I tried copying the code from that page and stripping it down but it didn't help me. I've only ever written simple html so I really don't know what to do. Please help! Thanks Steve http://www.garden-design-pictures.com Hi, Background: I have a small page that need to be embeded into a bounch of other html pages. Help needed: 1. Please provide the html chunk that I can use to embed the small page in to other html pages. 2. Is there a way of not using iframe? Can I use <Object> or <embed>? How? --------------------------- mba colleges in london hospitality management diploma Some mouses today have horizontal scroll, some call the tilt. It looks something like: http://www.htmlforums.com/attachment...1&d=1242556560 I noticed that many websites they code those horizontal scroll to go to next/prevous page. For example Discuz! forum system has this function. While you browse hundreds or thousands of posts separated into pages, the horizontal scroll can take you to previous page or next page.(not browser back/forward) How do I code like that? Or any examples? Below are the two sites I will use to explain my problem. For reference, I used Mozilla Firefox 3.08 and Google Chrome 1.0.154.53 in my tests. Example 1: http://www.irishbyname.com/example1.htm Example 2: http://www.irishbyname.com/example2.htm When browsing the site in a browser other than Internet Explorer, example 1 and example 2 center to different locations on the page. In example 1, I set the height of the content area to be 200 px tall. In example 2, I set the height of the content area to be 500 px tall. When I have example 1 open in one tab and example 2 open in another, I can alternate between the two tabs and see a visual difference in alignment. The HTML code on both pages is exactly identical with the exception of the height of the content area. Can anyone tell me why the horizontal page center changes based on the height of the page? Can anyone tell me how to change my HTML to make certain the page centers correctly no matter how tall the page is? Thanks for your help in advance. I believe in thread titles that get to the point. I have a basic page, when the page loads I want people to see the top of the page for a few seconds while a flash starts to load but then I want the page to scroll down a bit so the visitor can see the flash load progress status. I just want code that I can copy into my page. I don't have access to the flash code. Greg (the page under design) www.mytcanada.com/designer.html I have a programmer in the US who starts pages for me and then I much around with them until it's looks like I want. He helps me when I get stuck but he's on holidays. Any help would be great. Not even sure what to call this actually... I received this message from a friend whose site I just put up. ---------------------------- When you click on say the Home Page, and then you click on something else then go back to the prvious page, it apparently displays the previous page on the home page for example. I was not able to recreate this on my computer, but apparently, [another] web developer said this is a fairly common problem. Do you know what he is referring to, and can it be fixed? ---------------------------- Here's the site in question. Nothing fancy, just individual HTML pages. http://www.soundadviceht.com/index.html I gotta admit, I have no earthly clue what he's talking about, unless he's relaying the message wrong? Any ideas what he's talking about? Hello; I have text box & submit button in page_1 & I have text box & submit button in page_2. I want when write text in text box in page_1 it go directly to text box in page_2 & I want when click on submit button in page_1 it is like click on submit button in page_2. Assume page_2 located in other site www.page_2.com. How to do that.?? I have plain HTML on the main page and <iFrame> tag on it, inside tag i have URL to other page that using some script that forces host page to reload and show page from frame instead of it. Can i somehow stop it from messing my entire main page? |
|||||||