Regresar a la página ComoCrearTuWeb.com
Resultados 1 al 14 de 14

Tema: Otras propiedades css

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    20 may, 07
    Ubicación
    Valladolid, España.
    Mensajes
    199
    Poder de Reputación
    21

    Otras propiedades css

    Estuve buscando en la web, pero no he encontrado nada...alguien me puede explicar un poquito como son las propiedade de position, top, left y todo eso???

    Gracias

  2. #2
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,568
    Poder de Reputación
    43
    Pues qué quieres saber exactamente sobre ellas, no entendí bien :?

  3. #3
    Me va gustando esto... Habitante
    Fecha de Ingreso
    20 may, 07
    Ubicación
    Valladolid, España.
    Mensajes
    199
    Poder de Reputación
    21
    pues nada como son, es que no sé nada sobre ellas...para hacer una web un poco mejor que la que tengo...

  4. #4
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,568
    Poder de Reputación
    43
    Pues normalmente se diferencia entre left (izquierda), right (derecha), bottom (fondo) y top (arriba), esas cuatro son las cuatro posiciones que puedes indicar, que mezclandolo con los margin padding puedes situar bien todas las capas. También existen las posiciones absolutas, pero son peores, dando efectos indeseados en algunos exploradores.
    Saludos

  5. #5
    Me va gustando esto... Habitante
    Fecha de Ingreso
    20 may, 07
    Ubicación
    Valladolid, España.
    Mensajes
    199
    Poder de Reputación
    21
    Entonces top, left, right y todo eso sería como los margin...o me estoy liando? :?

  6. #6
    Me va gustando esto... Habitante
    Fecha de Ingreso
    05 abr, 08
    Ubicación
    Venezuela
    Mensajes
    287
    Poder de Reputación
    21

    :S

    "PODRIAN" servir para lo mismo pero seria poco inteligente q para poner una capa totalmente a la derecha le pongas margin-left: 150px (por ejemplo), es mejor hacerlo con la propiedad float: right, asi t lo mandarias directament a la derecha.

    El float es para ubicar la capa arriba, a la derecha, abajo, a la izquierda o en el centro, los margin son para separar esas capas del resto de lo elementos d la pag,

    Por ejemplo t mandast una capa a la derecha con el float pero t qdo pegada a la part final de la web, con los margins la puedes separar poniendole margin-right: 10px.

    Espero haberme explicado bien. ;)
    WiLL

  7. #7
    Me va gustando esto... Habitante
    Fecha de Ingreso
    20 may, 07
    Ubicación
    Valladolid, España.
    Mensajes
    199
    Poder de Reputación
    21
    Bueno lo que quiero es conocer otras propiedades de css además de las del curso de la web...saber para que sirven y todo eso.

    Porque quiero reformar mi web porque creo que es por el codigo css por lo que no se ve bien con el firefox... :?

  8. #8
    Me va gustando esto... Habitante
    Fecha de Ingreso
    05 abr, 08
    Ubicación
    Venezuela
    Mensajes
    287
    Poder de Reputación
    21

    Efectivamente

    Pues si tienes razon, yo tambien actualmente tengo problemas con mi web, en IE se veia perfecta pero al visualizarla en firefox pues cambian muchas cosas.

    Todo esta en ir probando poco a poco, reduciendo margenes, ampliando capas, etc.

    Si ya subist tu web puedes dejarlos la direccion a ver q le ocurre, sino pues mandanos unas captura para ver los fallos
    WiLL

  9. #9
    Me va gustando esto... Habitante
    Fecha de Ingreso
    20 may, 07
    Ubicación
    Valladolid, España.
    Mensajes
    199
    Poder de Reputación
    21
    Es la de mi firma, te la pongo aquí de todas formas:

    http://usuarios.lycos.es/didoplanet/

  10. #10
    Me va gustando esto... Habitante
    Fecha de Ingreso
    05 abr, 08
    Ubicación
    Venezuela
    Mensajes
    287
    Poder de Reputación
    21

    :o

    Wao, de verdad q cambia notablemente de firefox a IE.

    Pareciera q no agarrara el fondo dond tienes metido el menu y el contenido.

    Es extraño xq en el IE se ve perfectament
    WiLL

  11. #11
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    29 feb, 08
    Ubicación
    Lima-Perú
    Mensajes
    935
    Poder de Reputación
    24
    Si nos pegas el codigo podriamos darne una mejor solucion .. ya q yo tambien tube ese problema y tuve a borrar toda mi web y comenzar de cero pero en esa ronda pues creaba algo y le daba preview en todos lo navegadores para saber asi cual es el problema..

  12. #12
    Me va gustando esto... Habitante
    Fecha de Ingreso
    20 may, 07
    Ubicación
    Valladolid, España.
    Mensajes
    199
    Poder de Reputación
    21
    Bueno mi codigo es bastante lioso os pongo el index y la hoja de estilo:

    Supongo que el problema estará en la hoja de estilo, por eso intentaba aprender un poco mas... :?




    Código:
    <HTML>
    
    <HEAD>
    <LINK REL="SHORTCUT ICON" HREF="http://objetos/iconodidoplanet.gif">
    
    
    <TITLE>Dido Planet</TITLE>
    <LINK rel="stylesheet" href="estilo.css" type="text/css" media="all">
    
    <style type="text/css">
    
    a:link { color:black; }
    a:hover {tcolor:black; text-decoration: none; }
    a:visited {color:black; text-decoration: none}
    
    </style>
    
    
    <META NAME="title" CONTENT="Dido Planet"> 
    <META NAME="description" CONTENT="Página bilingue sobre la cantate inglesa Dido Armstrong, estate al tanto de sus ultimas noticias. Además fotos, descargas y mucho mas."> 
    <META NAME="Keywords" CONTENT="Dido, Armstrong, Planet, descargas, videos, fotos, life, for, rent, no, angel, thank, you, white, flag, nuevo, album, 2008 "> 
    <META NAME="Language" CONTENT="Spanish"> 
    <META NAME="Revisit" CONTENT="7 days"> 
    <META NAME="author" CONTENT="Enore"> 
    <META NAME="robots" CONTENT="all | index | follow"> 
    <meta name="copyright" content="Copyright © 2008 http://usuarios.lycos.es/didoplanet/"> 
    
    
    
    </HEAD>
    
    <BODY background-image="objetos/fondo1.jpg">
    
    <DIV id="global">
    
    <DIV id="banner">
    
    
    </P>
    </DIV>
    
    <DIV id="fondoprincipal">
    
    <DIV id="menu-principal">Inicio    |    Dido    |    Fotos    |    Multimedia   |    Partituras   |    Foro   |    Radio    |    Chat   |   La Web   </DIV>
    
    
    
    
    <DIV id="tit-menu-lateral"></DIV></p>
    
    <DIV id="titnoticias"></DIV>
    
    
    <DIV id="div-lateral">
    
    
    
    <DIV id="menu-lateral">
    
    
    
    <DIV id="biografia">Biografía</DIV></p>
    
    
    <DIV id="discografia">Discografía</DIV></p>
    
    
    <DIV id="videoclips">Videoclips</DIV></p>
    
    
    <DIV id="letras">Letras</DIV></p>
    
    
    
    <DIV id="videos">Videos</DIV>
    </p>
    
    
    <DIV id="conciertos">Conciertos</DIV></p>
    
    </DIV></P>
    
    <DIV id="tit-mensaje"></DIV>
    <DIV id="mensaje">
    <DIV id="mensaje1">
    <div align="left"><font size="2" color="#333333">Hola y bienvenidos a Dido Planet, el nuevo sitio sobre la cantante inglesa Dido Armstrong para todos los hispanohablantes.
    
    Un saludo. Miriam.</font><font size="2">
    </font></div>
    
    <div align="left">
    <table cellpadding="0" cellspacing="0" border="0" width="80" style="line-height:0;width:80"><tr>
    <td width=17 style="padding:0 0 0"></td>
    <td width=37 style="padding:0 0 0"></td>
    <td width=26 style="padding:0 0 0"></td></tr></table>
    </div>
    
    
    </DIV>
    </DIV>
    
    <DIV id="tit-tagboard"></DIV>
    
    
    
    <div align="center" id="cboxdiv">
    <iframe frameborder="0" width="160" height="305" src="http://www2.cbox.ws/box/?boxid=1611185&amp;boxtag=8368&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#636C75 1px solid;" id="cboxmain"></iframe>
    
    <iframe frameborder="0" width="160" height="75" src="http://www2.cbox.ws/box/?boxid=1611185&amp;boxtag=8368&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#636C75 1px solid;border-top:0px" id="cboxform"></iframe>
    </div>
    </P>
    
    
    </DIV>
    
    
    
    <DIV id="marconoticias1">
    
    
    <DIV id="noticias">
    
    <?PHP
    $number=5;
    $only_active=TRUE;
    $static=TRUE;
    include("/data/members/free/tripod/es/d/i/d/didoplanet/htdocs/esp/cutenews/show_news.php");
    ?></P></DIV></DIV>
    
    </P>
    <DIV id="marconoticias2"></DIV>
    
    
    
    
    
    
    
    
    
    </DIV>
    
    
    <DIV id="div-abajo">
    
    <a target="_blank" href="http://www.pagerankmania.com/" alt="PageRank™ por www.PageRankMania.com" title="PageRank™ por www.PageRankMania.com" >
    
    </a> 
    
    
    
    
    <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    _uacct = "UA-2794977-1";
    urchinTracker();
    </script>
    
    
    
    <a href=http://www.ademails.com/estadisticas1059954098.htm>
    <script type="text/javascript" language="JavaScript">
    <!--
    document.write("<img src=\"http://www.ademails.com/cgi-bin/contador.cgi?ID=1059954098");
    document.write("&referer=");
    document.write(escape(document.referrer));
    document.write("\" border=0 alt=\"Estadisticas\">");
    // -->
    </script>
    <noscript><img src=http://www.ademails.com/cgi-bin/contador.cgi?ID=1059954098 border=0 alt="Estadisticas"></noscript></a>    Contacto [img]../objetos/flags_of_United-Kingdom.gif[/img]P&aacute;gina creada por Enore
    
    
    
    &copy;2007-2008.</DIV>
    
    </DIV>
    
    </BODY>
    
    </HTML>


    Código:
    BODY {background: url("objetos/fondodidoplnt.jpg") ; width: 770px ; background-attachment: scroll; text-align: center ; }
    
    #global {background: url("objetos/fondodidoplnt.jpg") ; width: 770px ; background-attachment: scroll; text-align: center ; }
    #global1 {background: url("objetos/divblanco.jpg") ; width: 770px ; background-attachment: scroll; text-align: center ; }
    
    
    #banner {background: url("objetos/plantilla3.jpg") ; BORDER: #000 0px solid ; width: 750px ; height: 458px ; MARGIN: 1px 1px 0px 1px ; }
    
    #fondoprincipal {background: url("objetos/fondoplantprin.jpg") ; BORDER: #000 0px solid ; width: 750px ; MARGIN: 0px 0px 0px 0px ; }
    
    
    #menu-principal { background: url("objetos/fondobarra1.jpg") ;  BORDER: #000 0px solid ; width: 715px ; height: 30px ;  margin:10px 1px 1px 1px ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #menu-principal a:link { color:black; } 
    #menu-principal a:hover {tcolor:black; text-decoration: none; }
    #menu-principal a:visited {color:black; text-decoration: none}
    
    
    
    #tit-menu-lateral  {background: url("objetos/fondotitmenu.jpg") ; width: 150px ; height: 40px ; FLOAT: left ; margin:0px 0px 1px 22px ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    
    #div-lateral  {background: url("objetos/divblanco.jpg") ; width: 170px ; margin:0px 0px 10px 22px ; FLOAT: left ; TEXT-ALIGN:center ;  font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    
    #menu-lateral  {background: url("objetos/fondomenulat.jpg") ; width: 170px ; margin:0px 0px 10px 22px ; FLOAT: left ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #biografia  { background: url("objetos/fondipeqmenulat.jpg") ;  BORDER: #000 1px solid ; width: 150px ; height: 30px ; margin:10px 1px 1px 10px ; FLOAT: left ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #biografia  a:link { color:black; } 
    #biografia  a:hover {tcolor:black; text-decoration: none; }
    #biografia  a:visited {color:black; text-decoration: none}
    
    #discografia  { background: url("objetos/fondipeqmenulat.jpg") ;  BORDER: #000 1px solid ; width: 150px ; height: 30px ; margin:0px 1px 0px 10px ; FLOAT: left ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #discografia  a:link { color:black; } 
    #discografia  a:hover {tcolor:black; text-decoration: none; }
    #discografia  a:visited {color:black; text-decoration: none}
    
    #videoclips  { background: url("objetos/fondipeqmenulat.jpg") ;  BORDER: #000 1px solid ; width: 150px ; height: 30px ; margin:0px 1px 0px 10px ; FLOAT: left ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #videoclips  a:link { color:black; } 
    #videoclips  a:hover {tcolor:black; text-decoration: none; }
    #videoclips  a:visited {color:black; text-decoration: none}
    
    #letras  { background: url("objetos/fondipeqmenulat.jpg") ;  BORDER: #000 1px solid ; width: 150px ; height: 30px ; margin:0px 1px 0px 10px ; FLOAT: left ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #letras  a:link { color:black; } 
    #letras  a:hover {tcolor:black; text-decoration: none; }
    #letras  a:visited {color:black; text-decoration: none}
    
    #videos  { background: url("objetos/fondipeqmenulat.jpg") ;  BORDER: #000 1px solid ; width: 150px ; height: 30px ; margin:0px 1px 0px 10px ; FLOAT: left ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #videos  a:link { color:black; } 
    #videos  a:hover {tcolor:black; text-decoration: none; }
    #videos  a:visited {color:black; text-decoration: none}
    
    #conciertos  { background: url("objetos/fondipeqmenulat.jpg") ;  BORDER: #000 1px solid ; width: 150px ; height: 30px ; margin:0px 1px 1px 10px ; FLOAT: left ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #conciertos  a:link { color:black; } 
    #conciertos  a:hover {tcolor:black; text-decoration: none; }
    #conciertos  a:visited {color:black; text-decoration: none}
    
    
    
    #encuesta  {background: url("objetos/fondomenulat.jpg") ; width: 160px ; margin:0px 0px 10px 22px ; FLOAT: left ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #tit-mensaje  {background: url("objetos/tit-bienvenida.jpg") ; width: 170px ; height: 40px ; margin:0px 0px 5px 22px ; FLOAT: left ; TEXT-ALIGN:center ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #mensaje  {background: url("objetos/fondosubdiv.jpg") ; width: 170px ; margin:0px 0px 10px 22px ; FLOAT: left ; TEXT-ALIGN:center ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #mensaje1  {background: url("objetos/fondosubdiv.jpg") ; width: 150px ; margin:10px 10px 10px px ; FLOAT: left ; TEXT-ALIGN:center ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #tit-tagboard  {background: url("objetos/tit-tagboard.jpg") ; width: 170px ; height: 40px ; margin:0px 0px 1px 22px ; FLOAT: left ; TEXT-ALIGN:center ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #titnoticias {background: url("objetos/titnoticias1.jpg") ; BORDER: #000 0px solid ; width: 420px ; height: 40px ; margin:0px 22px 1px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #noticias  {BACKGROUND-COLOR: #999999 ; BORDER: #000 0px solid ; width: 420px ; margin:10px 10px 0px 10px ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #marconoticias1  {background: url("objetos/marconoticias1.jpg") ; BORDER: #000 0px solid ; width: 440px ; margin:0px 22px 0px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #marconoticias2  {background: url("objetos/marconoticias2.jpg") ; BORDER: #000 0px solid ; width: 440px ; margin:0px 22px 0px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #contenidos-web  {background: url("objetos/fondodiv.gif") ; BORDER: #000 1px solid ; width: 700px ; height: 200px ; MARGIN: 15px 39px 10px 20px ; FLOAT: right ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #lo-ultimo  {BACKGROUND-COLOR: DarkGray ; BORDER: #000 1px solid ; width: 700px ; height: 225px ; MARGIN: 15px 20px 10px 20px ; FLOAT: left ; font-family: Perpetua,Arial,Verdana,Helvetica ; font-weight:bold; }
    
    #div-abajo  {background: url("objetos/fondodivabajo.jpg") ; BORDER: #000 0px solid ; width: 750px ; height: 35px ;margin:0px 0px 0px 0px ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #div-abajo  a:link { color:black; } 
    #div-abajo  a:hover {tcolor:black; text-decoration: none; }
    #div-abajo  a:visited {color:black; text-decoration: none}
    
    
    /* Divs de sub-pag DIDO */
    
    #global {background: url("objetos/fondodidoplnt.jpg") ; width: 800px ; height: 700px ; background-attachment: scroll; text-align: center ; }
    
    #didofondo  {background: url("objetos/fondodidohtml.jpg") ; width: 706px ; height: 625px ; margin:20px 22px 0px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #didolinks  {background: url("objetos/divblanco.jpg") ; BORDER: #000 0px solid ; width: 415px ; height: 620px ;margin:5px 22px 0px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    
    #dido-biografia  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 415px ; height: 115px ;margin:2px 2px 0px 0px ; FLOAT: right; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
    #dido-biografia  a:link { color:black; }
    #dido-biografia  a:hover {tcolor:black; text-decoration: underline; }
    #dido-biografia  a:visited {color:black; text-decoration: none}
    #dido-discografia  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 415px ; height: 115px ;margin:2px 2px 0px 0px ; FLOAT: right; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
    #dido-discografia  a:link { color:black; }
    #dido-discografia  a:hover {tcolor:black; text-decoration: underline; }
    #dido-discografia  a:visited {color:black; text-decoration: none}
    #dido-videoclips  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 415px ; height: 115px ;margin:2px 2px 0px 0px ; FLOAT: right; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
    #dido-videoclips  a:link { color:black; }
    #dido-videoclips  a:hover {tcolor:black; text-decoration: underline; }
    #dido-videoclips  a:visited {color:black; text-decoration: none}
    #dido-letras  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 415px ; height: 115px ;margin:2px 2px 0px 0px ; FLOAT: right; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
    #dido-letras  a:link { color:black; }
    #dido-letras  a:hover {tcolor:black; text-decoration: underline; }
    #dido-letras  a:visited {color:black; text-decoration: none}
    #dido-conciertos  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 415px ; height: 115px ;margin:2px 2px 0px 0px ; FLOAT: right; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
    #dido-conciertos  a:link { color:black; }
    #dido-conciertos  a:hover {tcolor:black; text-decoration: underline; }
    #dido-conciertos  a:visited {color:black; text-decoration: none}
    
    
    
    /* Divs de sub-pag MULTIMEDIA */
    
    
    #global  {background: url("objetos/fondodidoplnt.jpg") ; width: 800px ; height: 700px ; background-attachment: scroll; text-align: center ; }
    
    #multimediafondo  {background: url("objetos/fondomultimediahtml.jpg") ; width: 706px ; height: 529px ; margin:20px 22px 0px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #multimedialinks  {background: url("objetos/divblanco.jpg") ; BORDER: #000 0px solid ; width: 415px ; height: 529px ;margin:5px 22px 0px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    
    #multimedia-videos  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 450px ; height: 100px ;margin:15px 0px 0px 10px ; FLOAT: left; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
    #multimedia-videos  a:link { color:black; }
    #multimedia-videos  a:hover {tcolor:black; text-decoration: underline; }
    #multimedia-videos  a:visited {color:black; text-decoration: none}
    #multimedia-wallapers  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 450px ; height: 100px ;margin:5px 0px 0px 10px ; FLOAT: left; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
    #multimedia-wallapers  a:link { color:black; }
    #multimedia-wallapers  a:hover {tcolor:black; text-decoration: underline; }
    #multimedia-wallapers  a:visited {color:black; text-decoration: none}
    #multimedia-banners  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 450px ; height: 100px ;margin:5px 0px 0px 10px ; FLOAT: left; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
    #multimedia-banners  a:link { color:black; }
    #multimedia-banners  a:hover {tcolor:black; text-decoration: underline; }
    #multimedia-banners  a:visited {color:black; text-decoration: none}
    #multimedia-avatars  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 450px ; height: 100px ;margin:5px 0px 0px 10px ; FLOAT: left; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
    #multimedia-avatars  a:link { color:black; }
    #multimedia-avatars  a:hover {tcolor:black; text-decoration: underline; }
    #multimedia-avatars  a:visited {color:black; text-decoration: none}
    
    
    
    
    /* Divs de sub-pag PARTITURAS */
    
    
    #global  {background: url("objetos/fondodidoplnt.jpg") ; width: 800px ; height: 700px ; background-attachment: scroll; text-align: center ; }
    
    #partiturasfondo  {background: url("objetos/fondopartiturashtml.jpg") ; width: 706px ; height: 625px ; margin:20px 22px 0px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #partituraslinks  {background: url("objetos/proximamente.jpg") ; BORDER: #000 0px solid ; width: 415px ; height: 620px ;margin:5px 22px 0px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    
    
    
    
    /* Divs de sub-pag LAWEB */
    
    
    #global  {background: url("objetos/fondodidoplnt.jpg") ; width: 800px ; height: 700px ; background-attachment: scroll; text-align: center ; }
    
    #lawebfondo  {background: url("objetos/fondolawebhtml.jpg") ; width: 706px ; height: 625px ; margin:20px 22px 0px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #laweblinks  {background: url("objetos/divblanco.jpg") ; BORDER: #000 0px solid ; width: 415px ; height: 620px ;margin:5px 22px 0px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #laweb-titdivlinks  {background: url("objetos/lawebtitdivlinks.jpg") ; BORDER: #000 0px solid ; width: 415px ; height: 40px ;margin:2px 2px 0px 0px ; FLOAT: right; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
    
    #laweb-divlinks  {background: url("objetos/fondolawebdivlinks.jpg") ; BORDER: #000 0px solid ; width: 415px ; height: 275px ;margin:2px 2px 0px 0px ; FLOAT: right; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
    #laweb-divlinks  a:link { color:black; }
    #laweb-divlinks  a:hover {tcolor:black; text-decoration: underline; }
    #laweb-divlinks  a:visited {color:black; text-decoration: none}
    
    
    
    
    /* Divs de sub-pag BIOGRAFIA */
    
    
    #global  {background: url("objetos/fondodidoplnt.jpg") ; width: 800px ; height: 700px ; background-attachment: scroll; text-align: center ; }
    
    
    #biografiafondo  {background: url("objetos/fondosubdiv.jpg") ; width: 706px ; margin:20px 22px 5px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #biografiadiv1  {background: url("objetos/fondosubdiv.jpg") ; width: 527px ; height: 248px ; margin:5px 0px 0px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #biografiafoto1  {background: url("objetos/fondodiv1.jpg") ; width: 179px ; height: 248px ; margin:5px 22px 0px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #biografiadiv2  {background: url("objetos/fondosubdiv.jpg") ; width: 706px ; margin:0px 22px 0px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #biografiafoto2  {background: url("objetos/fondodiv1.jpg") ; width: 160px ; height: 240px ; margin:3px 1px 3px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #biografiadiv3  {background: url("objetos/fondosubdiv.jpg") ; width: 545px ; height: 240px ; margin:0px 22px 0px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #biografiadiv4  {background: url("objetos/fondosubdiv.jpg") ; width: 706px ; margin:0px 22px 0px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #biografiadiv5  {background: url("objetos/fondosubdiv.jpg") ; width: 566px ; height: 140px ; margin:5px 0px 0px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #biografiafoto3  {background: url("objetos/fondodiv1.jpg") ; width: 140px ; height: 140px ; margin:5px 22px 0px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #biografiadiv6  {background: url("objetos/fondosubdiv.jpg") ; width: 706px ; margin:0px 22px 5px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    
    
    
    /* Divs de sub-pag DISCOGRAFIA */
    
    
    
    
    
    /* Divs de sub-pag CDS */
    
    
    
    #global  {background: url("objetos/fondodidoplnt.jpg") ; width: 800px ; height: 700px ; background-attachment: scroll; text-align: center ; }
    
    
    #foto  {background: url("objetos/divblanco.jpg") ; width: 150px ; height: 310px ; margin:3px 1px 3px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #titulo  {background: url("objetos/divblanco.jpg") ; width: 531px ; height: 40px ; margin:3px 22px 1px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #discografiadiv  {background: url("objetos/fondosubdiv.jpg") ; width: 531px ; height: 243px ; margin:3px 22px 10px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    #discografiafoto2  {background: url("objetos/fondodiv1.jpg") ; width: 174px ; height: 173px ; margin:3px 1px 3px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #discografiatit2  {background: url("objetos/titdisco1.jpg") ; width: 531px ; height: 40px ; margin:3px 22px 1px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #discografiadiv2  {background: url("objetos/fondosubdiv.jpg") ; width: 531px ; height: 246px ; margin:3px 22px 10px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    
    
    
    /* Divs de sub-pag DVDS */
    
    
    #dvdfoto1  {background: url("objetos/divblanco.jpg") ; width: 150px ; height: 207px ; margin:3px 1px 3px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    
    
    
    
    
    /* Divs de sub-pag LETRAS */
    
    
    #global  {background: url("objetos/fondodidoplnt.jpg") ; width: 800px ; height: 740px ; background-attachment: scroll; text-align: center ; }
    
    
    #letrasdiv1  {background: url("objetos/fondosubdiv.jpg") ; width: 340px ; height: 700px ; margin:20px 3px 10px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #letrasdiv1  a:link { color:black; } 
    #letrasdiv1  a:hover {tcolor:black; text-decoration: none; }
    #letrasdiv1  a:visited {color:black; text-decoration: none}
    
    #letrasdiv2  {background: url("objetos/fondosubdiv.jpg") ; width: 340px ; height: 700px ; margin:20px 22px 10px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    #letrasdiv2  a:link { color:black; } 
    #letrasdiv2  a:hover {tcolor:black; text-decoration: none; }
    #letrasdiv2  a:visited {color:black; text-decoration: none}
    
    #letrasdiv3  {background: url("objetos/fondosubdiv.jpg") ; width: 706px ; height: 50px ; margin:0px 22px 10px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
    
    
    
    
    /* Divs de sub-pag VIDEOCLIPS */
    
    
    
    #reproductor  {background: url("objetos/fondoreproductor.jpg") ; width: 300px ; height: 440px ; margin:15px 0px 0px 0px ; background-attachment: scroll; text-align: center ; }
    
    #reproductor1  {background: url("objetos/fondosubdiv.jpg") ; width: 280px ; height: 420px ; margin:10px 0px 0px 0px ; background-attachment: scroll; text-align: center ; }
    
    
    
    
    
    
    /* Divs de sub-pag PRESENTACION */
    
    
    #global1 {background: url("objetos/divblanco.jpg") ; width: 770px ; background-attachment: scroll; text-align: center ; }
    
    
    #imagenpres {background: url("objetos/plantilla3presentacion.jpg") ; BORDER: #000 0px solid ; width: 450px ; height: 275px ; MARGIN: 1px 1px 0px 1px ; }
    
    
    #linkscastyeng {background: url("objetos/divblanco.jpg") ; BORDER: #000 0px solid ; width: 450px ; MARGIN: 1px 1px 0px 1px ; }
    
    
    #link-cast {background: url("objetos/divblanco.jpg") ; BORDER: #000 0px solid ; width: 220px ; MARGIN: 1px 1px 0px 1px ; FLOAT: left ;}
    #link-engl {background: url("objetos/divblanco.jpg") ; BORDER: #000 0px solid ; width: 220px ; MARGIN: 1px 1px 0px 1px ; FLOAT: right;}

  13. #13
    Me va gustando esto... Habitante
    Fecha de Ingreso
    17 mar, 08
    Ubicación
    Canarias (España)
    Mensajes
    44
    Poder de Reputación
    20
    Os recomiendo echarle un ojo a esta web http://htmlhelp.com/es/reference/css/properties.html

    Es la que suelo usar como guía de consulta para las propiedades "standars" de las css.

  14. #14
    Me va gustando esto... Habitante
    Fecha de Ingreso
    20 may, 07
    Ubicación
    Valladolid, España.
    Mensajes
    199
    Poder de Reputación
    21
    ^^Muchas gracias es lo que buscaba :P

Temas Similares

  1. propiedades de las tablas con css
    Por pakorb en el foro Foro General
    Respuestas: 1
    Último Mensaje: 09/08/2008, 18:46
  2. Orden de las propiedades
    Por marinki en el foro Foro General
    Respuestas: 1
    Último Mensaje: 19/03/2008, 14:04
  3. propiedades de link
    Por Marttyn en el foro Foro General
    Respuestas: 3
    Último Mensaje: 06/04/2006, 15:35

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •