whats? A ver quién me dice por qué no sale el backgound de este <div> Esto yo aqui comiendome el coco, y no lo veo y no lo veo.. !!!!
por eso os invoco, jajaja, el caso es que he cogido el codigo de un reproductor por ahí... xD y bueno, estoy cambiandoles los estilos de forma que quede bien en mi web;
bien, el reproductor; por así decirlo consta de un div reproductor y un div playlist. Bien, yo he metido ambos en un div playerplaylist, y le he puesto un fondo similar al del contenido, pero más pequeño.. (para que parezca que están dentro, en fin.. jaja)
el códgo CSS es (está en la misma página, creo que me sobrescribe el body de mi .css, pero bueno; no debería afectar...:
Cita:
y el HTML (en un .php) es:<style type=text/css>
body { padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; margin:0px;
font-size:12px;
font-family:verdana,helvetica,arial;
background-color: #ffffff;
}
#playerroot { float:left; width:400px; height:268px; border-right:#333 1px solid; border-top:#333 1px solid; border-left:#333 1px solid; border-bottom:#333 0px solid; background-color: #f4f4f4; z-index:1000 }
#listroot { clear:both; float:left; width:400px; height:268px; border-left:#333 1px solid; border-right:#333 1px solid; border-top:#333 1px solid; border-bottom:#333 1px solid; background-color: #f4f4f4; z-index:2 }
#playerhandle { width:396px; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; margin:2px; color:white; background-color:#426300; font-weight: bold; }
#listhandle { width:396px; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; margin:2px; color:white; background-color:#426300; font-weight: bold; }
#playerplaylist { background:url(../../img1/bgplayer.JPG); position:absolute; left:1000px; top:150px;}
.playlistlo { font:12px verdana,arial,helvetica,sans-serif; vertical-align:top; text-transform:none; color:#000000; background-color:#7bad00; text-align: left }
.playlisthi { font:12px verdana,arial,helvetica,sans-serif; text-transform:none; color:#000000; background-color:#c6ef74; }
.playlistbox { margin: 0px; border-right: #7bad00 1px solid; border-top:#7bad00 1px solid; border-left:#7bad00 1px solid; border-bottom:#7bad00 1px solid; overflow: auto; }
</style>
body { padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; margin:0px;
font-size:12px;
font-family:verdana,helvetica,arial;
background-color: #ffffff;
}
#playerroot { float:left; width:400px; height:268px; border-right:#333 1px solid; border-top:#333 1px solid; border-left:#333 1px solid; border-bottom:#333 0px solid; background-color: #f4f4f4; z-index:1000 }
#listroot { clear:both; float:left; width:400px; height:268px; border-left:#333 1px solid; border-right:#333 1px solid; border-top:#333 1px solid; border-bottom:#333 1px solid; background-color: #f4f4f4; z-index:2 }
#playerhandle { width:396px; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; margin:2px; color:white; background-color:#426300; font-weight: bold; }
#listhandle { width:396px; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px; margin:2px; color:white; background-color:#426300; font-weight: bold; }
#playerplaylist { background:url(../../img1/bgplayer.JPG); position:absolute; left:1000px; top:150px;}
.playlistlo { font:12px verdana,arial,helvetica,sans-serif; vertical-align:top; text-transform:none; color:#000000; background-color:#7bad00; text-align: left }
.playlisthi { font:12px verdana,arial,helvetica,sans-serif; text-transform:none; color:#000000; background-color:#c6ef74; }
.playlistbox { margin: 0px; border-right: #7bad00 1px solid; border-top:#7bad00 1px solid; border-left:#7bad00 1px solid; border-bottom:#7bad00 1px solid; overflow: auto; }
</style>
Cita:
Bien, el caso es que me los 'coloca bien' (en firefox, en IE no y tampoco se aún por qué....) pero el fondo, no sale... :S<body onLoad="init()">
<div id="contenedor">
<? include('../../menu.php'); ?>
<div id="contenido">
<h1 size=-2>Multimedia</h1>
<p>One two, one two.. </p>
</div>
<div id="contenidolateral">
<h1>Multimedia</h1>
<p><a href="#">Musica</a></p>
<p><a href="#">Audio</a></p>
<p><a href="#">Categoria3</a></p>
<p><a href="#">...</a></p>
</div>
</div>
<div id="playerplaylist">
<div id="playerroot">
<div id="playerhandle">JW WMV Player</div>
<div id="container"></div>
</div>
<div id="listroot">
<div id="listhandle">XSPF Playlist</div>
<div class="playlistbox" align="left" style="width:400px; height:244px">
<div id="writeroot"></div>
</div></div>
</div>
</div>
</body>
<div id="contenedor">
<? include('../../menu.php'); ?>
<div id="contenido">
<h1 size=-2>Multimedia</h1>
<p>One two, one two.. </p>
</div>
<div id="contenidolateral">
<h1>Multimedia</h1>
<p><a href="#">Musica</a></p>
<p><a href="#">Audio</a></p>
<p><a href="#">Categoria3</a></p>
<p><a href="#">...</a></p>
</div>
</div>
<div id="playerplaylist">
<div id="playerroot">
<div id="playerhandle">JW WMV Player</div>
<div id="container"></div>
</div>
<div id="listroot">
<div id="listhandle">XSPF Playlist</div>
<div class="playlistbox" align="left" style="width:400px; height:244px">
<div id="writeroot"></div>
</div></div>
</div>
</div>
</body>
Algún error? llevo más de una hora buscandolo.... :(
(y bueno, por si me he expresado mal, pueden ver el 'fenòmeno aquí http://laspruebasdetoni.netau.net/Sc...multimedia.php )
Muchisimas gracias en adelanto :) la verdad cualquier idea me ayudará, estoy collapsed!!!
ah! ya que esoty... las cabeceras del reproductor y del playlist, me gustaría quitarlas...
he probado quitar los (en negrita)
Cita:
Pero si lo hago, no funciona ni el player ni el playlist... ¿alguna idea para esto otro?<div id="playerplaylist">
<div id="playerroot">
<div id="playerhandle">JW WMV Player</div>
<div id="container"></div>
</div>
<div id="listroot">
<div id="listhandle">XSPF Playlist</div>
<div class="playlistbox" align="left" style="width:400px; height:244px">
<div id="writeroot"></div>
</div></div>
</div>
</div>
<div id="playerroot">
<div id="playerhandle">JW WMV Player</div>
<div id="container"></div>
</div>
<div id="listroot">
<div id="listhandle">XSPF Playlist</div>
<div class="playlistbox" align="left" style="width:400px; height:244px">
<div id="writeroot"></div>
</div></div>
</div>
</div>
ciao!!!
