|
HTML - Black Page Fade To White Then Redirect?
I have a page with a black background, and a script so that when a link is clicked the page fades out and then redirects to the link location. Since the background is black, the page fades to black before redirecting. How can I have it fade to white and then redirect?
Similar TutorialsI'm a quite new web designer. And i have some amateur questions, which im quit sure of that you can answer I have this website: http://www.game-portfolio.nl/ The index.html works with the table and content. But when i click on home.html it turns white. I have made an style.css and frame.css cause i'm working with frames. Anyone can answer this question on how to fix this white page into a colouring table. In IE 7, some of my pages are displaying white space at the top of the page. Some pages show more than others... I cannot seem to figure out why. Two examples: http://labsysgrp.com/contact_us.php http://labsysgrp.com/newsletters_archived.htm Anyone have any thoughts? Thanks! I don't understand why there is white space at the bottom of the page. I am using negatives which one would assume would take away space and not add it. Below is the HTML and CSS codes. If someone could take a look at this and let me know what it is that I need to do to get rid of the white space at the bottom, I would be greatly appreciative. Thanks in advance. McClain HTML Code: <!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>Blakeslee - Quality Commercial Dishwashing and Prep Equipment</title>
<link rel="stylesheet" href="css/styles.css" type="text/css" />
</head>
<body>
<div id="header"></div>
<div id="nav"></div>
<div id="content">
<ul>
<li class="premiere"><a href="#"><img src="images/p1.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Flight-Type Dishwashers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
<li class="primary"><a href="#"><img src="images/Rack_type_dishwasher.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Rack-Type Dishwashers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
<li class="endProduct"><a href="#"><img src="images/vegetable_peelers.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Vegetable Peelers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
<li class="primary"><a href="#"><img src="images/door_type_dishwashers.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Door-Type Dishwashers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
<li class="endProduct"><a href="#"><img src="images/food_slicers.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Food Slicers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
</ul>
<img id="productBg1" src="images/first_row_background.png" />
<div id="clear"></div>
<ul class="Hproducts">
<li class="premiere"><a href="#"><img src="images/glass_washers.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Glass Washers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
<li class="primary"><a href="#"><img src="images/undercounter_dishwashers.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Undercounter Dishwashers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
<li class="endProduct"><a href="#"><img src="images/planetary_mixers.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Planetary Mixers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
<li class="primary"><a href="#"><img src="images/pot_utensil_washers.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Pot & Utensil Washers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
<li class="primary"><a href="#"><img src="images/silver_stainless_burnishers.gif" alt="ok" border="none" /></a>
<ul>
<li class="title"><a href="#">Silver/Stainless Burnishers <img src="images/arrow.gif" alt="arrow" border="none" /></a></li>
</ul>
</li>
</ul>
</div>
<img id="productBg2" src="images/second_row_background.png" />
</body>
</html>
CSS Code: body{ margin-right: 10%; margin-left: 10%;}
#content,#nav,#productBg1,#productBg2,.Hproducts,.premiere,.primary,.title{ position:relative;}
#header{ background:url(../images/header.gif) no-repeat; width: 100%; height: 496px;}
#nav{ width:450px; height:60px; background-color:#000000; top: -220px; left:250px;}
/*************************************************/
/******************* CONENT ***********************/
#content{ width: 1100px; top: -200px; margin-left: 50px;}
#content ul{ display:inline;}
#content ul li{ display:inline; list-style-type:none;}
#content ul li a{ text-decoration:none; color: #1a4d9e;}
#productBg1{ top: -110px; left:40px; z-index: -1;}
#productBg2{ top: -410px; left:90px; z-index: -2;}
.Hproducts{ top: -100px;}
.premiere{ margin-left: 15px;}
.endProduct{ margin-left: -180px;}
.primary{ margin-left: -140px;}
.title{ right: 200px; top:10px;}
Hello, If I were to change my pages from thispage.html to thispage.php or this-page.html how would I make sure that the old page will redirect to the new one? Hello all i've been doing some research on my own and am simply trying to redirect my site "ndcubed.com" to "ndcubed.com/Construction/Constuction.html" when my site is undergoing maintenance. I've managed to read up on some tutorials and have found that this is apparently supposed to work: In the .htaccess file Code: Options +FollowSymlinks
RewriteEngine on
RewriteCond %{REQUEST_URI} !/Construction/Construction.html$
RewriteRule $ /Construction/Construction.html [R=302,L]
This works like a charm and redirects all my pages to Construction.html however if you try going to my site the redirected URL is simply a blank page. However when the code in the .htaccess file is removed it isn't blank and displays normally. What could be going wrong, why would a redirect cause this page to not load correctly? Nothing is loaded except plain text, even the page background isn't displayed. Thank you for your help, I feel like i'm so close to getting this solved. Construction.html source: Code: <!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>Untitled Document</title>
<style type="text/css">
<!--
body {
background-image: url(Images/lightGrayBack.png);
background-repeat: repeat;
}
-->
</style></head>
<body>
Test
</body>
</html>
My daughter's wedding inviations have a url on them that was misprinted "www.website.com/wedding" which should have been "www.website.com/wedding.html". Is there a way to Redirect what was misprinted as a directory, to go to the actual web page "www.website.com/wedding.html"? I have intermediate knowledge building html web pages using Dreamweaver (I know some Javascript and CSS). Thank you from a desperate father-of-the-bride!! Hey I have a site that has a weekly newsletter; people sign up through an opt in box... What I want to do is after they sign up and hit submit, I want them redirected to the same page right under the opt in box so that they can start right where they left off. Does anyone know how to redirect to a certain point on a web page? Thanks. Hi, I'm new here and need a simple question answered: I have a store I am putting online, the store resides in a folder under the main folder so I need to have the index.htm in the main folder redirect the user to the index.htm in the store folder. I'm a bit rusty on my html skills, CRS is begining to raise it's ugly head, and can't for the life of me remember how to do it or find a reference to it. How can I set up a page that automaticaly redirects my visitors to a new page? There is an ivalid page on www.google.com and it directs me back to the home page. Why is that? ok guys thanks for all help you have given me so far. Now here is my next thing, we have aquired about 20 websites whihc will all be linking to my one site. These are all well known sites with in my niche. How is the best way to do this, would it be better to use redirect or have a splash page and have people click. will google only count clicks as links to my sites or how dose this work. Thanks. Hi all I am trying to set up a custom 404 page for when a user visits a broken/error page. I have read several other pages telling me how to do it, and they all pretty much the same thing, however it isnt working. Keep getting this on the page when i enter a broken link: Not Found The requested URL /clients/index.htm was not found on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request. I have set up a ht.access text document with the following code: ErrorDocument 404 error-page.html An error-page.html page has also been created. Now, am i even naming ht.access file right? Do i need any other code in the error-page.html to make it work? im going round in circles, getting nowhere, i hope someone can help!! I know how to have my page redirect to a different page. the problem i have is that I want somebody to go to my page, click on a link, which will bring them to a new page, have the new page open up an instant mesanger window to my screen name, and then redirect back to my main page. I have all of the code to open up the IM window, but I do not know how to get the browser to redirect after that has happened. as of now, this is my page i want to have the code to redirect to my main page on. Code: <html>
<head>
<title>WeirdClayJisKOOL//AIM-redirect</title>
<style type="text/css">.sneaky { display: none; visibility: hidden; }</style>
<script language="javascript">
function reDirect() { document.aim.submit() }
</script>
</head>
<body onLoad="reDirect()">
<B>Generating AIM..</B>
<a href=http://www.mymainpage.com><h1>Return to Mymainpage</h1></a>
<form method="post" action="aim:goim?screenname=WeirdClayJisKOOL&message=Hey!" name="aim">
<span class="sneaky"><input type="submit" value="AIM"></span>
</form>
</body>
</html>
i'm not sure if this post belongs in this section because i don't know if i would use html, or javascript or what. if you are un-clear about what i want let me know and i will be glad to attemp to clearify. thank you! Hey everyone, This is my first post here, and I was hoping you guys could help me with a problem I am having. I own a race photography company and I am trying to find a way to create a form that athletes can fill out and it will take them to their images. I have keyworded all the images on my smugmug site with a race id followed by a number, such as "gunstock 6" So if they visit http://blahblahblah.smugmug.com/keyword/gunstock 6 it will bring up all the images of them from that race (every image keyworded with gunstock 6) However..... what I want to do is make that into a form which will take them to that specific page. I am a newbie when it comes to designing forms and webpages, and after searching around, it seemed the form get command sort of achieves what I want, in that it takes the form input and places it in the url. However... it also places the usual query text such as the question mark, =, and all that good stuff. So when I enter the race id and number on my form, it will instead take me to the url .../keyword/?=gunstock&=6, which instead of being a defined page with all of the images keyworded gunstock 6, it will just bring me to the keyword search page of smugmug. Is there any way to design a form that redirects simply to the .../keyword/raceid # url format? Thanks a million! I know how to do a basic redirect, but this is a bit more tricky. We use a CMS system to do most of our Web site but that limits me to do any html in the "head" since the programmers "locked us out." I'd like to put an html file on the root of the site to do a redirect to correct a link problem. We sent out an email with the wrong link - problem is, the link goes to a dynamic page. I want to REDIRECT that page to a new static page. This has to be possible....isn't it? I want anyone clicking on the link below: http://www.macpa.org/Public/Catalog/...rseID=09191010 to be redirected to this page: http://www.macpa.org/Content/25187.aspx HELP! Hello, I'm a windows app programmer, but don't know too much about HTML. I use Frontpage to maintain my web site. I need to check the referring page, and if it equals what I want, then I need to redirect to another page. OK, to explain further, I've had a web site for years. Lets call it www.p.com. Yesterday, I registered two new domain names, we'll call them www.a.com and www.b.com. I had my web host simply make them pointers directly to www.p.com. So, when users type in www.a.com or www.b.com, they are automatically taken to www.p.com. This is OK...but, it is causing some issues. What I'd like to do is, when the page (www.p.com) is loaded, I want the page to check the page the user came from, such as www.a.com. If it was www.a.com or www.b.com, then I want to re-load www.p.com, so that the page is refreshed so that it actually was www.p.com and not a re-direct from www.a.com. Can I do this? and how can this be done? Many thanks in advance! domls Alright, so on my webpage I want a black background and then have the iframes white. So, its white on black and the iframes are displayed over the black background. This is how I want it to look and this is how it looks in Internet Explorer: http://i249.photobucket.com/albums/g...undiframes.jpg This is how it looks in Mozilla and I want it to look like the one up above: http://i249.photobucket.com/albums/g...undiframes.jpg Can someone tell me how I fix this? I am trying to remove the black borders or lines around my friends website and cant seem to do it? any ideas http://www.lavonnebeauty.com/ I'm stumped. I used a few tutorials and alot of trial and error to make this website. I'm happy with it for the most part but when I make the browser into a smaller window (same for computers using smaller resolution) and I get a scroll bar on the bottom, when I then use that scroll bar and move it to the right all I get is a black bar where content should be. Anyone have any idea what the deal is? I'm thoroughly confused. www.jessevadnaisphotography.com Hello, Thefallenshadow has been helping me with my website and introducing me to CSS because I am new to web design, but unfortunely he has not replied to my PM so I am posting here for help. I was about to start adding images of my work to my website, however it appears the website background images are not aligned correctly, even after I made sure they are the exact same pixel dimensions as the actual images. If someone could download my website below and view the index.html page (or view picture below), you will notice thin black horizontal lines in several places. The UFO picture in the corner is also not correct. These black lines appear in Internet Explorer, FrontPage and Dreamweaver but do not show inside Firefox. What's causing this? I am not sure how to fix it. http://homepage.ntlworld.com/stephan.../Portfolio.zip Thanks |
|||||||