|
HTML - Rotating Banner
okay probably a simple feat for some of you,
but if I wanted to make a nbanner that flitted (rotated) through several images, say four location shots, how does one do this? I do have in my employ: Adobe Photoshop Adobe Dreamweaver and my favorite coding program : Notepad Do I make an animation in Photoshop and save it as a ,gif and use that in Dreamweaver and add the link there? Would that work? hrm. *pulls her skirt down a bit* I think my noob is showing Similar TutorialsDear HTML'ers, Do you guys know how to insert an animation like this? http://www.creativeweb-design.com/ Hey, I'm looking to set up a system of 5 different splash pages, loading in order for the user so they never get the same one twice. I think I did something like this before only with HTML... anyone have any tips??? I am on a host that does not allow ftp to the site. We can use javascript, html, but nothing that would require calls to a db as we don't have CGI capability. I am an Amazon associate and the banners they give us to use are in iframes. I'd like to be able to rotate different banners they have but don't know how to do it. I found a javascript for rotating banners, but it doesn't work with Amazon's iframe banners. Can this be done? If it can be done, could I also rotate other banners with it that are not in iframes, but are just typical with the graphic url and the destination url? Thanks. Greetings y'all. I've been trying to get user input using form with the LINK method to recreate the user text on the next page to be at a slant 45 degree, using transform function of css. In my first page: <FORM id="userTextForm" METHOD="LINK" ACTION="text.html"> <textarea rows="5" cols="20" wrap="physical" name="userText"> Enter your thoughts here </textarea> <input type="submit" value="submit thoughts"> </FORM> Is there anyway for me to display the input on the next page with just css transform or do I have to do something else on the server side. can anyone help me with this code i found on the 'net? it basically rotates webpages after a certain delay. the problem is that when it first loads up you get a message saying error, BUT THEN IT DOES LOAD after the time period. I am worried that people will click away as they anticipate a broken link, but i cannot change the wait time to anything less than what it is already. is it possible to put in a "wait message screen" or get rid of the error? Quote: <!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=utf-8" /> <title>Rotating Page</title> <style type="text/css"> * { margin:0; padding:0; border:0; } html, body, iframe { height:100%; width:100%; overflow:hidden; } </style> <script type="text/javascript"> var pages = new Array(); // this will hold your pages pages[0] = 'page1.html'; pages[1] = 'page2.html'; pages[2] = 'page3.html'; pages[3] = 'page4.html'; pages[4] = 'page5.html'; pages[5] = 'page6.html'; var time = 30; // set this to the time you want it to rotate in seconds // do not edit var i = 1; function setPage() { if(i == pages.length) { i = 0; } document.getElementById('holder').setAttribute('src',pages[i]); i++; } setInterval("setPage()",time * 1000); // do not edit </script> </head> <body> <iframe id="holder" src="page1.html" frameborder="0" scrolling="no"></iframe> </body> </html> and here is my page so you get an idea of it running with the false start (remember to wait 15 secs or so) http://www.maidenerleghweather.com/rotate.html I'm trying to set the following banner up on my site but when I paste the code at the end of the page the banner keeps appearing at the top of the page. Can anybody explain why? <div style="z-index: 110; position: absolute; width: 468px; font-family: arial,sans-serif; background: url("http://outils.acf-webmaster.net/bann...2482.gif") repeat scroll 0% 0% transparent; height: 60px; color: rgb(255, 255, 255); font-size: 12px; top: 26px; left: 34px;"> <div style="position: absolute; line-height: 110%; width: 200px; top: 1px; left: 55px;"> <font xmlns="http://www.w3.org/1999/xhtml"><font xmlns="http://www.w3.org/1999/xhtml"> <font size="1px;"> <strong> <font face="Verdana"> 280 different <a style="color: rgb(255, 255, 2); font-size: 10px;" href="http://www.casinoriva.com/en/" target="_blank">online casino</a> games await for you. </font> </strong> </font> </font></font></div> </div> Hey, i have a problem with my banner(logo) I want the banner to be at the top, not underneath it. I want it to be centered and at the top, stuck to the border or something, like at http://habblogg.net, here is my site http://habbxtra.net Please help anyone Hi everybody I am a new member. I'm not to experienced with css style sheets or html and have a small problem. I have attached code. My website is www.intelligentstudentfinance.com I want to move the banner at the bottom of the financial aid page to the extreme right but not sure what the code is. I have attached the code in txt format and commented the banner I want want moving to the right. Look forward to your replies Thanks My site is: h1.ripway.com/shsepac How can I make the banner so there is no space at the top and at the bottom? I uploaded the image to the correct folder graphics.When I replaced the image I get a blank space on my website.Any help would be greatly appreciated. Original text below. <td valign="top" bgcolor="#fffdf4"><img src="graphics/graphic_header.jpg" alt="Kelli Maroney" width="798" height="147"></td> I was trying to put "graphics/ckm_banner.jpg". http://s143.photobucket.com/albums/r...nt=banners.jpg I'm creating a banner for the top of my web site whose layout looks roughly like this: http://farm4.static.flickr.com/3098/...d89112.jpg?v=0 I created a div and put a table in it to make these divisions, but there's one problem. There is space between the cells of the table and the div. Padding and margins are set to 0 all around, as well as the table's cell padding. Here's the relevant html: Code: <div class="banner">
<table cellpadding="0">
<tr>
<td><img src="assets/images/IMG_0632f.jpg" width="375px" /></td>
<td>
<table border="1" width="375px">
<tr>
<td colspan="3" height="50px"> THE J-SLICE</td>
</tr>
<tr>
<td><img width="75px" height="50px"/></td>
<td><img width="75px" height="50px"/></td>
<td><img width="75px" height="50px"/></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
and the CSS for the div: Code: div.banner {
padding: 0px;
margin: 0px;
background-color: black;
border: 1px solid red;
color: red;
}
I'd really like to get the edges of the table right up against the div, and if possible, get the two tds of the main tr directly adjacent as well. Thanks. Here is the site: http://www.myspace.com/wipingoutthousands Here is the code I am using: <style> body { margin-top: 370px; } </style> <style> div.topbanner { position: absolute; top: 1%; left: 53.95%; width: 800px; margin-left: -450px; height: 193px; } </style> <div class="topbanner"> <img src="http://www.thenewmonarchs.com/images/wot/Wolves_Cover_Web.jpg"><br> </div> --------------------------- Now, I want that banner to line up with the myspace menu bar no matter how wide the browser is stretched. With those settings, the banner lines up perfectly when viewed on my Powerbook G4. But now, on my new iMac with a wider screen resolution, the further or shorter the browser is stretched, that banner seems to be too elastic and does not stay perfectly above the menu bar. How can I fix this? Thanks in advance. Basically, i want to create my own skin for my blog..but came across a problem It seems that whenever i maximise a window, the banner will be fully stretched but when i reduced the window size to like maybe 50% or lesser the banner seems to be running away from the right part of the page. Here's my codes: The banner im referring to is the grey, grass thingy located at the top..codes used for that is #repeat3 and #background. Please have a look at the page: http://velato.blogspot.com Thnx.. i have made a one page site for a mate, but what ever i try i can not get the banner to show up, can anyone help me and tell me what i have done wrong please, heres the link to the site. http://a1aerials.info/ Thanks stephen hi, I have just started building webpages by myself. this might be a common problem for all beginners. the problem is i want my banner images to span the total width of the web page (touch boundaries of the browser window), on all kinds of monitors(monitors with different widths). Is this possible? how can i do this? I'm am looking for the easiest way to create an ad banner rotator for my site. For example, I want to show each ad for like 5 secs and I wrote my site in XHTML. Any ideas or suggestions? Hi, im a bit of a novice who built a website and would like to have a rotating banner image at the top of the page. Is this an easy thing to do? Thanks, Tobyone. hey can someone please help i am having trouble with adding a banner when i just to add it the picture does not show what could i be doing wrong??? I am trying to get my banner to work and I have run out of options. I have 2 examples here the top one is the one I am having problems with and the bottom one is one that works and is the one I used as an example to get the code right. or click on this banner.<P> <a href='http://images.startxchange.com/o/onelady-banner1.png '><br /> <img border='0' src='http://www.startxchange.com/?referer=onelady' /></a> or click on this banner.<P> <a href='http://webcentresurf.com/?20191'><br /> <img border='0' src='http://webcentresurf.com/banners/surf_a1.gif' /></a> I am very new at this and would appreciate any help getting my banner to work correctly. Thanks in advance, Leah I'm trying to design a couple blog banners with page tabs such as the one on this site http://hellomaryrebecca.blogspot.com/ but I've googled for hours now and can't figure it out. I can only find info on building simple tabs like this that I have temporarily up now on http://phillipchesterphotography.blogspot.com Please help! I can donate to your blog/website if need be to figure this out. Thanks in advance!! |
|||||||