HTML - Flash Object Not Appearing & Alignment Issues

Like a lot of people I've been trying to get to grips with some basic HTML for my myspace page. Flame all you want but a lot of people have them, and they help feed our social insecurites and secret desires to be universally loved and made famous and popular and prom queen etc.

My problem is that an embeded flash object from www.last.fm (a "quilt") only partially loads)
This is what I see in both I.E. and Firefox:


Here's the code for the object:
Code:

<style type="text/css">
  
div.lastfm_quilt_black a,
div.lastfm_quilt_black div {
  height: 20px;
  margin: 0;
  overflow: hidden;
  text-decoration: none;
  padding: 0;
  background: url("http://static.last.fm/quilts/buttons/generic_images/bg_black.gif") repeat-x 0 0;
  width: 100%;
  float: right;
  display: inline;
}

div.lastfm_quilt a:hover {
  background-position: 0 0 !important;
}
  
{if $orientation=='horizontal'}

div.lastfm_quilt_horizontal {
  width: 460px;
}

div.lastfm_quilt_black a.lastfm_quilt_artists_wide,
div.lastfm_quilt_black a.lastfm_quilt_artists_wide:hover {
  background: url("http://static.last.fm/quilts/buttons/top_artists_images/wide/header_black.gif") no-repeat 0 -20px;
}

div.lastfm_quilt_black a.lastfm_quilt_albums_wide,
div.lastfm_quilt_black a.lastfm_quilt_albums_wide:hover {
  background: url("http://static.last.fm/quilts/buttons/top_albums_images/wide/header_black.gif") no-repeat 0 -20px;
}

{else}

div.lastfm_quilt_vertical {
  width: 184px;
}

div.lastfm_quilt_black a.lastfm_quilt_artists,
div.lastfm_quilt_black a.lastfm_quilt_artists:hover {
  background: url("http://static.last.fm/quilts/buttons/top_artists_images/header_black.gif") no-repeat 0 -20px;
}

div.lastfm_quilt_black a.lastfm_quilt_albums,
div.lastfm_quilt_black a.lastfm_quilt_albums:hover {
  background: url("http://static.last.fm/quilts/buttons/top_albums_images/header_black.gif") no-repeat 0 -20px;
}

{/if}

div.lastfm_quilt_black .lastfm_quilt_profile a,
div.lastfm_quilt_black .lastfm_quilt_profile a:hover {
  background: url("http://static.last.fm/quilts/buttons/generic_images/ft_black.gif") no-repeat 0 -20px;
}

div.lastfm_quilt_black .lastfm_quilt_noprofile a,
div.lastfm_quilt_black .lastfm_quilt_noprofile a:hover {
  background: url("http://static.last.fm/quilts/buttons/generic_images/npft_black.gif") no-repeat 0 -20px;
}

div.lastfm_quilt a.get_your_own {
  width: 92px;
  border-right: solid 1px #000000;
}

div.lastfm_quilt a.visit { 
  width: 91px;
  background-position: -93px -20px;
}

div.lastfm_quilt a.visit:hover { 
  background-position: -93px 0 !important;
}

</style>


<div class="lastfm_quilt lastfm_quilt_vertical lastfm_quilt_black">

        <a class="lastfm_quilt_albums" title="Top albums" href="http://www.last.fm/user/blueden8/"></a>
    
<embed 
    src="http://static.last.fm/quilts/3/quilts_main.swf" 
    flashvars="type=user&variable=blueden8&file=topalbums&bgColor=black&configMode=true" 
    quality="high" 
    bgcolor="#000000" 
    width="184" 
    height="414" 
    name="quilts_main" 
    align="middle" 
    allowScriptAccess="never" 
    type="application/x-shockwave-flash" 
    pluginspage="http://www.macromedia.com/go/getflashplayer" />


</div>

Now I know for a fact there's nothing wrong with that code by itself: I've saved it as .htm in notepad and it functions perfectly. I've also copied all code down to the <!-- NETWORK INFORMATION : BEGIN --> line to notepad and saved that. That too works perfectly. So something is going on in between that heading and where the code for comments starts (I'm guessing).
Here's a link to that code: Network Information
and here's a link to the entire page source: Entire Page
Both are .txts

I would really appreciate any help offered. I know it seems like a lot of effort to go to for a myspace profile, and even more effort for you guys to try and find the problem, but this is simply pissing me off.

Hello,

I would like to get the website menu to appear above the flash object.

http://www.greekconcierge.com/weddings.php

Currently when you click on "Our Services" this is hidden below the flash image object.

many thanks,
andy

Hey all,

Currently having a nightmare with a website, I have tried every Code:

<div>

variation I could think of and still no joy.

So I have been trying different table variations, 'still no joy'

The page width is 900px

The Ad is a 468 Google adsense
The Countdown object is 401px

Total= 869px so there should be plenty of room for them to align "PLEASE HELP"

Currently using:

Code:

<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td width="50%"><object type="application/x-shockwave-flash" data="http://www.f1widget.com/widgets/f1widget.swf" width="401" height="72"><param name="movie" value="http://www.f1widget.com/widgets/f1widget.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="always" /><param name="width" value="401" /><param name="height" value="72" /><div>The <a href="http://www.f1widget.com" title="Website F1 Widget, Formula 1 Widget - F1 Widget.com">Formula 1 Widget</a><br>requires Adobe Flash<br>Player 7 or higher.<br>To view it, <a href="http://www.adobe.com/go/getflashplayer" target="_blank">click here</a>to get the latest<br>Adobe Flash Player.</div></object></td>
	<td width="50%"><script type="text/javascript"><!--
google_ad_client = "ca-pub-****************";
/* My Adsense */
google_ad_slot = "7805754597";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><script type="text/javascript"><!--
google_ad_client = "ca-pub-****************";
/* My Adsense */
google_ad_slot = "6590016217";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></td>
</tr>
</table>

& the result I keep getting =

Thanks for any assistance anyone can give.

The Image of the guy on this page ( http://www.kaerumusic.com/2011/06/13/jay-chou/ ) is coded like this:
HTML Code:

<img src="http://i139.photobucket.com/albums/q303/froggirl003/KM%20Pix/6962_jaychou.jpg" alt="" width="200px" height="280px" align="left" />

But I want the text after the description (the tabs) to be after the picture. How to do this?

I am new to the world of web design and i am building http://www.bluephoric.com
i am using a bg image on two of the pages and it is throwing off the header alignment. the header jumps around depending what page you are on? i am soo lost as how to fix this. can someone please help thanks

please help.
i used html <object> tag and i embeded a .swf flash file inside my html page...
everything worked great until here....

now i want to let the visitor of my page to be able to navigate through my .swf file
through my own navigation bar buttons that i want to put above the .swf file...

i want my visitor to be able to press the avigation bar buttons to play and stop and forward and backward and rewind and so on...

i dont want my visitor to press the right mouse button when he over the flash object to navigate i want to have my own navigation static bar above the flash....

what solutions there is to this problem....?
what is the best solution ?


best regards.

hello all, I've recently ventured back into html and css after an extended break and was wondering if I could run this past someone:

If you visit www.pcclinic-loanhead.co.uk, when you click on each of the menu links you will find that the page alignments don't seem to synch. What is strange is that the Home and Contact pages share the same alignment whilst Services and Epson share another. I've scanned the HTML and can't see any obvious differences.. there is also a main.css attached to each page.

Can anyone with an expert eagle eye take a look at this and a) verify that you see the same problem and b)if possible, suggest a solution?

Thanks very much in advance.
Sam

Hey guys.

Having some issues on both my website and one I did for my Brother, the images not aligning properly. Both are fine in Firefox, but not in IE.

www.michaelsingleton.co.uk
www.ucba.co.uk

If anyone would be so kind as to have a look over the code, it would be much appreciated!

Thanks

Mike.

G'day guys,

I'm having trouble getting my submit button aligned to the right edge of the textarea above it.

Could you please tell me what I'm doing wrong, (still a bit raw when it comes to CSS).

Here's the link:

http://csusap.csu.edu.au/~jpress03/impel/contactus.html

Here's my CSS code:

Code:

#frmwrap	{
border: 1px dashed #8DBA2C;
padding: 10px;
width: 350px;
}
form	{
font-family: Arial, Sans-serif;
}
input, textarea {
	border: 1px solid #gray;
	font-family: Arial, Sans-serif;
}
label {
	display: block;
	float: left;
	width: 100px;
}
form div {
	margin-top: 3px;
}
.button {
	background: #f1f1f1;
	border: 1px solid gray;
}

Any help is greatly appreciated.

Cheers,
Jamie

Hello all,

I am having a problem which I can't seem to figure out with an html page. I sliced up a photoshop image then turned it into a web page. I took the html table from the sliced up header, and plugged it into the final web page. It looked like it was aligned properly in Dreamweaver, however when I viewed the webpage there were some alignment issues with the page.

Here is the link to the misaligned page:
http://test.gridpointpm.com

Here is the code for part of the index page that includes the header with the alignment issues:
Code:

<!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" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="maxheight.js" type="text/javascript"></script>
</head>

<body  id="page1" onload="new ElementMaxHeight()">
<div class="w">
  	<div class="site_center">
  	<div class="site_center1">
          	<div id="header">
       	  		<div class="flash">
                <!-- Save for Web Slices (indexheader.psd) -->
<table id="Table_01" width="866" height="441" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="13">
			<img src="images/index_01.jpg" width="866" height="66" alt=""></td>
		<td>
			<img src="images/spacerh.gif" width="1" height="66" alt=""></td>
	</tr>
	<tr>
		<td colspan="13"><img src="images/index_02.jpg" width="866" height="206" alt="" /></td>
		<td>
			<img src="images/spacerh.gif" width="1" height="206" alt=""></td>
	</tr>
	<tr>
		<td colspan="7" rowspan="2">
			<img src="images/index_03.jpg" width="632" height="114" alt=""></td>
		<td colspan="5">
			<img src="images/index_04.jpg" width="157" height="34" alt=""></td>
		<td rowspan="6">
			<img src="images/index_05.jpg" width="77" height="169" alt=""></td>
		<td>
			<img src="images/spacerh.gif" width="1" height="34" alt=""></td>
	</tr>
	<tr>
		<td colspan="5" rowspan="2">
			<img src="images/index_06.jpg" width="157" height="95" alt=""></td>
		<td>
			<img src="images/spacerh.gif" width="1" height="80" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="images/index_07.jpg" width="360" height="15" alt=""></td>
		<td rowspan="3">
			<img src="images/index_08.jpg" width="180" height="40" alt=""></td>
		<td rowspan="4">
			<img src="images/index_09.jpg" width="92" height="55" alt=""></td>
		<td>
			<img src="images/spacerh.gif" width="1" height="15" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="images/index_10.jpg" width="153" height="40" alt=""></td>
		<td>
			<img src="images/index_11.jpg" width="42" height="16" alt=""></td>
		<td rowspan="3">
			<img src="images/index_12.jpg" width="9" height="40" alt=""></td>
		<td>
			<img src="images/index_13.jpg" width="58" height="16" alt=""></td>
		<td rowspan="3">
			<img src="images/index_14.jpg" width="98" height="40" alt=""></td>
		<td rowspan="3">
			<img src="images/index_15.jpg" width="31" height="40" alt=""></td>
		<td>
			<img src="images/index_16.jpg" width="44" height="16" alt=""></td>
		<td rowspan="3">
			<img src="images/index_17.jpg" width="7" height="40" alt=""></td>
		<td>
			<img src="images/index_18.jpg" width="55" height="16" alt=""></td>
		<td rowspan="3">
			<img src="images/index_19.jpg" width="20" height="40" alt=""></td>
		<td>
			<img src="images/spacerh.gif" width="1" height="16" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/index_20.jpg" width="42" height="24" alt=""></td>
		<td rowspan="2">
			<img src="images/index_21.jpg" width="58" height="24" alt=""></td>
		<td rowspan="2">
			<img src="images/index_22.jpg" width="44" height="24" alt=""></td>
		<td rowspan="2">
			<img src="images/index_23.jpg" width="55" height="24" alt=""></td>
		<td>
			<img src="images/spacerh.gif" width="1" height="9" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_24.jpg" width="180" height="15" alt=""></td>
		<td>
			<img src="images/spacerh.gif" width="1" height="15" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
       	  		</div>
   		  </div>

Any help would be much appreciated. Thanks in advance.

Hey everyone! I am completely new to webpage design and have enjoyed some parts of it! I have just been teaching myself as I go and viewing tutorials to learn most of what I have done. Now I am in a jumble and have no idea what to do. I am working ... my main problem is things aligning correctly. I am working on this for a friend and really would like to just be done with it! Please check it out, I attached the pages so maybe you can lead me in the right direction. I believe I have not positioned things correctly. They appear okay sometimes on internet explorer / funcky on firefox / and reallly crazy on safari! Also, the navagation bar is very glitchy, maybe I shouldn't have done a flash navigation? Im going nuts over here! I appreciate all your help.

Hello,
I made a very simple table layout (with photoshop and imageready) and its my very first time making this type of layout so I'm having a little trouble with the coding. I haven't added a style.css file to it, except for maybe the css that wraps my navigation to a certain width.

Here is the url: http://rezina.awardspace.com/layout01

I can't seem to align the images correctly. My friend told me that one of the images was not sliced correctly, so I sliced it but .. it kind of fixed the right side, and not the left.

Also, the extra.jpg (which is the outside background-the stripes) seems to repeat itself both vertically and horizontally, is there a way to fix that?

Thanks. =))

oh. oops. I just read the rules, sorry for the vague title. I would try changing it to be more specific but I don't know how..

Hello, quick question here.
I'm working on this site: (replace @'s with a's)
v@rd@burstyn.com/version2/

The previous designer left it in a bit of a mess, and now that I've made some changes that appear nicely in my Safari browser, the tables are hugely misaligned when I look at a number of the pages in Firefox (i.e., water.html or rites.html).

Any advice as to how to get the tables back under control? I've tried for a while but nothing seems to fix it.

Thanks very much in advance.

Dear forums!
I'm having issue with an padding-problem which i'm not able to solve on my own. I don't understand why my code returns the problems that it does, but it for some reason does.

Okay, what is the problem?

I've drawn them into this picture;
http://i42.tinypic.com/4v1veo.png
The problem is that the first navigation-button starts off with about 10-15 pixels, and ends about 3 pixels out of the actual navbar (if you check the borders).

I would like to remove this, so that the navbar button covers the whole area of the navbar div / element, without starting too late or ending too late.




CSS code can be found here;
http://www.myhrensolutions.net/tolkf...sign/index.css

the HTML-code can be viewed here;
http://www.myhrensolutions.net/tolkfirma/tjenester.html


All help is muchly appriciated,
thank you!

- Scott.