|
HTML - Help With Revolving Images On New Website
Not sure if I should be asking this question in the HTML or CSS forum, but here goes.
I found a free template online I wanted to work with to re-vamp an old website I created in high school. Any help would be greatly appreciated. Even help pointing to what I should be reading up on would be appreciated. I'm sorry I didn't really know how to ask my question. The template I have been manipulating can be found he http://www.websitetemplatesonline.co...g-website.html My question is in regards to the scrolling images on the page. Where it goes from Web-Hosting, to Broadband, to Email Hosting, to Dedicated. There is an image of some servers set as the background to every category, but the image with the words changes with every category. I was just wondering what I needed to do to be able to set a revolving background as well? I have been working with this HTML and CSS code: HTML Code: <section id="content"><div class="ic"></div> <div class="container"> <div id="faded"> <ul class="slides"> <li><img src="images/slide-title1.gif"><a href="#"><span><span>Sign Up Now!</span></span></a></li> <li><img src="images/slide-title4.gif"><a href="#"><span><span>Learn More</span></span></a></li> <li><img src="images/slide-title3.gif"><a href="#"><span><span>Learn More</span></span></a></li> <li><img src="images/slide-title2.gif"><a href="#"><span><span>Learn More</span></span></a></li> </ul> <ul class="pagination"> <li><a href="#" rel="0"><span>Web Hosting</span><small>Get more information</small></a></li> <li><a href="#" rel="1"><span>Broadband</span><small>Get more information</small></a></li> <li><a href="#" rel="2"><span>Email Hosting</span><small>Get more information</small></a></li> <li><a href="#" rel="3"><span>Dedicated</span><small>Get more information</small></a></li> </ul> </div> Code: /* slider */
#faded {width:990px;height:350px;margin:7px 0;background:url(../images/slider-bg.jpg) no-repeat 25px 5px}
#faded ul {list-style:none;padding:0;margin:0}
#faded ul.pagination {list-style:none;padding:0;margin:0;width:246px;height:350px;background:url(../images/pagination-bg.jpg) no-repeat left top}
#faded ul.pagination li {padding:5px 0 0 5px;margin-bottom:-5px}
#faded ul.pagination li a {width:270px;height:85px;background-repeat:no-repeat;background-position:left -85px;background-image:url(../images/thumb-sprite.png);text-decoration:none;display:block;color:#464646}
#faded ul.pagination li.current a {background-position:left top;color:#fff}
#faded ul.pagination li a span {font-size:30px;line-height:1.2em;display:block;padding:14px 0 0 0}
#faded ul.pagination li a small {display:inline-block;color:#428301;background-repeat:no-repeat;background-position:right -80px;background-image:url(../images/arrows.gif);padding:0 17px 0 0}
#faded ul.pagination li a span,
#faded ul.pagination li a small {padding-left:40px}
#faded ul.pagination li.current a small {color:#82b704;background-position:right 5px}
#faded ul.slides li {position:relative;width:100%}
#faded ul.slides li img {position:absolute;top:71px;right:35px}
#faded ul.slides li a {color:#fff;text-transform:uppercase;text-decoration:none;position:absolute;right:43px;top:217px;font-size:18px;line-height:1.2em;padding-left:8px;background:url(../images/button-left.png) no-repeat left top;letter-spacing:-1px}
#faded ul.slides li a:hover {color:#8ab805}
#faded ul.slides li a span {display:block;padding-right:8px;background:url(../images/button-right.png) no-repeat right top}
#faded ul.slides li a span span {background:url(../images/button-tail.png) repeat-x left top;padding:15px 14px 17px 14px}
a {outline:0;border:0}
Thank you all in advance. Similar TutorialsHey everyone, I'm the owner of a small business who had a website made recently. Unfortunately, I felt the style of the designer wasn't what I was looking for so we parted ways. So, basically I am left with a mostly done website, including code for a sliding bar of pictures (sorry for the non-technical phrases) for the online shop section of the site. My problem is I don't know how to upload pictures to the bar! Right now all it has is a "coming soon" picture. Can anyone help? URL is: http://outoftheblue.ca/newarrivalsOOTB.html Thanks! I know that there's a way to prevent people from using the File > Save As feature on a website so that they cannot get the original jpegs or gifs. How would this be done? Of course, you can't stop anyone from photographing products on a website but my customer has asked me to put in this feature. Thanks, Robin Hi! I have just reuploaded my site, which contains 3 image flips, and I am only seeing the outline of where the images should be in both Safari and Internet Explorer. This is strange because before re-uploading, this functioned just fin. Any ideas? Thanks! Here is the problem area: http://www.lolaandcricket.com/loe/index.html Hi people! I am semi-new to html, and have tried to figure this one out on myself, but it just doesn't seem to work! So I am trying to create a layout for my photo blog, with these standards: * images that I post auto-resize to squares [100*100] * when you click on the image it will show you the full sized version optional: * on the homepage you get the option to click on 'ANALOG' and 'DIGITAL' That's all! It can't be that hard right, am I over-seeing something? I want to use this layout on tumblr, blogger, wordpress, or any other free platform! I have a link right here to give you an idea of what I'm talking about: http://www.oscaralexander.com/lomo/lowlands-08-08/html/ [they aren't squares, I know] hello, i need a website for german customers, somethign like www.podmod.de because i would like to offer the same. So if anyone has an idea where to start, or even can offer me something i can buy, please do so. my email: verenamueller999@web.de thanks verena. I have some links (in the header, the SUPPORTERS) to different websites, but when I click on them the address in the address bar does not change to the address of the website that I clicked. How do I make it show the address that I clicked on? Thanks. http://www.ac.wwu.edu/~fencing/ I am a total noob but volunteered to administrate the website, because there was no one else to do it. Hi, I am trying to find a way in which a website that is linked on my homepage can be opened while keeping at least one form of my homepage open as well. e.g.: Google images :http://images.google.com/imgres?imgu...en-us%26sa%3DG sorry for the massive link. Hope you get the idea. So what i want is to have a bar on top that is my homepage (like the google bar in the link), but the rest is the actual website that has been linked. I don't really care much about the url. It doesn't have to be my homepage url, it can be the actual website url. Google has been able to do that somehow, so it is possible. I would just like to know how and if it is hard to do. If someone knows how to do it, it would be great if you could give me a link to a tutorial, or explain it. thanks Hi How to add a website counter to my website. So that when ever a visitor visits the website I want the counter to increase say from 101 to 102 and then for a new visitor it should be 103 and then again for the next visitor 104 and so on..... I want to know the code. There are number of websites that are offering this but they put their advertisement which I don't want Nevermind i figured it out Hi, I am currently working on designing a website that provides tools for students to manage their school work and would like someone to help me write the HTML code. I can provide you with the layout design and we can work out a price. Please email me at riddler2037@yahoo.com if you're interested. Thanks im not all that great at html and i am making a website for my guild on WoW. i was trying to create a basic layout, but it kept getting screwed up. heres the homepage: http://www.freewebs.com/animefreak98/home.htm. i made the whole page a table because i wanted it to have a back behind the tables, so i made the whole thing a table and seperated everything with colums. the colums are all screwed up. im trying to get them to line up, top to bottom and centered. here is the html: HTML Code: <title> Rise of the Horde (Alexstraza) </title> <table border="15" width="800" height="100%" align="center" valign="top" bordercolor="brown" background="http://www.freewebs.com/animefreak98/riseofthehord%2Dlarge.jpg" bgalign="center" cellpadding="0"> <th> <tr> <td align="center" valign="top"><a href="http://www.freewebs.com/animefreak98/home.htm"><img src="http://www.freewebs.com/animefreak98/banner.bmp"> </td></tr> <br> <tr> <td bgcolor="tan" border="2"><a href="http://www.freewebs.com/animefreak98/index.htm">-Home-</a></td> <td bgcolor="tan" border="2"><a href="http://www.freewebs.com/animefreak98/members%20page.html">-Member's Page-</a></td></tr> <br><br><br> <tr> <th align="center" valign="center"> Rise of the Horde </th> </tr> </table> </tr> </td> basically i want the banner to be at the top center of the table. i also want the two links to appear like buttons under the banner. then i want the header and wutever else i put under the links. please help me So i want my items in rows on my product page but with the shopping cart layout the way it is i can figure it out.I'm actually looking for someone to help me build it.I would especially like to be able to ask you to do something and then see it done and put on the website.I would be willing to pay for everything done.If anyone can help please let me know. Hi all im new to the forums and hope I can get some help to solve a few nagging coding problems. I run a radio control car website for people that own a GV or XTM model car, some of you yourselfs may own one. A friend and I decided that the site needed a new look to make it look a bit more pro, we found a template that we liked but its come to a point where really we arnt sure how to solve the problems that are coming up. The template didnt come with a sub page so to say, so any sub pages we use that the buttons link to are from the index page and our html coding is limited, if we could of created our site from scratch we would of but we are not experts in the html coding area, its limited and we have learnt it ourselfs. Our website is GV & XTM Models Our main problem is sorting the background to how we want it in terms of expanding downwards to match with the rest of the page and to allow the page to show the text we have put there. An example of one of our problems is this page link where some of the text goes into the border title headline margin bit. Now I have done what I can to try solve it but I have failed...damn it! Also every time we try to expand the page to fit more text in we end up with the background going out of sync/out of line meaning we end up with some or a huge white background appearing resulting in none of the text being shown so no one can read it. We want to create a subpage from the index coding we use but we have pretty much failed and racked our brains to the point of "god what do we do". A sub page that is coded right and to allow us put a good amount of text in without distoring the lovely background and design we use would solve our problem as we are wanting to get the website sorted as soon as possible. If you have any other questions regarding how my friend and I have coded the site etc PM me or reply here, a little bit of help would be appreciated alot, thanks all. PS I am using Dreamweaver 8 So, I've designed my site to cater best to FF, but now I'm noticing that it looks like it should in IE, and it seems like FF blows up my text and images an extra size! Why is this? Check out my site http://www.justingillphoto.com and switch rendering between FF and IE. See how the sizing is all out of whack in FF? What's causing this? Is there some recent FF update that makes my CSS obsolete or something? It happens on every page, even my blog! This has only happened recently. It used to be fine... EDIT:: Now that I investigate it, the format is fine when I open html files on my hardrive, but they get screwy once they're uploaded on my server! What could be causing this?! I finally have built my website. I used wordpress. How do I implement ads onto my website? Do I need a certain amount of users viewing it or what? It is... www.thesoulofashark.com Hello Everyone, I have a membership with boxed art and I'm editing the templates with expression web. My question is can I widen the template to have more space to write text? Is that possible or I have to work within the template size? Can the template be widened? OK hi there. I'm sorry if there is another topic with this but there are so many pages around here and i dont have so much free time to read everything and if there is another topic pls if you can pm with that topic and delete this topic. So my problem is this how can i make one html page or php or i dont know what i need to do this to contain two or more pages that can be accesed only when i click on some link. So more pages on a single document. That is what i need. Or i need also to know how to make different documents and they appear on a single page. Sorry again if that topics exist but how i sad earlier i dont have much free time but i really want to learn this things beacause i know some basics about html and i want to make a good website soon. Thanks in advance. I need help in adding a selected value option to a url of an html file. This is what the menu looks like: <form method="post" action="http://www.artsbrevard.org/" class="option"> <select name="ART" class="option" onchange="submit()"> <option value="">Select One</option> <option value="133" >Acrylic</option> <option value="154" >Animation/Caricature</option> <option value="160" >Calligraphy</option> ................................ ................................ </select> <input type="hidden" name="mn" value="rs"> <input type="hidden" name="action" value="artist_browse_by_cat"> </form> I need to make it so that the user has already chosen an option and convert it to a url on this page http://www.artsbrevard.org/rs/artist.html. Hi I am new to these forums, I am currently building a website from a template I purchased. It is coming along well but I am now stuck when trying to use the first page of my website as an ebay listing page. Of course when I upload my new ebay page there is nothing but text and broken links. How do I connect this html in my ebay listing page with my source code on my website?. Or do I have to upload all image files for borders and headers to a server separately and link straight to them one by one?. Is it to do with the very top html on the page where it says similar to href source etc etc?. My website is fine since I have uploaded all the necessary files to the directory so linking all the images etc. Really appreciate some help I have been stuck for weeks trying to get the graphics to work on my ebay page. |
|||||||