|
HTML - Webpage Shifts To The Left For 2 Of My Pages
Hi Everyone!
On two of my pages, about us and Products... My webpage will briefly shift to the left. The code looks the same so I am not sure why it is doing this. I will attach my page if anyone wants to have a look. Happy Friday! M Similar TutorialsI am having the worst time trying to figure this one out. I created a site for a hair salon and every time each page loads for the first time, it jumps from right to left. Does anyone know why it is doing this? There is an example link below. I've tried reducing the amount of tables, removing the Rollover JS and replacing with CSS and making tables exact width instead of 100% but no luck. Thank you so much for taking the time to read this. http://www.studiodbypaolosalon.com I am trying to integrate a clients two websites, and when I go to insert the lower part/table it shifts about 10 pixels to the right. I normally work in css, and have tried everything I know of to adjust and have suceeded by about 1/2 but am still at a loss as it hangs over to the right causing a glitch in my page. Please help! has anyone ever seen anything like this before? the table can be seen here http://www.balloonlady.net/ thanks in advance! J111 When I view my main page, it looks fine. It is centered on the screen with some background space between the top of the screen and the top of the web page. And has background space to the left and right. But when I select the sign-up link which is basically: http://www.website.com/index.php?command=signup_page When the sign-up page is viewed, it has moved up to the top of the screen and loses the top part of the header border. How can I get it to view exactly like the home page? To experiment I went to the css file and changed the top margin from 50px to 500px. It only effected the home page, didn't effect the sign-up page at all. Code: body {
background-color: #6B6B6B;
text-align: left;
margin-top: 500px;
What do you suggest I do to keep the top of the sign-up page from being cut off? Thanks. Hello, Trying to put together a portfolio site for an assignment. I've managed to hammer out most of the kinks (aside from some css formatting), but for some reason when the page reaches a length that requires vertical scrolling the entire site shifts slightly to the left. Here's the site right now as it is: http://kool-factor.com/index2.php I've added a few repeat posts on the Home page to get the desired effect (can also be seen on Curriculum Vitae). The Contact page is shorter, and shifts back to the right. Strangely, when the Home page only has one post, it is also shifted to the right. I don't think it's a PHP problem (though it could be, and I just don't know about it), so I've been trying to go through the HTML and CSS, but am coming up short. Anyway, here's the index2.php code: PHP Code: <?PHP $default = 'home.php'; $page_Title = $page_Content = ''; $page=$_GET['id']; function loadInclude($file, $default, $dir='') { global $page_Title, $page_Content; if(empty($file) || !$file) $file = $default; if(!file_exists($dir . $file . '.php')) $file = $default; /* echo 'Including: ' . $dir . $file . '.php<br />'; */ include($dir . $file . '.php'); } if(isset($_GET['id'])) loadInclude($_GET['id'], 'home', ''); else include $default; ?> <!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>Curtis Winger<?php echo $page_Title;?></title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="main"> <table border="0" cellpadding="0" cellspacing="0" id="headertable"> <tr> <td class="titleleft"><img src="head.png" alt="" /></td> <td class="titleright"> <div id="navmenu"> <a <? if( ($page == 'home') || ($page == '')): ?> class="current" <? endif ?> class="navlink" href="index2.php">Home</a> <a <? if($page == 'projects'): ?> class="current" <? endif ?> class="navlink" href="index2.php?id=projects">Projects</a> <a <? if($page == 'cv'): ?> class="current" <? endif ?> class="navlink" href="index2.php?id=cv">Curriculum Vitae</a> <a <? if($page == 'contact'): ?> class="current" <? endif ?> class="navlink" href="index2.php?id=contact">Contact</a> </div> </td> </tr> </table> <?php echo $page_Content;?> <table border="0" cellpadding="0" cellspacing="0" id="footertable"> <tr> <td>© 2009 Curtis Winger</td> </tr> </table> </div> </body> </html> The CSS: Code: @charset "utf-8";
/* Layout Design */
body {
background-color: #E6E6E6;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#main {
background-color: #FFFFFF;
display: block;
width: 800px;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
padding-top: 10px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 30px;
left: auto;
right: auto;
}
#headertable {
width: 100%;
text-align: center;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 13px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#footertable {
width: 100%;
text-align: right;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #000000;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 7px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.titleleft {
width: 80%;
}
.titleright {
width: 20%;
}
.align-right {
float:right; margin: 0 0 5px 5px;
}
.align-left {
float:left; margin: 0 5px 5px 0;
}
/* Text */
.h1 {
font-size: 17px;
font-weight: bold;
color: #5e89ae;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.titletext {
text-align: center;
}
.contenttext {
display: inline-block;
width: 92%;
clear: both;
float: right;
right: 0px;
}
.contenttext2 {
display: inline-block;
width: 84%;
clear: both;
float: right;
right: 0px;
}
/* Links */
a {
color: #000000;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
#navmenu a {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
border: none;
height: auto;
width: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
text-align: left;
background-position: right;
font-weight: bold;
background-image: url(bullet.png);
background-repeat: no-repeat;
}
#navmenu a.navlink:link, a.navlink:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
font-weight: bold;
background-position: right;
}
#navmenu a.navlink:hover, a.navlink:active {
background-color: #E6E6E6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
font-weight: bold;
background-position: right;
}
#navmenu a.current {
background-color: #E6E6E6; !important
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
border: none;
height: auto;
width: auto;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
text-align: left;
background-position: right;
font-weight: bold;
background-image: url(bullet.png);
background-repeat: no-repeat;
text-decoration: none;
}
And a sample page, home.php: PHP Code: <?PHP $page_Title .= ''; $page_Content .= ' <img src="images/home_image.jpg" class="align-left" alt="" /> Hello, and welcome to the launch of my new website. <br /><br /> I\'m an aspiring graphic designer and filmmaker, and you\'ll find a collection of my work here, as well as information regarding my education, work experience, and technological experience with various applications. <br /><br /> Relevant news and updates concerning myself, or my work, will be posted on this page, so keep an eye out. <br /><br /> If there\'s anything I can do for you don\'t hesistate to contact me. <br /><br /> Enjoy. <br /><br /> <strong>Posted by Curtis | November 16, 2009</strong> <br /><br /> <img src="images/home_image.jpg" class="align-left" alt="" /> Hello, and welcome to the launch of my new website. <br /><br /> I\'m an aspiring graphic designer and filmmaker, and you\'ll find a collection of my work here, as well as information regarding my education, work experience, and technological experience with various applications. <br /><br /> Relevant news and updates concerning myself, or my work, will be posted on this page, so keep an eye out. <br /><br /> If there\'s anything I can do for you don\'t hesistate to contact me. <br /><br /> Enjoy. <br /><br /> <strong>Posted by Curtis | November 16, 2009</strong> <br /><br /> <img src="images/home_image.jpg" class="align-left" alt="" /> Hello, and welcome to the launch of my new website. <br /><br /> I\'m an aspiring graphic designer and filmmaker, and you\'ll find a collection of my work here, as well as information regarding my education, work experience, and technological experience with various applications. <br /><br /> Relevant news and updates concerning myself, or my work, will be posted on this page, so keep an eye out. <br /><br /> If there\'s anything I can do for you don\'t hesistate to contact me. <br /><br /> Enjoy. <br /><br /> <strong>Posted by Curtis | November 16, 2009</strong> '; ?> If you have any ideas, or need anything else, let me know. Thanks guys. Sorry if i posted this in the wrong location. So im a real estate agent making a website. Im no pro and most of the stuff ive been using to build has been through layouts/generators/help of others such as yourselves. So ive been stuck on finding/making this code for the past couple of days. So all my listings are on my agencys website, not my personal agent website. Is there a code i could have where in the listings page my my personal agent website, i could have a window maybe 600x900 of the listing page on my agencys website? To kind of clear things up, you know how when you google something you have the magnifying glass, how it gives that preview. How can i have that preview coded onto a webpage, but me say what webpage to preview and how big to make the preview box? Tried to explain it as best i could. If you dont know the code, if you can tell me what its called so i can try to narrow the google searches. So far everything that has been coming up in the search restults has been preview boxes to preview html codes you have already written. Fail Blog Thanks This will be hard for me to explain so I will add an image: http://img75.imageshack.us/my.php?image=examplexu6.gif How do I go about loading a page within a page. For example, in the pic, if you clicked Cost it would load a page within the loading area without taking off to another location. I seen it on a site before, i remember the links were something like "/?p=cost" or something like that. And the page appeared to not navigate elsewhere, the cost page was just loaded within the page i was on. hope that makes sense, if so any examples on this? is it hard to do? messy? safe with most browsers? thanks how do i make a background image fit to the window. also i have a button on a page. how do i get it to close the window uppon clicking it. any help would be great. Hi, i have a problem im not sure how to go about it . I have a webpage where the user enters there personal details . As they are fillign in details they click a link and another webpage is opened ( keeping the orginal open ) Where the do some other stuff on this new page and what is created is a javascript array of numbers I then want them to be able close this new window down and the javascript array data will be submitted with the rest of the personal information when the click a submit button on the first page . If this makes sense how do i go about this? Thanks I'm a novice compared to the pros here and stuck on a couple issues. My website is uspsrealty.com There is some "empty" space on my home page below the horizontal line. I want to remove the horizontal line and have the ability to use that empty space without throwing my borders/margins off. I would like to add about 3-4 sentences in that blank area. Can this be changed so I can add a few sentences? I know why this is happening, just don't know how to correct it. Also want to change the copyright.jpg to 2010 from 2009. Might as well make up a few more jpgs with the years 2011, 2012, 2013, 2014, and 2015 Willing to paypal you money for your help. Hoping one of you pros can do this in 30 min and willing to pay $25-30. Contact me he galevin@hotmail.com Thanks, Gerald Levin Hi, I was wonderin how to get a certain webpage onto my website Eny ideas Thanks Okay that most probably didnt explain it very well but I am looking at putting a page together that will display a specific image at the top of the page dependant on where the visitor came from So if they came to my site from a link from abc.com then they will see the ABC logo on our page however if they came from 123.net then they will see the same page but this time with the 123.net logo. If we cant find where they have came from or we dont have an image for that forwarder then it will show a default image Anyone know if this can be done?? I have a website that when I type in the url nothing appears on the page. I was wondering what would cause this to happen. I tried to re-saving the files for the website but still nothing, it just says Done in the bottom tray of the IE window. Thanks in advance! Hi, I am VERY new to web development and I am making a page for my friend. Here's what I am trying to do, I want to use an image that is about 500 pixels high for the background of my page, and then whenever the text grows past that 500 pixels I want to start tiling a different image. Right now i'm just using a table and I have the image as the background. But as expected this just tiles that image over and over again. Is there a way to have it tile a different image without splitting the text up into two tables? Thanks! Evan sorry, this isnt an exact repeat post... has a bit of additional information my friend had a friend make this page http://www.opportunity.com/index.html or something along those lines... Im using this page as a reference... So I copied the source, and copied the file free_access.css within the same folder I created an image subfolderd but when I preview it in dreamweaver it tells me it can not find the css file... Is this normal? do I need to upload it to a server first to actually view it... or am I making a mistake thx everyone for the help earlier Matt May I know how can make sure that my website fit under any resolution with out using Table(table,tr,td) in html??? Hi, I'm new to the site and I'm just here to ask a question. I've been having trouble with my webpage trying to center everything. The problem is that at home my webpage is centered (When you zoom out everything stays centered) but as for school I zoom out and everything stays to the left and I'm pretty sure I left all the code the same from computer to computer. I don't think it is the resolution because I had changed my resolution to the same as at school. This is my coding (I'm an amateur at Html and don't know CSS): <title>Home - WebBanners</title> </head> <p align="center"> <div style="position:absolute;top:0px; left:0px; right:0px; bottom:0px;" align="center"> <body topmargin="0" leftmargin="0" bgcolor="#0099FF"> <img src="Banner.gif" width="1280" height="290" border="0" usemap="#Map" /> <map name="Map" id="Map"> <area shape="rect" coords="140,233,302,285" href="Home.html" /> <area shape="rect" coords="330,233,543,286" href="Samples.html" /> <area shape="rect" coords="565,240,722,287" href="Prices.html" /> <area shape="rect" coords="752,229,905,286" href="About.html" /> <area shape="rect" coords="945,235,1122,284" href="Contact.html" /> </map> <font face="Georgia, Times New Roman, Times, serif" size="+4" color="white"><p align="center"> <u> Welcome To WebBanners!</u></p></font> </p> <table align="center"> <tr> <td><font face="Georgia, Times New Roman, Times, serif" color="black" size="7"><strong>H</strong></font> <font face="Georgia, Times New Roman, Times, serif" size="+2" color="white">ere we make special just-for-you banner. <br /> <br> <font face="Georgia, Times New Roman, Times, serif">Every banner is unique to the person who have ordered them.<br /> <br><font face="Georgia, Times New Roman, Times, serif">They are sold at a reasonable price and if you don't <br>like them then we offer full money back guaranteed. <br /> <br /> We also have an interactive department where you can <br />talk to one of 'us' through the microphone so we can help you. <br />All you have to do is ask through the E-mail. <br /> <br /> We can make tons of banners for your website such as the one above <br />or see more <a href="Samples.html">Here</a> <br /> <br /> We have prices for your special needs. <br />All of the banners we offer are your ideas. <br />Ask and we can do it for you! Click <a href="Prices.html"> Here </a> for prices. <br /> <br /> Want to learn more about us? Click <a href="About.html"> Here </a> for more information. <br /> <br /> Going to buy one of our offers? Need help in finding something? <br />Click <a href="Contact.html"> Here </a> to contact us! For your design! </font> </td> <td align="center"> <font face="Georgia, Times New Roman, Times, serif" color="Green" size="+3"><u><strong>So Why Pick Us? </font> </u> </strong> <br /> <br /> <font face="Georgia, Times New Roman, Times, serif" color="Green" size="+2"> <li>We have 100% Money Back Guarantee <br /> <li>Satisfaction Guarantee<br /> <li>Our Prices beat the Competitors<br /> <li>24 Hour Service <br /> <li>Interactive Department <br /> <br /> <br /> <br /> <img src="Ordernow!.gif" /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> </body> </html> Take a look at this image. What I want to do is make the background black (which I know how to do), but to add in the black header plus the gray box--same width. What I'm trying to do is my forum is fixed width (in the center, not expanded on browser) and I want to do the same to a new non-forum site starting from scratch. Hey guys(and girls ), Here is my problem i would like to make a webpage like this: ---------------------HEADER--------------------- ---------------------php script------------------- ---------------------FOOTER--------------------- (Show Word) <-- When i click this, the page will be refresh so the php script will echo a random word, but if i do that every time i refresh the page i dont want to refresh the Header and Footer. My idea was to use iFrames... Is there any other way? Thnxs!!! I would like to get data from a specific website (http://www.forex.se/rates.asp?sectionId=246). More exactly, I want to get the values of the actual currencies and have them printed on my website. So for example, I would like to have it like this on my webpage: Code: Currency buy - sell EUR : 9,3749 - 9,6410 USD : 5,8674 - 6,0745 Thanks in advice. I've done a search on here, and have spent the last week or searching on google, I'm currently building a webpage up which integrates a forum, i want to put a feed on the home page of the site of the latest topics from the forum. The feed address is: feed://guitarprojectuk.forumotion.com/feed/ and the actual website address is: http://www.guitarprojectuk.com I've tried a few on google, and non seem to work, not sure wether its the feed or something i'm doing, so can somebody help me out? Thanks, Tom. |
|||||||