HTML - Content Loading

Hey guys, I used to know a lot about html, but then just completely stopped doing anything with websites for too long.

I was just wondering how I can replace a word or number with a specified word or number.

What I want to achieve:
I've got a forum with a couple thousand members and it's picking up in activity and I want to make some names stand out for being helpful. I want to replace their names with an image.

But to do so, it'd have to be a code made and added into the footer template. Because obviously I can't edit a username for html image code. So I just need the code to find all instances of a certain username and replace it with what I specified.

-------------
Man I really wish I remembered how to do this haha.

Thanks guys.

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 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.

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

Hey all,

I'm working on a site and have reused some code that's worked for me in the past, but for some reason is not working now.

The site is www.fluidholdings.com and the problem is that I have an iframe in the middle of the page for content, which should load when the domain is visited. For some odd reason, it will not load.

It loads if you click the "home" or the logo at the top left, but will not load if you go to the root url.

Any ideas? I've been beating my head against the wall for about an hour now and can't seem to figure it out.

Thanks in advance!

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]">&laquo; 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 &amp; 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>&nbsp;</td>
							<td>&nbsp;</td>  
						</tr>

if that doesnt help go to http://www.c-view.com.au/index2.php?...ential-windows

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?

Hi Everyone,

I am working on a website and I am having problems with some of my pages loading. I thought it might have been an error in the html code. I rechecked & found no errors. I even moved the pages around. I moved the ones that were working, into the slot of the page that would not load. It loaded fine. When I click the page in the file. It displays properly at the top and everything. But when I try to access it from another page, it will not load. I get a white page that says this page can't be displayed. Here is the area I am having problems with.


<a href="smg.htm">Suicide Memorial Garden</a><br />
<a href="inmg.htm">Infant Memorial Garden</a><br />
<a href="mmg.htm">Military Memorial Garden</a><br />
<a href="pubserv.htm">Public Service Memorial Garden</a><br />
<a href="pmg.htm">Pet's Memory Garden</a><br />

The first and 4th pages are the only ones that work. Any advice would be greatly appreciated.

john721

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?

This is sort of both HTML and CSS, but I'll post it here for now. My question is:

In CSS, I type the following:

td.tablehead {
background-image:---------;
.........;
.........;
}

Now, I will be using the "tablehead" class around 20 times on a webpage, so will the background image stated above have to load 20 TIMES, or just once, since the same image is being used?

Please respond ASAP. Thanks

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.

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">&nbsp;</td>
<td width="673"><div align="center"><img src="images/AF.jpg" name="ImageOnly" align="absmiddle" /></div> </div></td>
<td width="71">&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</p>
</div>
</div>
</div>
</div>


I hope I'm posting in the right section. Again thank you for any help.

Is there an HTML tag that loads a text file right into HTML? Or, so to speak, if i had a text file with HTML written in it, how could i get this into a page, without using any server scripting.

Possible?

thanks a ton

~DeathBlade

I've noticed that on my site, k0shy.com, the Div holding all the main text loads way slower than the text itself. To see what I'm talking about, try going to my site and refreshing the page, the white box should expand to fit the text after the text loads (at least in my browser, Firefox 3.0b5). Is there anyway to fix this?

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