|
HTML - Site Page Resolution Question
Edited: Seo Concerns.
Similar TutorialsIf I'm using basic html/css stuff and tables, how do I get it so my graphics and everything on my site scales properly to the viewers screen resolution? Any tutorials on this? thanks! Ok, I'm new to this stuff. But I'm learning. How wide do you want to set your width of your webpage in pixels? 1000px, 1200px, or what? I'm working in dreamweaver and I have a big screen monitor and I have the resoultion at 1920x1080. I'm am guessing based on my experience you should use high screen resolutions, but I'm not sure how much to set the [wrapper] width in the CSS settings. I look at web pages with a 1920x1080 resolution and they strech all the way across the screen, but except the middle part. The middle part I'm guessing is at a smaller px size. I'm guessing it could be at a 1000px width. Am I'm right here? But this part is what i'm trying to figure out here. How do you make a page be viewed on a big resolution page like at 1920x1080 resolution and make it compatible with all of the other screen resolutions. Any Expert Advice or Very Helpful Hints Will Help Me Very Much, Thanks, Chris Clark I'm brand new to the scene of html and tryiing to create a website. I'm currently using a drop-and-drag program that does allow for some html and other scripting to help modify the page. The problem I'm having is this. When the webpage I created with a margin of 1024 x 768 appears on my monitor (1440x900) as well the monitor of a few other people I have asked, it appears fine. When I change my monitor resolution to 1024 x 768 to view the webpage, I have to scroll over to the middle of the page to begin viewing. How do I fix this so that the page is centered regardless of the monitor resolution of whomever is viewing the page? Once again, I am a beginner with the world of html so I will do my best to try to understand whatever it is that I need to input into the html to try to fix the problem. Thank you. I have a to make web page containing 2 columns. This is done. Now what I would like to insert in the code is something like this: The 2 columns should be full screen on any resolutions. Something like the page would adapt to the monitor resolution. The percent would be 80% for the first column 20% for the se cond one. What I don't know - is how to do that. Would a table resolve this problem? What would be the code for this? Suggestion are well appreciated. Hi all, I was wondering if someone could help me. I want a border around the entire page. It works fine in IE at all resolutions, but breaks in FF. I explicitly stated html and body heights to be 100% but that doesn't help. I should be able to spot the error, but its escaping me. Can someone please look at my code and tell me if you see anything? Thanks Rick --- The HTML: 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>
<title>San Jose Cell Phones</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body style="font-family:verdana,tahoma, sans-serif;">
<div style="margin-left:3%;">
<h1 style="font-size:4pt;color:#ffffff;">San Jose Cell Phones ringtones AT&T Yahoo dsl satellite 408 calling dish network</h1>
<div align ="center">
<img src="images/sanjose.png" alt="san jose" style="width:195px;height:39px; vertical-align:middle;" />
<img src="images/smallcellphone.jpg" alt="san jose cell phones logo" style="width:72px; height:204px; padding:20px; vertical-align:middle;" />
<img src="images/cellphones.png" alt="cell phones" style="width:246px;height:39px; vertical-align:middle;" />
</div>
<h4>Choose Service</h4>
<div class="container">
<ul id="navSquare">
<!-- CSS Tabs -->
<li><a class="active" href="index.html">Cellular</a></li>
<li><a href="ringtones.html">Ringtones</a></li>
<li><a href="phonecards.html">Phonecards</a></li>
<li><a href="dishnetwork.html">Dish Network</a></li>
<li><a href="dsl.html">DSL Service</a></li>
</ul>
</div>
<hr align="center" width="33%" />
<br clear ="all" />
<div style="float:left;color:#006699;width:250px;">
<div style="background-color:#006699;color:#ffffcc;margin-top:30px;height:10px;padding:3px 10px 3px 10px;border:1px solid black;border-bottom:0px;">Hi</div>
<div style="line-height:1.3em;padding:10px;text-align:justify;background-color:#FFFFCC;border:1px solid black;">
<p style="font-size:11pt;font-weight:600;padding-top:10px;">The Original Online Prepaid<br />
Domestic and International<br />
Calling Cards Superstore</p>
<p><strong>Save up to 80% on long distance calls</strong>
<br />
We hand-pick our phone card selection to offer the best of both low cost and reliability. Don't be fooled by other's low teaser rates. We pioneered instant email calling card delivery in 1999, with over 600,000 sold as of September 2006!
<br /><br />
<strong>How to use this web site</strong> Use Get Best Rates to choose your phone card, then receive your virtual phone card purchase by email. For a physical card, print the email containing the card image. Login to your account 24 hours a day to check PIN information or to reorder</p>
</div>
</div>
<div style="color:#ffffcc;float:left;clear:none;margin-left:20px;width:460px;">
<div style="background-color:#006699;margin-top:30px;height:10px;padding:3px 10px 3px 10px;border:1px solid black;border-bottom:0px;">FINDING
THE BEST PHONE CARD</div>
<div style="float:right;clear:none;padding-top:10px;padding-left:3px;padding-right:3px;width:209px;height:158px;">
<script type="text/javascript" language="JavaScript" src="http://www.kqzyfj.com/placeholder-1405157?target=_top&mouseover=N">
</script>
</div>
<div style="padding:10px 5px 30px 5px;text-align:justify;background-color:#7691d4;border:1px solid black">
<p style="font-size:14pt;padding-left:5px;margin-bottom:-5px;">Is your need for</p>
<p style="line-height:1.5em;white-space:nowrap;font-size:.75em;">
<font face="Arial">► </font> International calls from the U.S.?<br />
<font face="Arial">► </font> International calls to the U.S.?<br />
<font face="Arial">► </font> Calling within the U.S.?<br />
<font face="Arial">► </font> Calls while traveling?<br />
<font face="Arial">► </font> Specific recommendations?<br />
<font face="Arial">► </font> Wireless/cell phone refill PINs?
</p>
</div>
</div>
<!--
<div align="center">
<p class="sectionheading"><a name="phonecards" id="phonecards">Phone Cards</a></p>
<a href="http://www.kqzyfj.com/3566vpyvpxCFEKIDFLCEDGDGMLF" target="_blank" onmouseover="window.status='http://www.zaptel.com';return true;" onmouseout="window.status=' ';return true;">
<img src="http://www.lduhtrp.net/o4101r6Az42ORQWUPRXOQPSPSYXR" alt="Buy the best phone cards at San Jose Cell Phones" width="300" height="250" border="0"/></a></div>
<br />
<hr align="center" width="25%" />
<div style="text-align:center;margin:0 auto;margin-top:25px;"><a class="button" href="#top">Top of Page</a></div>
<br />-->
</div>
</body>
</html>
The CSS: Code: html,body
{
height:100%;
}
body
{
background-color:#ffffff;
border: 2px #279DA4 solid;
font-family:'Berlin Sans FB Demi', 'Berlin Sans FB', Verdana,'Trebuchet MS',tahoma, sans-serif;
font-size:10pt;
}
.container
{
width: 500px;
padding: 5px;
margin:0 auto;
border: 1px solid #ccc;
background: #fff;
margin-bottom:10px;
}
Hello, I am having a bit of a problem with a website I just started. I am currently on a resolution of 1280x1024 and I want it work for 1024x768. Well, I want it to work for any resolution, really. In fact, I noticed the problem exists when I go from maximizing the browser window to minimizing it. Here is what it looks like at 1280x1024 with the browser window maximized. Here is what it looks like at 1024x768 or when the browser window is less than maximized. See the problem? The two background images to either side of the banner image are lessening, as the resolution decreases or the browser window is decreases. Yet, the banner image remains unaffected. How can I make sure that the html is proportional to resolution, such that the background image on either side of the banner image remain unaffected in the manner in which they are currently? Thank you. Here is the HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title>Test</title> </head> <body> <table border="2"> <!-- table 1 --> <tbody> <tr> <td width="10%" style="BACKGROUND-IMAGE: url(pictures\BG.jpg)"><!-- col 1 --> </td> <td width="80%"><!-- col 2 --> <table border="4"> <!-- Table 2 --> <tbody> <tr> <td><img src="pictures/banner.jpg"> </td> </tr> <tr> <td>More stuff goes here</td> </tr> </tbody> </table> </td> <td width="10%" style="BACKGROUND-IMAGE: url(pictures\BG.jpg)"><!-- col 3 --> </td> </tr> </tbody> </table> <!-- table 1 --> </body> </html> Morning guys, So yeah I'm new, this is my first ever site. After so much trial and error with Dreamweaver (so frustrating but a great way to learn) i have finished the first draft of the site and have uploaded it to the iPower server so my bosses can review. In Dreamweaver the preview in browsers show everything is fine, but live this is not the case (how many times have you heard this?!) Good thing is it's not the positioning thats the issue - it's the images - some load up, some don't, and this seams to change everytime I refresh?!?! Surely this is a case of not me but them?! He's a link so you can have a look yourselves: http://www.friendshiprose.com/cruise_tobago.html If anybody can shed some light it would be much appreciated, as I don't know too much really. Kind regards, Simon Heres the source code to my site if it interest you: (please be kind - first site n all!) 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>Untitled Document</title>
<link href="../tester.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
a:link {
color: #099;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #099;
}
a:hover {
text-decoration: underline;
color: #0CC;
}
a:active {
text-decoration: none;
color: #0CC;
}
-->
</style></head>
<body onload="MM_preloadImages('../Images/RoselinkRoll.jpg','../Images/GIVRoll.jpg','../Images/RealRoll.jpg','../Images/WeddingsRoll.jpg','../Images/SRERoll.jpg')">
<div id="ContainerMain">
<a href="http://www.friendshiprose.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('FR','','../Images/RoselinkRoll.jpg',1)"><img src="../Images/Roselink.jpg" alt="Friendship Rose Caribbean Schooner" name="FR" width="160" height="97" border="0" class="TopNav" /></a>
<a href="http://www.grenadinevillas.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('GIV','','../Images/GIVRoll.jpg',1)"><img src="../Images/GIV.jpg" alt="Grenadine Island Villa Rentals" name="GIV" width="160" height="97" border="0" class="TopNav" /></a>
<a href="http://www.grenadineproperty.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('RE','','../Images/RealRoll.jpg',1)"><img src="../Images/Real.jpg" alt="Grenadines Land & Villa Sales" name="RE" width="160" height="97" border="0" class="TopNav" /></a>
<a href="http://www.grenadineweddings.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('WED','','../Images/WeddingsRoll.jpg',1)"><img src="../Images/Weddings.jpg" alt="Grenadines Weddings & Events" name="WED" width="160" height="97" border="0" class="TopNav" /></a>
<a href="http://www.sailrelaxexplore.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('SRE','','../Images/SRERoll.jpg',1)"><img src="../Images/SRE.jpg" alt="Sail Relax Explore the Grenadines" name="SRE" width="160" height="97" border="0" class="TopNav" /></a>
<img src="../Images/collection_large.jpg" width="160" height="30" alt="Grenadines Collection" id="Collection"/>
<img src="../Images/Friendship_Rose_Header.jpg" width="880" height="175" alt="Friendship Rose Caribbean Schooner" id="Header" />
<div id="LeftNav"><img src="../Images/Day Cruises Tab1.jpg" width="160" height="143" alt="Contact Us" id="Contact" />
<p> </p>
<p> <a href="http://www.friendshiprose.com/cruises.html">Cruises</a></p>
<p> <a href="http://www.friendshiprose.com/experience.html">The Experience</a></p>
<p> <a href="http://www.friendshiprose.com/menu.html">Menu</a></p>
<p> <a href="http://www.friendshiprose.com/locations.html">Locations</a></p>
<p> <a href="http://www.friendshiprose.com/construct.html">Private Cruises</a></p>
<p> <a href="http://www.friendshiprose.com/weddings.html">Weddings</a></p>
<p> <a href="http://www.friendshiprose.com/construct.html">Image Gallery</a></p>
<p> <a href="http://ical.mac.com/WebObjects/iCal.woa/wa/default?u=thegrenadines&n=Friendship%20Rose%20Cruises.ics">View Sailing Calendar</a></p>
<p> <a href="http://www.friendshiprose.com/contact.html">Contact Us</a></p>
</div>
<div id="maincontentCaysCruise">
<h1 class="H1Text"><b>THE TOBAGO CAYS - FRIENDSHIP ROSE CRUISE</b></h1>
<p class="LineSpace"> </p>
<P class="StandTextGap">The <a href="http://www.friendshiprose.com/tobago_cruise.html">Tobago Cays Marine Park</a> is an stunning group of uninhabited islands near the southern end of the Grenadines. With fine coral reefs, turquoise waters and golden sand, many people consider the Tobago Cays to be the “Jewel in the crown” of the Grenadines.
For more information on the amazing Tobago Cays <a href="http://www.friendshiprose.com/tobago_cays.html">click here . . . </a></P>
<p class="LineSpace"> </p>
<h2 class="H2Text"><font size="3"><b>Cruise Itinerary</b></font> </h2>
<p class="LineSpace"> </p>
<p class="StandTextGap"><b>7:00am</b><br />Join the Schooner, welcomed onboard by Captain and Crew<br />
Coffee & breakfast served as you sail by Moonhole and the Western
Isles Of Bequia<br />
Enjoy the voyage through the Grenadines with excellent on board service</p>
<p class="LineSpace"> </p>
<p class="StandTextGap"><b>10:00am</b><br />
Arrive in the Tobago Cays<br />
Snorkel the coral reef <br />
Explore a deserted island<br />
Swim with turtles just off the pristine coral sand beach</p>
<p class="LineSpace"> </p>
<p class="StandTextGap"><b>1:00pm</b><br />
Lunch served on the shaded deck<br />
Relax in a hammock under billowing sails <br />
Have a relaxing afternoon swim from the boat</p>
<p class="LineSpace"> </p>
<p class="StandTextGap"><b>2:30pm</b><br />
Set sail for Bequia<br />
Watch for dolphins and turtles from the bow sprit <br />
Take afternoon tea and cake or enjoy the sundowners</p>
<p class="LineSpace"> </p>
<p class="StandTextGap"><b>5:30pm</b><br />
Arrive in Bequia</p>
</div>
<div id="SocialButtons">
<a href="http://www.facebook.com/home.php?ref=home#/group.php?gid=183257088849&ref=ts"><img src="../Images/join-our-facebook-group.jpg" width="160" height="46" style="border:0" alt="Facebook Group"/></a> <img src="../Images/twitter_logo.jpg" width="160" height="46" alt="Twitter Follow" id="Twit" />
</div>
<img src="../Images/Footer 1.jpg" width="160" height="97" alt="Friendship Rose" class="FooterImgs"/>
<img src="../Images/Footer 2.jpg" width="160" height="97" alt="Friendship Rose" class="FooterImgs"/>
<img src="../Images/Footer 3.jpg" width="160" height="97" alt="Friendship Rose" class="FooterImgs"/>
<img src="../Images/Footer 4.jpg" width="160" height="97" alt="Friendship Rose" class="FooterImgs"/>
<div id="ContainerBot" align="left">
<h1 class="H1Text">The Friendship Rose Caribbean Schooner </h1>
<h2 class="H2TextGap">Day Tours & Private Charters Through the Grenadines</h2>
<h3 class="StandText">Bequia, St. Vincent & the Grenadines, West Indies</h3>
<p class="StandText">E-mail:<a href="mailto:friendshiprose@mac.com">friendshiprose@mac.com </a> </p>
<p class="StandText">Tel BEQUIA: +1 (784) 495 0886/9 +1 (784) 457 3888 +1 (784) 457 3739 UK FREEPHONE 0800 0484814</p>
</div>
</div>
</body>
</html>
Site in question is: http://investorsconnection.net Here is the W3 validation for it: http://validator.w3.org/check?uri=ht...line&gro up=0 If you look at the first error, it has to do with a javascript function that is in the code. I suspect that the subsequent errors displayed in the validator are displayed due to something setting off the first error. 1. I thought the validator only validated HTML, not Javascript. 2. I've used the exact same Javascript function on other sites and they validated just fine - and I literally copy and pasted the function, so I'm a bit confused what is setting off the validator this time... Can anyone shed some light on this? Thanks! Ive just got my new site up and running but i need to have it all in center of the screen. can someone please tell me how to do this in the easyist way..? The site can be seen he http://rtgkom.dk/~caspers06/index.html Thanks in advance Hey everyone, I'm trying to add more pages to my site.... For example, www.mysite.com/new-page How do I add that "new-page" to my site? My website was professionally built, however I go in & edit all the time. I have been trying to look at the server to see what the developer did, but no luck... Thanks in advanced for any help Okay I did warn you all in the intro lounge. I want to add free games from here http://freegames.org.uk/html/connect4.html to the schools site and I can't get it to work. I am using *whispers* Front Page, okay I know I should eb using something else but for the mo, tis all i have got. Please please someone tell me what to do and how to do it.......in simple english please, pretending you are talking to a blonde. ( no offence to blondes and by the way I am not one.) Help. Hey everyone, im creating my first site, its an anniversary present for my girlfriend and this is what i want. The first page of my site will have a picture center of the page in the middle. Underneath this i want a login table? with a drop down user name box containing 2 user names "hers" and "mine"and a password box next to that, underneath this a submit button... here is the code i currently have.. <body bgcolor="black"> <img src="\C:\homepage\pics\image1.jpg" width="300" height="300"> </a> <fieldset> <legend> <font color="white"<big><b>Login</b></big> <form action=""> <select name="user"> <option value="name1">name1</option> <option value="name2">name2</option> </select> <font color="white"><b>Password:</b></font> <input type="password" name="password"><br> <input type="button" value="Submit"> </form> <p> </body> Questions: how do i get my picture center middle of the page? how do i set passwords that the site will recognise? how do i get the submit button to launch the next page of my site if the password/s are correct? or am i nuts for my first page? lol and going about this the wrong way? ideas? input? recommendations? cheers LB Hi, i was wondering if anyone could take a look at my website and tell me why there's a border around each page. My url is www.marksbodyshop.org I will post my html, main.css , defult.css and defult2.css. I tried adding padding:0; and border:0; to the html, body element of the each css but that didn't work. It only happens in ie. Thank you very very much. Main.css: Code: html,body {
height:100%;
margin:0;
background-color:#000;
background-image:url(../images/firstpage.gif);
background-size:100% 100%;
background-repeat:no-repeat;
overflow:hidden;
border:0;
padding:0;
}
#container {
height:73%;
}
#nav {
position:absolute;
padding:0;
margin:0;
list-style-type:none;
height:7%;
width:57%;
top:40%;
left:20%;
z-index:1;
}
#nav li {
width:16%;
margin:1%;
height:100%;
}
#nav a {
display:block;
width:100%;
height:100%;
outline:none;
text-indent:-9999px;
background-size:100% 300%;
}
#about {background-image:url(../images/aboutus.png);}
#about1 {background-image:url(../images/contactus.png);}
#about2 {background-image:url(../images/freelunch.png);}
#about3 {background-image:url(../images/map.png);}
#about4 {background-image:url(../images/meettheteambutton.png);}
#nav a:hover {background-position:0 -100%;}
#nav a:active {background-position:0 -200%;}
Defult2.css: Code: @charset "utf-8";
/* CSS Document */
body {
margin:0; padding:0;
background:#000000;
}
html, body, #bg {
height:100%;
width:100%;
overflow:hidden;
border:0;
padding:0;
}
#bg {
/*position:absolute; */
left:0;
right:0;
bottom:0;
top:0;
overflow:hidden;
z-index:0;
}
#mainimg {
width:100%;
height:100%;
}
#content {
z-index:1;
/*position:relative;*/
height:100%;
width:100%;
z-index:1;
margin:0 auto;
}
#position{
position:absolute;
top:40%;
left:18%;
width:20%;
z-index:2;
}
/*#position1{
position:absolute;
top:90%;
left:66.38%;
width:30%;
margin: 0 auto;
padding:0px;
z-index: 1;
}*/
#position1 {
left: 66.85%;
padding: 0;
position: absolute;
top: 69%;
width: 20%;
z-index: 1;
height:10%;
}
#nav {
margin:0px;
padding:0px;
height:44px;
}
#nav ul{
margin:0px;
padding:0px;
}
#nav li {
padding:0px;
list-style:none;
margin:5px 0;
/*height:100%;*/
height:100%;
}
#nav a {
display:block;
width:100%;
height:100%;
/*outline:none;
*/
text-indent:-9999px;
background-position:left;
}
#homelink {
left: 0;
padding: 0;
position: absolute;
top: 0;
width: 0;
z-index: 1;
overflow:hidden;
height:100%;
width:100%;
}
#home {width:63.5%;height:43px;background:url(../images/homebutton.png);}
#about {width:49%;height:33px;background:url(../images/aboutus_new.png)}
#about1 {background:url(../images/contactus.png) no-repeat;}
#about2 {background:url(../images/freelunch.png) no-repeat;}
#about3 {background:url(../images/map.png) no-repeat;}
#about4 {background:url(../images/meettheteambutton.png) no-repeat;}
#meettheteam1 {background:url(../images/carlosbutton.png) no-repeat;}
#meettheteam2{background:url(../images/brettbutton.png) no-repeat;}
#meettheteam3 {background:url(../images/marktbutton.png) no-repeat;}
#meettheteam4 {background:url(../images/marksbutton.png) no-repeat;}
#nav a:hover {background-position:0 -0% }
#nav a:active {background-position:0 -0% }
Defult.css: Code: @charset "utf-8";
/* CSS Document */
body {
margin:0; padding:0;
background:#000000;
}
html, body, #bg {
height:100%;
width:100%;
overflow:hidden;
border:0;
padding:0;
}
#bg {
position:absolute;
left:0;
right:0;
bottom:0;
top:0;
overflow:hidden;
z-index:0;
}
#bg img {
width:100%;
height:100%;
}
#content {
z-index:1;
/*position:relative;*/
height:100%;
width:100%;
z-index:1;
margin:0 auto;
}
#position{
position:absolute;
top:40%;
left:18%;
width:20%;
z-index:2;
}
/*#position1{
position:absolute;
top:90%;
left:66.38%;
width:30%;
margin: 0 auto;
padding:0px;
z-index: 1;
}*/
#position1 {
left: 66.85%;
padding: 0;
position: absolute;
top: 71%;
width: 20%;
z-index: 1;
height:10%;
}
#nav {
margin:0px;
padding:0px;
height:44px;
}
#nav ul{
margin:0px;
padding:0px;
}
#nav li {
padding:0px;
list-style:none;
margin:5px 0;
/*height:100%;
height:100%;*/
}
#nav a {
display:block;
/*width:100%;
height:100%;
outline:none;
*/
text-indent:-9999px;
background-position:left;
}
#homelink {
left: 0;
padding: 0;
position: absolute;
top: 0;
width: 0;
z-index: 1;
overflow:hidden;
height:100%;
width:100%;
}
#home {background:url(../images/homebutton.png) no-repeat;}
#about {background:url(../images/sm/download.png) no-repeat;}
#about1 {background:url(../images/sm/download.png) no-repeat;}
#about2 {background:url(../images/sm/email.png) no-repeat;}
#about3 {background:url(../images/sm/download.png) no-repeat;}
#about4 {background:url(../images/sm/email.png) no-repeat;}
#meettheteam1 {background:url(../images/carlosbutton.png) no-repeat;}
#meettheteam2{background:url(../images/brettbutton.png) no-repeat;}
#meettheteam3 {background:url(../images/marktbutton.png) no-repeat;}
#meettheteam4 {background:url(../images/marksbutton.png) no-repeat;}
#nav a:hover {background-position:0 -0% }
#nav a:active {background-position:0 -0% }
Hi, I'm new here but know a little bit about making websites. This one has seemed to stumped me, my webpage he Edit: link removed, problem solved and the other links: Order online, testimonials, about us, and contact us all render exactly in firefox, however my products page gets shoved to the left a couple of clicks for some odd reason. I narrowed it down a bit; it seems as if its only letting me to post a few paragraphs until it does it, meaning i can remove the animation and some paragraphs, and it looks the way i want it, but when I add the paragraphs back even without the slideshow the problem persists. Using expression web 3. Thank You a bunch for your help. Hi, How can I link to a directory inside my website so it shows inside my page instead of alike you just link to the directory. So like the directory to my files is httlp:/mysite.com/download/. I can link to it directly just like that but I want it to show inside my website. How can I do that? Thanks. PROBLEM SOLVED 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 Hi, I am trying to set up a webpage where the only way someone can access it is if they came from my facebook page. What is the easiest way to do this? thanks in advance. Hello I'm trying to create a page, when its someone's first time opening the web site they get asked if they are under 18 or not and if they are over 18 and enter the site, and the next time they come to the site, it would by pass the age page. Is there anything that I can read that would help me create it? Please give me any suggestion that you have. Thank You I am a website designer . don't know much about the programing. anyone can guide me. I can connect any admin in my simple html website. i want to add/edit image/content. if possible than please tell me how can i do this. Thanks Neeraj Sharma neeraj10786@rediff.com |
|||||||