HTML - Properly Embeding A M3u

I am using the following code to embed sound files and everything works fine but I would like for the sound files to begin downloading when "play" is hit and not when the web loads (automatically starting the download of all sound files). Thanks.

<embed src="gtr.mp3" autostart="false" loop="false" width="300" height="42" controller="true" bgcolor="#F9000"></embed>

Hi,

What is the html code to have a Youtube video on my website?

Is it possible to embed just the Audio with a stop, pause, progress display?

What is the html for this

Is it possible to embed a flash game (http://armorgames.com/play/5177/grayscale) into my site without having the add at the beginning? Just the logo and links of the creator!

The code is:

<embed src="http://www.coolbuddy.com/games/swf/Grayscale.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="600"></embed><br><a href="http://www.coolbuddy.com" target="_blank" title="Play Games">Play Games at coolbuddy</a>

Heys guys,

I'm trying to build a website and I'm trying to embed multiple sound files into one page. I think there will probably be about 5 files.
I've actually tried this but when the page loads only 2 or 3 of the 5 files load. I've tried putting them on one or two at a time and it works that way, but not all at the same time. Also, when the page loads I get 5 popup ActiveX boxes to click on...is there anyway to maybe only get 1?

Would really appreciate any help!!!
Jeff Terrell

Hi all =)

I'm using the following code:
Code:

<embed type="application/x-mplayer2" 
pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" 
name="mediaplayer1" 
showstatusbar="1" 
EnableContextMenu="false" 
autostart="true" 
width="230" 
height="240" 
transparentstart="1" 
loop="0" 
controller="true" 
src="http://www.bartend.com/ecourse/videos/bartendcom-margarita.wmv">
</embed>

It makes people download WMP 11 to view the file. I want to be able to let it run in WMP 9 or 10. How can I fix this?

Thank you =)

Light and Love and Healing to you,
-Patrick Arden McNally

Hi there!

I'm quite a newbie to webdesign and programing and right now I'm really stucked!
I hope this is the right Forum to post my question!

So I'm working at a html based website, and I'm trying to show my photos in a simpleviewer gallery which I want to embed in the html side (I work with tables).
however I want this flash gallery to adjust the size depending on screen or window size...
which I some how also managed:
see he http://www.dgclick.com/portfolio/index.html (just the gallery not embedded)

and now my problem...I'm trying to embed this gallery in the html, which I managed in general, just that the gallery is tiny and doesn't resize at all!!
see here--> http://www.dgclick.com/portfolio/portfolio_en.html

that's how I embedded it:

<embed src="viewer.swf" width="100%" height="auto"!important height:"100%" bgcolor="#161317" name="viewer" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" scale="exactfit"></embed>



what's wrong with it!!
Please help me!!

Thanks
Dani

Howdy,

I interning for a musician and part of my job is to make myspace bulletins.

What I want to do is embed one of those little media players in my bulletins so the song plays when someone opens the bulletin up...

the file is not on a website anywhere, it is on my computer in mp3 format (i believe)

so here is my question(s)

How do i get the mp3 in html format? and how do I embed a music player into a mysapce bulletin?

______________
notes:

Through My Documents I've opened up the file in InternetExplorer in hopes that I could use that html address...... the media player DID show up in the Myspace bulletin, however, the music would not playback (when I hit the play button it just said "stopped."

I've googled "embed media player in myspace" and other key words but i'm still not understanding nor am i finding the information i am looking for...

_______________

I really want to learn how to this so any advice will be greatly appreciated!
Cheers!


feel free to IM me
MSN: DJMi55ing@live.com
AIM: (please ask)

could someone have a look at a site that I am working on...

http://benjaminpotter.org/stpauls/

and tell me how come in IE the picture box moves off to the right...

it has stumped me!

hey anyone who's reading this.. i'm having trouble with fleshing out a vertical menu as when i do, it either doesn't work or doesn't work the way that i had imagined. any help?

trying to make submenus that shift down the other main menus from the main menu it originated from.
font style won't attach; i used ideoma_SPRAY.otf for the entirety of it and both the html and css are separated in the one txt file. wasn't sure if i was supposed to post this to html or css so i'm just putting it up here for now.

thank you!

hey everyone...I saw that you helped hasanoca,so I need same help.My site works in Safari,GGL Chrome and opera,but IE and mozilla won't open it right...everything is mixed up...so here is my site:
Quote:
*{
margin:0px auto;
padding:0px;
}

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFD68F;
text-align:justify;
background:url(../images/bg.JPG) left top repeat;
}

b{
color:#fff;
text-decoration:underline;
}

strong{ color:#FEE9C4;}


h1{
font-size:21px;
font-weight:bold;
color:#fff;
margin:0px;
padding:0px;
}

.clear{
clear:both;
margin:0px;
padding:0px;
}

.conten_area{
width:803px;
margin:0px auto;
padding:0px 0px 0px 200px;

}

.sub_menu{
width:150px;
float:right;
margin:0px;
padding:35px 0px 7px 0px;
font-weight:bold;
}

.sub_menu a{
text-decoration:none;
color:#fff;
}

.sub_menu a:hover{
text-decoration:none;
color:#fff;
}

.sub_menu a.active {
color:#f9be58;
text-decoration:none;
}

.workzone{
width:604px;
float:left;
padding:0px 0px 50px 0px;
margin:0px 0px 0px 0px;
}

.header{
width:237px;
float:left;
margin:0px 0px 0px 0px;
padding:357px 33px 0px 334px;
background-image: url(../images/header_img.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}



.menu_heading{
text-align:right;
margin:0px;
padding:0px 0px 0px 0px;
}

.menu{
width:140px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin:0px;
padding:10px 0px 0px 0px;
}

.menu ul{
margin:0px;
padding:0px;

}

.menu li{
list-style-type:none;
margin:0px;
text-align:right;
padding:5px 20px 0px 0px;
background-image: url(../images/bullet.GIF);
background-repeat: no-repeat;
background-position: right 10px;
}

.menu li a{
text-decoration:none;
color:#fff;
}

.menu li a:hover{
text-decoration:none;
color:#fff;
}

/* content master */
.content{
width:556px;
float:left;
padding:0px 24px 45px 24px;
margin:0px;
background: url(../images/content_bg.jpg) left bottom no-repeat;
}

/* welcome */
.welcome{
width:556px;
float:left;
margin:15px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.welocme_heading{
width:505px;
float:left;
font-size:21px;
font-weight:bold;
color:#7C150A;
margin:0px;
padding:0px 27px 11px 24px;
}

.welcome_top{
width:556px;
height:20px;
float:left;
margin:0px;
padding:0px;
background-image: url(../images/welcome_top.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

.welcome_content{
width:505px;
margin:0px;
padding:0px 27px 0px 24px;
background-image: url(../images/welcome_bg.jpg);
background-repeat: repeat-y;
background-position: 0px 0px;
text-align:justify;
}

.welcome_bottom{
width:556px;
height:20px;
float:left;
margin:0px;
padding:0px;
background-image: url(../images/welcome_bottom.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

/* services */
.services{
width:556px;
float:left;
margin:15px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.services_heading{
width:505px;
float:left;
font-size:21px;
font-weight:bold;
color:#000;

margin:0px;
padding:0px 27px 11px 24px;
}

.services_top{
width:556px;
height:20px;
float:left;
margin:0px;
padding:0px;
background-image: url(../images/services_top.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

.services_content{
width:505px;
margin:0px;
padding:0px 27px 0px 24px;
background-image: url(../images/services_bg.jpg);
background-repeat: repeat-y;
background-position: 0px 0px;
}
/* services category */
.web_design{
width:149px;
float:left;
margin:0px;
padding:0px 12px 0px 0px;
border-right:1px dotted #FEE9C4;
}
.web_design_heading{
width:113px;
float:left;
font-size:11px;
font-weight:bold;
margin:0px;
padding:6px 0px 9px 36px;
background-image: url(../images/img.jpg);
background-repeat: no-repeat;
background-position: left 0px;
}
.web_design_content{
width:149px;
float:left;
margin:0px;
padding:5px 0px 0px 0px;
}
/* logo category */

.logo_design{
width:149px;
float:left;
margin:0px;
padding:0px 12px 0px 16px;
border-right:1px dotted #FEE9C4;
}

.logo_design_heading{
width:113px;
float:left;
font-size:11px;
font-weight:bold;
margin:0px;
padding:6px 0px 9px 36px;
background-image: url(../images/img2.jpg);
background-repeat: no-repeat;
background-position: left 0px;
}
.logo_design_content{
width:149px;
float:left;
margin:0px;
padding:5px 0px 0px 0px;
}

/* icon category */
.icon_design{
width:149px;
float:left;
margin:0px;
padding:0px 0px 0px 16px;

}

.icon_design_heading{
width:113px;
float:left;
font-size:11px;
font-weight:bold;
margin:0px;
padding:6px 0px 9px 36px;
background-image: url(../images/img3.jpg);
background-repeat: no-repeat;
background-position: left 0px;
}
.icon_design_content{
width:149px;
float:left;
margin:0px;
padding:5px 0px 0px 0px;
}


.services_bottom{
width:556px;
height:20px;
float:left;
margin:0px;
padding:0px;
background-image: url(../images/services_bottom.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

/* our client */

.our_client{
width:556px;
float:left;
margin:15px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.our_client_heading{
width:505px;
float:left;
margin:0px;
font-size:21px;
font-weight:bold;
color:#7B3903;
padding:0px 27px 11px 24px;
}

.our_client_top{
width:556px;
height:20px;
float:left;
margin:0px;
padding:0px;
background-image: url(../images/client_top.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

.our_client_content{
width:298px; height:194px;
margin:0px;

padding:25px 234px 49px 24px;
background-image: url(../images/client_content.gif);
background-repeat: repeat-y;
background-position: 0px 0px;
text-align:justify;
}

.our_client_list{
width:270px;
float:left;
margin:0px;
padding:10px 0px 0px 0px;
}

.our_client_list ul{
margin:0px;
padding:0px 0px 0px 15px;
}

.our_client_list li{
list-style-type:disc;
margin:0px;
padding:4px 0px 0px 0px;
}

.our_client_list li a{
text-decoration:underline;
color:#FFEFD2;
}

.our_client_list li a:hover{
text-decoration:none;
color:#FFEFD2;
}

.our_client_bottom{
width:556px;
height:20px;
float:left;
margin:0px;
padding:0px;
background-image: url(../images/client_bottom.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
/* footer */

.footer{
width:604x;
padding:20px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.footer_menu{
width:604px;
float:left;
text-align:center;
color:#F3E8D2;
text-transform:uppercase;
background:#333;

}

.footer_menu ul {
margin:0px;
padding:0px;
}

.footer_menu li {
display:inline;
list-style-type:none;
margin:0px;
border-right:1px solid #ffe1ad;
padding:0px 5px 0px 5px;
}

.footer_menu li a{
text-decoration:none;
color:#F3E8D2;}

.footer_menu li a:hover{
text-decoration:none;
color:#F3E8D2;}

/* link */
a {
color:#ffffff;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

p a{
text-decoration:none;
color:#fff;
float:right;}

p a:hover{
text-decoration:none;
color:#fff;
float:right}



/* Inside Style Start Here */

.insidebanner {
height:332px;
background:url(../images/insidebanner.jpg) left top no-repeat;
}
h5 {
font:15px Myriad Pro, Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:100;
padding:0px 0px 5px 0px;
border-bottom:1px dotted #ffffff;
margin:0px 0px 10px 0px;
}


h6 {
font:17px Myriad Pro, Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:100;
padding:0px 0px 5px 0px;
margin:0px 0px 10px 0px;
}

.ourvalue {
margin:10px 0px 0px 0px;
}

.aboutus-img {
float:right;
border:4px solid #b0a48b;
margin:0px 0px 10px 20px;
}

.aboutcolumnzone {
padding:20px 0px 16px 0px;
}

.aboutcolumn1 {
width:48%;
float:left;
margin:0px 0px 10px 0px;
}

.aboutcolumn2 {
width:48%;
float:right;
margin:0px 0px 10px 0px;
}

.abouticon {
float:left;
margin:0px 20px 0px 0px;
}

.servicecolumnzone {
padding:20px 0px 16px 0px;
}

.servicecolumn1 {
width:48%;
float:left;
margin:0px 0px 10px 0px;
}

.servicecolumn2 {
width:48%;
float:right;
margin:0px 0px 10px 0px;
}

.our-comment {
margin:10px 0px 0px 0px;
}

.blog-posted-row {
padding:3px;
}

.ourprojectrow {
margin-bottom:20px;
border-bottom:1px dotted #000000;
padding-bottom:10px;
}

.project-img {
float:right;
margin-left:20px;
border: 6px solid #b0a48b;
}

input.button {
color:#ffffff;
background:#414141;
font:bold 11px Arial, Helvetica, sans-serif;
text-decoration:none;
padding:10px 10px;
margin:0px 5px 5px 0;
border:1px solid #000000;
}
input.button:hover {
cursor:pointer;
color:#cccccc;
}

.insidereadmore {
padding:10px 0px 10px 0px;
}
/* Inside Style End Here */

Hello,

I've been working in Dreamweaver on what I think is a pretty simple project, but am stuck figuring out the following:

On the system that I used to create the html code, the following produces exactly what I intend... a mouseover event that opens a window that is 800x600:

<a href="#" onmouseout="dave.close()" onmouseover="dave=window.open('Adrift in Manhattan.htmL','test','width=800,height=600')"><font
size="2" face="Georgia, Times New Roman, Times, serif">Adrift in Manhattan
</font></a><br />
<br />

When I "mouseover" on one of my other systems, the window opens full screen - not the 800x600 I want.

What am I missing?

Thanks,
bob

Hello all!

I was going to give my website a new structure, so i would be able to make more stylesheets, without making different HTML's. And to give my website more differences between the stylesheets, i decided to put the leftpanel buttons into the css stylesheet too, so i was able to give them different looks just by changing the css.

So i changed the source (src) to an transperant .png file called "linky.png", and then i gave each button an id. Each ID was named the name of what the button refers to, and what it is (Example: ID="Homebutton").
Now as you can guess, each button can't be seen, only be pressed on. So i went to my stylesheet (Classic.css) and entered the names and gave them properties (look below to see an example).
Code:

#Homebut {
	background-color: #FFFFFF;
	background-image: url("Classic/Home.png");
	background-repeat: no-repeat;


}

And i was really excited over the result. I opened index.html using Firefox, but my excitement was over. The buttons didnn't show up. All i could 'see' was my invisible button.



I don't think that this is a really big and hard problem to solve, it's probaly just something i spelled wrong or wrote wrong. But i checked everything, and i couldn't find any things that looked like that at all. That's why i kindly ask you to help me.

Download everything you need for solving my problem right here!

If there is anything else you need to solve my problem*, just ask for it and i'll see what i can do.


*=anything else than money xP

I have an html page and right above this page i placed an flash file by putting a layer above this file...now the problem is b/w IE and mozilla firefox. When i see my page in IE the links are working properly but in firefox links are not working properly becauz of flash file behind html page.....so can u plz help me out with this. Thanks in advance.

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">&copy; 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