|
HTML - Loading A Website In A Table
Anyone know how to load a website in a table? I've tried frames with no luck.
Thanks! Similar TutorialsI am trying to create an inline frame that loads a website but at a certain pixel position in that website...such that when the webpage loads in the frame it will load for example 100 pixels from the left edge... thanks so much... Hello everyone. I have just stumbled across this group whilst investigating an issue I am having with a website, what a great resource you have here. I look after the website for my local volunteer fire brigade and I have maintained it for a number of years without any major problems. However in the last couple of weeks it has become apparent that the website is not loading all of the frames for the pages. This appears to only be an issue when browsing with Internet Explorer, as it all looks fine in Firefox. The website is located at http://www.mvcfs.asn.au/ It is only very basic, as that is my current level of HTML programming, I am considering changing to an alternate web layout program like Wordpress, however I haven't looked too much into the details of it yet. I have tried loading this page in I.E. on a number of different computers and they all suffer the same problem, I am currently using version 8.0.600 right now and it is not working, the Firefox version I am viewing it on is 8.0 and that appears to work ok. Is anyone able to suggest a possible solution to this issue, I haven't made any significant changes to the site in the last couple of weeks, so I am not sure why this problem has suddenly come up. Thankyou for your assistance. Regards Matt Hi, My website layout is based on html tables about 750 pixels wide and was set up in Dreamweaver 4. It works fine in Explorer, but in Firefox each page explodes to the full screen size during loading before snapping back to the correct size when loading completes. This is ok, but I would prefer it to display correctly whilst loading (as it does in Explorer) as it looks rather messy. Is there a way to prevent this? Thanks, Richard. Hi, I am making a website for my Combat Arms clan and I would like to have our updated match results imported from Nexon's website. I got it in my page from their code but it won't update. How would I go about doing this? Here is my page blackdemons.co.cc Here is Nexon's page I would like to get results from. http://combatarms.nexon.net/Clan/Cla...an=BlackDemons Any help would be greatly appreciated. I completeted a layout for a website using the slice tools in Photoshop....all I have to do now, is put text, pictures, etc etc into the fields necessary. I am having a lot of trouble with this. I am wanting to make a background image in a cell fixed so I can put text ONTOP of it so it doesn't mess up the entire table layout. I want that cell to have scrollbars. Does that make sence? Ive been to w3schools.com site and when I put in the code they ask me to, it doesn't work. Im probably doing something wrong. The website isn't online, however, I can paste the code that was generated if that is needed. Thank you for your help. My new website test pages are at: http://www.monkeygambling.com/new%20pages/index.shtml I have a small probelm with the menu on the left side. It is not vertically aligned. The reason why is that I have an empty table inserted above it. This table is quite important as it makes the search engine spider miss the left menu out and move to the central section. My question is, is there a way to make this table exisit with no size (e.g. height =0), or just be there without affecting anything else? thanks Could someone tell me what's involved or suggest a way that I could have a table full of info made up of store names, state/province, address, phone numbers etc. that could instantly be sorted by one of these categories. Hi, I want to load a window with loading image on a button click. The new window is having an other content so before loading the actual content i want to disapear the loading image from the new window. I tried with html like <html> <img src=".." /> --------------------- Actual content " display:none " ----------------------- <script> actual contentid.display:block; img.display:none; </script> </html> But in this method am seing the image after some time lanching the window. i want to c the image right after launcing the window till my actual content loads. can anybody suggest something for this,..... http://www.heresmary.com I just finished uploading my site, and I noticed that when I click on a link the page loads then loads again a split second after. Does this happen to anyone else? If so can anyone give me any advice about it? Here's a newbee question and you are probably gonna laught, but there it is: I have two pages saved in the same directory. One is index.html and the other trial.html. They are linked together. Both load the general.css file correctly when I double click on them from the directory they are saved. But when I go from one to another clicking on the link only the content loads and no css rules are applied. What am I doing wrong? How should I code for the css rules to load? Any help will be immensely appreciated Im doing a website and have some videos up. I want to be able to have pictures of all the available videos and when the user clicks one of them I want that video to load right next to all the pictures. I remember Google videos had something like this, when you clicked the video you wanted it loaded the video in that page without getting rid of the pictures of all the videos, but they don't have that option anymore. This is the website im doing. http://eyeamchito.fileave.com/videos.html Thanks in advance if I got you confused let me know. Hi all, I have a flash object that will sometimes not load in IE. However, if you refresh the page, the movie loads just fine.. It's only on the first entrance to the page. My code is: <center> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="290" height="176" id="image-zoomer" align="center"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="image-zoomer.swf?path=zoom/" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="salign" value="lt" /> <param name="bgcolor" value="#ffffff" /> <embed src="image-zoomer.swf?path=zoom/" quality="high" scale="noscale" salign="lt" bgcolor="#ffffff" width="290" height="176" name="test" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object></center> Any suggestions for me? The site is at http://showball.com Thanks David Go to: http://jmillerteam.com/complete2.html So my client says that sometimes when he loads this page the pics on it aren't loading. He even sent me a screenshot. I have no clue why most of the time they load and sometimes they don't. I can't reproduce the problem. If anyone goes to the page do the pics not load (the first time) for you? Okay, so here's my site, a Duke3D map review site: http://msdn.planetduke.gamespy.com/indexmain.shtml As you can see, it has frames (ooh, the horror!). The problem I have (or have had for a long time but have been too lazy to do anything about it) is that at times I'd like to post links to specific map reviews but linking to separate shtml files means that you won't get the top and left frames. So, is there some code I can write in, for example, this page so that whenever you access that subpage, it loads the frames around it as well? Hey all, having a little problem getting Internet Explorer to display a page. Works fine in Firefox and all subsequent pages work just fine. It even downloads the source and everything. just doesn't display it. The page is: http://www.emmafarquharson.com/index.html Thanks, Rich Had an idea for a web page I've been working on, but not sure how to do it. The page is divided into three frame columns. Left, skinny frame shows a file with all my buttons. Clicking on any of those buttons loads a file into the large center frame, displaying a large picture. What I'd like to do is to make that button simultaneously load a second file into the frame on the right, showing text describing the image in the center. Unfortunately I don't know how to make my button do two things instead of just one. Can HTML do that, or do I need scripting for stuff like that? Im having a problem i dont know if its just the loading speed, but so the image slideshow i have loads first below my tabbed info on the right, it loads beneath but then to the top, not a major issue but feels like it could be fixed, the code is here Code: <style>
.peKenBurns {
width: 500px;
height: 330px;
align: center;
margin-left:6px;
}
</style>
<script>
jQuery(function($){
$(".peKenBurns").peKenburnsSlider()
})
</script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('jquery','1.4.3');
google.setOnLoadCallback(function()
{
$('#desc1 div:not(:first)').hide();
$('#tabs1 li').click(function(event){
var id = $(event.target).index();
$('.active1').removeClass('active1');
$(event.target).addClass('active1');
$('#desc1 div').hide().eq(id).show();
});
$('#desc2 div:not(:first)').hide();
$('#tabs2 li').click(function(event){
var id = $(event.target).index();
$('.active2').removeClass('active2');
$(event.target).addClass('active2');
$('#desc2 div').hide().eq(id).show();
});
$('#desc3 div:not(:first)').hide();
$('#tabs3 li').click(function(event){
var id = $(event.target).index();
$('.active3').removeClass('active3');
$(event.target).addClass('active3');
$('#desc3 div').hide().eq(id).show();
});
$('#desc4 div:not(:first)').hide();
$('#tabs4 li').click(function(event){
var id = $(event.target).index();
$('.active4').removeClass('active4');
$(event.target).addClass('active4');
$('#desc4 div').hide().eq(id).show();
});
}
);
</script>
<style type="text/css">
h1 {
margin-left:5px;
}
#wrapper {
width:470px;
margin-left:5px;
}
#tabs1 {
width:100%;
padding:0px;
margin:0px;
}
#tabs1 ul {
padding:0px;
margin:0px;
width:100%;
}
#tabs1 li {
height:50px;
display:block;
float:left;
line-height:50px;
text-align:center;
background:#036;
margin:0px;
padding:0px;
width:32.9%;
color:#FFF;
cursor:pointer;
text-transform:uppercase;
}
#tabs1 li.active1 {
background:#CCC;
color:#000;
border-bottom:1px solid #CCC;
}
#desc1 {
width:100%;
}
#desc1 div {
clear:left;
width:100%;
height:200px;
}
</style>
<table width="100%" cellspacing="3" cellpadding="3" border="0" class="border">
<tbody>
<tr>
<td>
<h1>Residential - Doors</h1>
<a href="http://[LINKID:4]">« Back to Residential</a>
<table width="100%" cellspacing="1" cellpadding="1" border="0" summary="">
<tbody>
<tr>
<td width="270"><!-- slider markup, 3 slides -->
<div class="peKenBurns" data-mode="swipe" data-logo="disabled" data-controls="over" data-shadow="disabled">
<div class="peKb_active" data-delay="6">
<img src="images/page_content/residential_doors_sliding1.jpg"/></a>
</div>
<div class="peKb_active" data-delay="6">
<img src="images/page_content/residential_doors_sliding2.jpg"/></a>
</div>
<div class="peKb_active" data-delay="6">
<img src="images/page_content/residential_doors_sliding3.jpg"/></a>
</div>
<div class="peKb_active" data-delay="6">
<img src="images/page_content/residential_doors_sliding4.jpg"/></a>
</div>
</div>
<!-- end slider markup --></td>
<td>
</td>
<td>
<h1>SLIDING WINDOWS</h1>
<div id="wrapper">
<div id="tabs1">
<ul>
<li class="active1">Description</li>
<li>Features</li>
<li>Options</li>
</ul>
</div>
<div id="desc1">
<div>
<p>Aluminum sliding windows are both functional and durable. The ultimate low maintenance window style due to few moving parts. The sliding window is a classic design that will suit most architectural styles.</p>
</div>
<div>
<ul>
<li>Choice of coloured glass & Aluminium</li>
<li>Screens are fittable or removable from inside the room</li>
<li>Maximum Height 1500mm</li>
<li>Maximum Glass Laminate 6.38mm</li>
<li>Adjustable height key locks</li>
</ul>
</div>
<div>
<ul>
<li>Range up to BAL 40 for bushfire areas</li>
<li>Range of glazing solutions</li>
<li>External aluminium insect, safety and supascreens</li>
<li>Sump sill for extreme weather conditions</li>
<li>Range of standard and custom colours</li>
<li>Variety of window style configurations</li>
</ul>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
if that doesnt help go to http://www.c-view.com.au/index2.php?...ential-windows My index.html file is like this (www.omegaintertrade.ro) Quote: <html> <head> <title>Omega Intertrade Test Site</title> <link rel='stylesheet' rev='stylesheet' href='global.css'type='text/css' media='screen' charset='utf-8' /> </head> <body> <div id='wrapper'> <div id='wrapper2'> <div id='header'><img src="logo.jpg" height = 120 border="0" hspace="25" > </div> <div id='leftcolumn'> <ul> <li><a href="index.html">Home</a></li> <li><a href="mb.htm">About Me</a></li> <li><a href="mb.htm">Products </a></li> <li><a href="mb.htm">Contact</a></li> </ul> </div> <div id='rightcolumn'><div class= "bheader">This column is intentionally blank!</div> </div> <div id='bodytext'> <div class= "bheader">Home</div> Main text area <br> stay with omega to see the further developments</div> <div id='footer'>Footer</div> </div> </div> <body> </html> As you may see it is consist of header footer and 3 columns in the middle. While visitors navigate through menus only bodytext content will change. For example after registering the site, a small message will appear like 'thank you for registering' on bodytext. How should i place that message in the page(on "bodycontent")? Should i create another html document exact like index.html except changing the content of the "bodycontent" section. This idiot solution comes to my mind Is there another short and easy solution? I'm pretty new to all of this and need some help trying to load a swf file in a container. What I have is a thumbnail gallery where I have thumbnails on the right side of the page and when you click on the thumbnail it pops on the left side of the page in a container. So what I want to do is keep the same format so you can click on the thumbnail then the swf file appears instead of an exploded image. This is what I have. Also I appreciate any and all help, thank you. <style type="text/css"> img { border: 0px } #container { text-align: center; border: 0px; margin: 0 auto; padding: 0px } #leftcol img { } #rightcol img { } </style> <td width="80" height="421"> </td> <td width="673"><div align="center"><img src="images/AF.jpg" name="ImageOnly" align="absmiddle" /></div> </div></td> <td width="71"> </td> <td width="318" valign="middle"><div id="leftcol"> <div class="root" id="root0"> <div class="scrollContainer" id="scroll0Container"> <div class="scrollContent" id="scroll0Content"> <p> <a href="#" onclick="ImageOnly.src='images/Asylum_5.jpg'"><img src="images/Asylum_5_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/Asylum_1.jpg'"><img src="images/Asylum_1_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/Asylum_2.jpg'"> <img src="images/Asylum_2_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/Asylum_3.jpg'"><img src="images/Asylum_3_thumbnail.jpg" /></a> </p> <p> </p> <p> <a href="#" onclick="ImageOnly.src='images/kerryn_5.jpg'"><img src="images/kerryn_5_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/kerryn_6.jpg'"><img src="images/kerryn_6_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/kerryn_7.jpg'"> <img src="images/kerryn_7_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/kerryn_8.jpg'"><img src="images/kerryn_8_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/kerryn_9.jpg'"><img src="images/kerryn_9_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/kerryn_9.jpg'"><img src="images/kerryn_movie_thumbnail_2.jpg" /></a> (this is where I want to add it) </p> <p> </p> <p> <a href="#" onclick="ImageOnly.src='images/f_h_5.jpg'"><img src="images/f_h_5_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/f_h_6.jpg'"><img src="images/f_h_6_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/f_h_7.jpg'"><img src="images/f_h_7_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/f_h_8.jpg'"><img src="images/f_h_8_thumbnail.jpg" /></a> </p> <p> </p> <p> <a href="#" onclick="ImageOnly.src='images/football_1.jpeg'"><img src="images/football_1_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/football_2.jpeg'"><img src="images/football_2_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/football_3.jpeg'"><img src="images/football_3_thumbnail.jpg" /></a> <a href="#" onclick="ImageOnly.src='images/football_4.jpeg'"><img src="images/football_4_thumbnail.jpg" /></a> </p> <p> </p> </div> </div> </div> </div> I hope I'm posting in the right section. Again thank you for any help. Hi there, i am very very new to this website building thing. I am starting a website for my new business, it was all going well until i uploaded the website, and when i went to look at it, at the very bottom of the page it said i need to update my flash. I did and it is still saying that. I have tried from 10 different computers and still have the same problem. Am i doing something wrong with the files or something? Please help. I am also using A4Desk Website builder. here is the web address: http://uniqueplanners.netne.net/ Thanks for your time. |
|||||||