|
HTML - Need Advice On Getting My Page To View Properly.
Hello all.
I am creating my page from home on my personal desktop computer. It has a 17 inch, HP v72 crt monitor. The problem that I am having is getting my page to look right on other computers. eg.,image/text/link placement. Example: My page looks fine when I view it from home on my own pc. But when I view it on my pc at work, everything is out of place. How can I create a website that will look good on all the various monitor sizes, and screen resolutions? Thanks! Similar TutorialsHello I have a website with coding for a login and registration page.....I was able to get the login to work but the registation I am yet to figure out....but now when I go to my website and click on a link no matter what link it is it always makes me go to the login page.....any ideas why this is happening? How do I display how many views a page has had on another page? So if I had a homepage and an about page how do I display how many views the about page has had on the homepage? My webpage: http://beamsvillepharmacy.com/site/index.html Fits my browser perfectly, however when viewed on other computers with a lower resoultion, the page doesn't fit and is too large. How can I edit my code, or go about making it automatically fit with different resolutions? (Right now it's all simple width="" height="", and that's how I was fitting it) Thanks. Im searching for codes what will disallow to view browser your page, i need opera, firefox, and internet explorer codes. Anyone know where i can find codes what will disallow them to view page? Thanks Hey guys I asked a similar question before about the best way to go with page layouts and the only response I got was to go with one that will properly change with resolutions and browsers, etc.. I am learning and want to develop practical and sound habits from early on. If any of you would be willing to throw me out some good pointers, etc.. That would be great. I'm looking to do a layout with a horizontal header section and below this 2 or 3 columns of varying widths. This is rough but hopefully you get the idea. Hello Folks, I'm not too sure which forum I should post this in, but hopefully this is the right one. I have created a horzontal Navigation bar using a repeating tile for the bottom of my page, which views fine on my hard drive. See screenshot attached. However, when I upload the page, the tile stops displaying and only the solid background shows. http://www.magicalwonders.com/Test2/Index.html I can't work out what is going wrong. I've tried renaming the file, deleting from the webspace and re-uploading, but it still refuses to display when uploaded. The other repeating tiles work fine, so I have no idea what's going on. Can anyone spot what may be the problem and save my sanity? Thanks, Myles Hi trying to throw down a couple of buttons along a line, but for some reason my second button gets put down to a second line instead of going right beside the first one. I changed over the <div> tags in the recommended button code to <span> in an attempt to stop the line break, but it persisted. Here is the url for test page: http://yournukes.com/PictureFlow4/test.html And specifically here is the code using for the buttons (I know they are style and there is a css section, but I believe this is an html/semantic question): <style> #rollover a { background: url(http://www.yournukes.com/tester1.gif) 0 0 no-repeat; padding-left: 20px; padding-top: 10px; width: 130px; height: 24px; vertical-align: middle; font-size: 14px; color: #000000; display: block; text-decoration: none; } #rollover a:hover { background-position: -150px 0; color: #FFFFFF; } </style><span id="rollover"><a href="#"></a></span><style> #rollover1 a { background: url(http://www.yournukes.com/parks.gif) 0 0 no-repeat; padding-left: 20px; padding-top: 10px; width: 130px; height: 24px; vertical-align: middle; font-size: 14px; color: #000000; display: block; text-decoration: none; } #rollover1 a:hover { background-position: -150px 0; color: #FFFFFF; }</style> <span id="rollover1"><a href="#"></a></span> ...BUT it might make more sense to view the code on the page to see it in context... Thanks so much... I have a way of complicating simple questions... Hi there, I am currently designing a website for an art gallery. I thought I had finished it today while viewing it in firefox on my mac, but when I went to view it on internet explorer on a PC the page is not rendered properly! i don't know what to do! I have 2 divs - centercol & rightcol - centercol displays the main content, and rightcol displays an image specific to the content on the page. on my mac it shows like this: on a PC in internet explorer it shows like this: website is at http://pennystewartdesigns.com/merrepen/html/main.html NB: Main page functions fine, but when you click on any other tabs the rightcol displays below the main content in IE. My code is he 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>Merrepen Arts | About Us</title>
<link rel="stylesheet" href="http://pennystewartdesigns.com/merrepen/html/style.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="http://pennystewartdesigns.com/merrepen/html/coin-slider-styles.css" media="screen" />
<link rel="stylesheet" type="text/css" href="http://pennystewartdesigns.com/merrepen/html/menusm.css" media="screen" />
<link rel="stylesheet" type="text/css" href="http://pennystewartdesigns.com/merrepen/html/pagenavi-css.css" media="screen" />
<script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/cufon-yui.js"></script>
<script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/cufon-yankaff.js"></script>
<script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/jquery-1.4.2.min.js"></script>
<!-- menu -->
<script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/menusm.js"></script>
<!-- scripts for use -->
<script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/script.js"></script>
<!-- slider -->
<script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/coin-slider.min.js"></script>
<!-- tabs-categories -->
<script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/tabs-hoverintent.js"></script>
<script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/tabs-superfish.js"></script>
<script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/tabs.js"></script>
<link rel="stylesheet" href="http://pennystewartdesigns.com/merrepen/html/tabs.css" type="text/css" media="screen" />
</head>
<body>
<div id="page">
<div id="header">
<div class="logo">
<p align="center"><img src="http://pennystewartdesigns.com/merrepen/html/images/logo1.png" align="middle" alt="Merrepen Arts"/>
</p></div>
<div class="topnav">
<ul class="menusm">
<li><a href="http://pennystewartdesigns.com/merrepen/html/main.html">Home</a></li>
<li><a href="http://pennystewartdesigns.com/merrepen/gallery">Gallery</a></li>
<li class="current_page_item"><a href="http://pennystewartdesigns.com/merrepen/html/about.html">About Us</a></li>
<li><a href="http://pennystewartdesigns.com/merrepen/html/dalyriver.html">Daly River</a></li>
<li><a href="www.merrepenfestival.com.au" target="_blank">Festival</a></li>
<li><a href="http://pennystewartdesigns.com/merrepen/html/contact.html">Contact</a></li>
<li><a href="http://pennystewartdesigns.com/merrepen/html/visit.html">Visit Us</a></li>
</ul>
<div class="clr"></div>
</div>
<!--/topnav -->
<div class="clr"></div>
</div>
<!--/header -->
<div class="clr"></div>
</div>
<div id="centercol" style="background-image: url('http://pennystewartdesigns.com/merrepen/html/images/bg/bgabout.gif'); background-repeat:no-repeat; background-position:top right">
<div class="box post">
<div class="content">
<div class="post-title">
</div>
<!--/post-title -->
<div class="blog-content">
<div class="post-excerpt">
<p align="center">
<h3>About Merrepen Arts</h3><br /><br />
</p>
content.<br /><br />
</div>
</div>
<!--/post-excerpt -->
<div class="clr"></div>
<!--/content -->
</div>
<!--/box -->
</div>
</div>
<!--/centercol -->
<div id="rightcol">
<div class="wtitle">
<h3></h3><br />
</div>
<div class="content">
<div id="credit">
<img src="images/about.jpg" alt="Merrepen Arts" />
<!--/content -->
</div>
<!--/box -->
</div>
<!--/content -->
<!--/box -->
</div>
<!--/rightcol -->
<div class="clr"></div>
<!--/columns -->
<div class="clr"></div>
<!--/page -->
<div class="clr"></div>
<div id="page_bottom">
<div id="footer">
<div class="textf">
<div class="text1">© Copyright <a href="http://www.pennystewartdesigns.com">Merrepen Arts</a>. All Rights Reserved.
</div>
<div class="text2"><a href="http://www.pennystewartdesigns.com">Design</a></div>
</div>
</div>
<div class="clr"></div>
<!--/footer -->
</div>
</body>
</html>
my CSS for these divs are he Code: /*=== Layout ===*/
#page { margin:0 auto; padding:0; width:1200px;}
/*=== Center Column ===*/
#centercol { margin-left:20px; padding:0 0 38px; float:left; width:800px;}
/*=== Right Column ===*/
#rightcol { margin:0; padding:0 0 0 40px; float:right; width:400px; border-left:1px solid #dfdfdf; }
.box { margin:0; padding:20px 0;}
.box .content { }
.box_r { margin:0 0 24px; padding:0; background:none; border:none;}
.box_r .content { margin:0; padding:0;}
.small_link { padding:10px 0; margin:0 auto; text-align:center;}
.small_link a { color:#939393; text-decoration:none;}
.small_link small { font-size:11px;}
can anyone help? this is the first time i've had this problem & ive been looking at this code for far too long now. it all looks like gobbledy gook to me now!! arrggghhhhhh. so frustrating! penny I created a template with photoshop and saved into 1024 x 768 and worked it with front page. when i opened it in firefox the site is apearing at the left side of the window even if i edited in front page to be shown in the middle.In explorer it works just fine. ANy ideas please? Hello Gurus, I have a HTML webpage index.html and the expecation is that when user selects from drop drown opton it needs to display a webpage in the iframe underneath the option list. Below is the code snippet. From the code, you will see that it displays all www sites such as google.com, yahoo.com just fine without issues, however the local opel.html is not coming up at all. I am pasting the code of index.html as well as the page that i want to call i.e. opel.html. Pleaes help <!----------------------INDEX.HTML CODE STARTS HERE------------------> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Your Murrieta</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="header"> <div> <table> <h1><a href="#" Style="font-family:Edwardian Script ITC" color="White">Your Murrieta</a></h1> </table></div> <p>Showcase of Your World</p> </div> <!-- start page --> <div id="page"> <div id="pagebg"> <div id="content"> <div class="post"> <form action="" method="post"> <SELECT ONCHANGE="if (window.frames && window.frames.iframes) { window.frames.iframes.location.href = this.options[this.selectedIndex].value; }"> <OPTION VALUE="opel.html">My Home Page <OPTION VALUE="http://www.google.com">My Fmaily <OPTION VALUE="http://www.yahoo.com">My Hobbies <OPTION VALUE="http://www.rediff.com">My Friends </SELECT> <iframe id="theFrame" name="iframes" src="opel.html" align="top" height="1460" width="1760"></iframe> </form> </div> <!-- start content --> <!--aaa--> </div> </div> <!--content--> <!-- end content --> <!-- start sidebar --> <div style="clear: both;"> </div> <!-- end page --> <!-- start footer <!-- end footer --> </body> </html> <!--------------------OPEL.HTML CODE STARTS HERE-------------> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- start page --> <body> <table style="margin-left:0%"> <tr> <td> <!--First Panel --> <div style="font-size:9pt;font-family:Georgia; color:Navy; width:345px; background-image:url(images/gray-gradient.gif); background-repeat:repeat;">ERP</div> <div> <table cellspacing="0" cellpadding="15" width="345px" height="79px" bgcolor="#ffffff" align="left" style="background-image:url(images/cnsl.jpg); background-repeat:repeat;margin-right:1%;"> <tr align ="left" width="400px" > <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/erpoffering.html" id="l16">Offerings</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/id145.html" id="l18">Request More Information</a> </li> </ul> </ul> </td> <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="mailto:sales@coexsys.com" id="l17">Email us</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/id144.html" id="l18">Contact us</a> </li> </ul> </td> </tr> </table> </div> </td> </body> </html> Can someone please tell me why this page does NOT print properly? http://www.unreal-deals.com/ebooks11...-printable.php I've tried everything I can possibly think of, removed all word html tags, cleaned up the source formatting, and still it doesn't work. Print preview on IE7 shows only 7 pages, and when I print it only prints 1 page then 60+ blank pages. Whats going on? Thanks I've been trying to get a design to work properly under Firefox for several days. Unfortunately because of ip issues I can't post any code. The basic problem is that I tell a table that I it to have height: 100% and it won't do it. Sometimes (not always) the table renders in such a way such that it is less than 100%. <table><tr><td><table class="gimme_some_height_already">...blah blah</table> Here's the annoying part. The problem is intermittent and goes away every time when I hit refresh under Firefox. Why should the page render differently just because I hit refresh? Also, when the table doesn't render properly, the links don't work. I have standard, nothing special <a> links inside the table. When the table is misrendered and I click on a link, instead of transferring to that page, the table just gets bigger! It's as if the table were in a very delicate state, and if someone touched or sneezed on it the whole page would move and rerender. Very strange. None of this happens under IE. I know that many people think that when IE and Firefox disagree that I ought to go with what Firefox says, but really hitting the refresh buttons shouldn't make the page look different. Does anyone know what is going on, and perhaps how I could go about fixing it? I've tried many variations, trial and error combinations and dirty tricks. I've spent almost a week designing, coding and uploading this site. Only to have it not display properly in firefox or safari. I've included a link to the site and several screenshots as well as the source code. Please help! This image shows it as it is int ie 7 on windows xp http://img.photobucket.com/albums/v6...asintended.jpg this image shows it on safari and fire fox: http://img.photobucket.com/albums/v6...art/safari.jpg website link: www.tavasystems.com Thanks in advance. Was wondering if someone could look at this website and tell me what platform you are viewing from and is anything visibly wrong? http://voyageurwd.com/londonJeepClub.htm I made my own web site... www.mar-cela.com howver, when I open it with Explorer I cant see my jpg images, when I open it with Firefox all is ok. Any suggestions? Is there a code that makes it so that you can only view a page once per day. I'd like it to kinda be Jscript, so if you don't have it enabled, you can't view the page. Remember, ONE VIEW PER DAY!! And if you've already viewed it, can you make it redirect the person to a url address? Thanks. Hello, it seems every now and then when I create an image from a document/scan or such and I upload it, It displays fine in FireFox, however users in IE are reporting that they're not seeing the image. Can anyone take look at this image and tell me if you see this displaying in IE? http://thejf.org/images/JCC124.jpg Is this an IE bug or something? How come this image appears fine in FireFox but not IE? Hi everyone does anyone know whats up withe the new look view source up the page options .......I can't seem to edit or add to my html sources as I usually can? Thanks! Ok, I got my site to work in Safari and FF, but the only problem I am having is that in IE in the banner there is a black bar that runs accrossed.. And I can't seem to find out what is causing this.. http://www.clandestinedesigns.com/ccinsurance Would anyone be able to help me fix this? Thank you Hello, Sorry if this is in the wrong section. I have an HTML page that has an Outlook View Control. Something simple like this: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>View Control</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<meta content="MSHTML 5.50.4522.1800" name="GENERATOR" />
</head>
<body style="margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;">
<div>
<script src="email-inbox.js" type="text/javascript"></script>
</div>
</body>
</html>
the javascript file has only this: Code: // inserts the <object> and <embed> tags to circumvent the new restriction in IE (since April 11 2006)
document.write('<object id="ViewCtlFolder" classid="CLSID:0006F063-0000-0000-C000-000000000046" width="100%" height="180px"><param name="Folder" value="Inbox" /></object>');
The problem is that when Microsoft Outlook is not installed this will fire a Javascript error. I want to avoid that error and display a message like "Microsoft Outlook not installed". Is there any way I can do this? Thanks in advance |
|||||||