HOlA aqui les dejo esta pagina q estoi creando grax a CCTW

daniel99 · 8 Nov 2008, 00:53 · Solicitar retirada

Hola quiero que critiquen mi pagina y q tambien me ayuden en algunas cosas como para aser esta pagina use HTML y tambien Dreanwer

y en dreanwer creaba tablas q fue como hice el navegador ahora no ayo como cambiarle las propiedades a los enlaces para q no salga lo gris en esa zona....

si alguien se ofrece a ayudar aqui ta mi msn [correo eliminado]

daniel99 · 8 Nov 2008, 00:54 · Solicitar retirada

aqui esta la direccion http://tuwebfovorita.atwebpages.com

es fovoritas lo q pasa q me equivoque pero no importa mas tarde lo cambio ...xD

manmanu · 8 Nov 2008, 14:35 · Solicitar retirada

Hola daniel,

he leido el otro post. no sabía qué has abierto un hilo nuevo.
Tu web tiene muy buena pinta, y me parece qué tienes buen gusto.
Siempre hay qué hacer algunos cambios y reparaciónes.

Si quieres pega aquí tu CSS,
y te podremos hechar una mano entre todos, sobre el problema qué comentas.
Efectivamente en los navegadores, opera,firefox,safari no interpretan el código como IE6.

Saludos manmanu

daniel99 · 9 Nov 2008, 14:08 · Solicitar retirada

* {margin:0px ; padding:0px ; border: 0px}
body { text-align: center ; background-image: url(obje/fondol.gif) ; background-repeat: repeat ; background-position: center center ; height:100%}

#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px }

#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}

#global {width:800px ; margin: 4px auto }

#menu {background-color: yellow; width: 150px ; float:left ; text-align:left ; margin:5px 10px 5px 5px ; background-image: url(obje/menu-curva-inferior.gif); background-position: bottom ; padding-bottom:5px }
#menu li { ...propiedades..... }
#menu li { list-style:none ; margin: 4px 10px 4px 6px }
#menu h1 {text-decoration:none ; font-size:15px ; background-image: url(obje/menu-curva-superior.gif); padding-top:12px}

a {color: blue; font-size:1.3em ; text-decoration: none; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}

#pie { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height: 65px }
#pie li {list-style: none ; font-size: 12px }
#pieuno {background-color: white ; float:left ; width:150px }
#piedos {background-color: white ; float:left ; width:498px }
#pietres {background-color: white ; float:left ; width:150px }

#curva-superior { background-image: url(obje/curva-superior.gif) ; background-repeat:no-repeat ; width:800px ; height: 12px ; overflow : hidden }

#curva-inferior { background-image: url(obje/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }

#logotipo { width:280px ; float:left }

#publicidad { width:518px ; float:right ; margin-top:25px}

#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

#menu a {}
#menu a:link {}
#menu a:visited {}
#menu a:hover {background-color: white }
#menu a:active {}

#table a {}
#table a:link {}
#table a:visited {}
#table a:hover {background-color: white }
#table a:active {}

gracias por su colaboracion aqui esta el Css y aui les paso el index q por andar inventando ya me tiene erredado!!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Tu web favorita</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

</style>
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>

</div>
<div id="publicidad">
<div align="left">
<blockquote>
<div align="right">
<div align="center">
<div align="right">
<div align="center">
<div align="left">
<pre class="Estilo1"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…" width="162" height="35">
<param name="BGCOLOR" value="">

<param name="BGCOLOR" value="">

<param name="BGCOLOR" value="">

<param name="movie" value="bienvenidos.swf"> <param name="quality" value="high">
<embed src="bienvenidos.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Vers…" type="application/x-shockwave-flash" width="162" height="35" ></embed>
</object>
</pre>
</div>
</div>
</div>
</div>
</div>
</blockquote>
</div>
</div>
</div>

<tr>

<td align="left" valign="top" class="menu_bg"> <table id="tabla" width="800" height="40" border="black 1px solid" cellpadding="0" cellspacing="0">
<tr>
<td width="189" height="34" align="center" valign="middle" background="obje/menu_left.gif">Homepage</td>
<td width="108" align="center" valign="middle" background="obje/menu_left.gif"><div align="left">Seccion 1 </div></td>
<td width="95" align="center" valign="middle" background="obje/menu_left.gif">Seccion 2 </td>
<td width="100" align="center" valign="middle" background="obje/menu_left.gif">Seccion 3 </td>
<td width="308" align="center" valign="middle" background="obje/menu_left.gif"><div align="left">
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<p class="Estilo5">Seccion 4 </p>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</div></td>
</tr>
</table></td>
</tr>

<div id="contenido">
<div id="menu">
<ul>
<h1>Temas</h1>

<div align="center"><a href="#">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…" width="100" height="23">
<param name="BGCOLOR" value="">
<param name="movie" value="button4.swf">
<param name="quality" value="high">
<embed src="button4.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Vers…" type="application/x-shockwave-flash" width="100" height="23" ></embed>
</object>
</a></div>

</div>

<h1></h1></p>

<table id="table" width="577" height="442">
<td width="288" height="43" bgcolor="#FF9900"> <div align="center">
<h2>Bienvenidos</h2>
</div></td>
<td width="277" bgcolor="#FF9900"><blockquote>
<div align="center">
<h2>Mu Linvo </h2>
</div>
</blockquote></td>
<tr>
<td width="288" height="31" rowspan="4" valign="baseline" bgcolor="#FF9900"><blockquote>
<blockquote>
<p class="Estilo3">Hola bienvenidos a mi web que todabia no esta terminada pero poco a poco la ire mejorando para su gusto aqui le dejo mi correo estare esperando cuarquier idea para la pagina muchas gracias.....</p>
</blockquote>
</blockquote>

</p>
<p align="left"></p>

[correo eliminado]</p>

</p></td>
<td width="277" height="21" bgcolor="#FF9900"> <div align="center"><span class="Estilo3">exp 80. epi. 2 Seasson 4 </span></div></td>
</tr>
<tr>
<td height="150" bgcolor="#FF9900"><div align="center">[contenido no disponible]</div></td>
</tr>
<tr>
<td height="68" bgcolor="#FF9900"></td>
</tr>
<tr></tr>
<tr></tr>
</table>

</p>

</p>
</div>

<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan

</div>

<div id="piedos"></div>

<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>

</div>
<div id="curva-inferior"></div>

</body>
</html>

GRacias por la colaboraion espero me ayuden y me saquen de dudas!!!

manmanu · 9 Nov 2008, 16:38 · Solicitar retirada

Bueno!! daniel,
quiero que cojas éste código y lo peges a un archivo de texto, lo renombres html y lo ejecutes.
Te he hecho unos pequeños cambios, para tú comprobación.
He coloreado el sitio de las imágenes que no dispongo.
Te pongo el HTML y CSS en el mismo archivo, recorta una parte para uno y otra para otro.
Ya no se ven la parte gris de los menús, n idel vinculo mailto:, solo tenias que eliminar el color, a:hover {background-color:tal}
Te he creado ésta capa sin nigún atributo,a modo de maya para contener tú cabecera que luego, o quitaras, o pondras con atributos y con instrucciónes CSS, para que la cabecera no se te vaya de copas, tu decides.

Habia y hay, algunos errores.Pero he conseguido que se vean bién y centrado en todos los navegadores.
Luego si te vá bién, y quieres pegar éste cambio, asegurate y haz una cópia del tuyo.Ahora tú tienes que ir arreglandolo.

Organizate,no corras, recuerda que por defecto sin propiedades,todo flota a la izquierda, ten lo en cuenta.

Bueno cuenta conmigo, pero arregla tú los errores que veras desde tú dreamw.

Ya me contarás

Saludos manmanu

<style type="text/css" media="all">
<!--
* {margin:0px ; padding:0px ; border: 0px}
body { text-align: center ; background-image: url(obje/fondol.gif) ; background-repeat: repeat ; background-position: center center ; height:100%}


#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px }



#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}


#global {width:800px ; margin: 4px auto }


#menu {background-color: yellow; width: 150px ; float:left ; text-align:left ; margin:5px 10px 5px 5px ; background-image: url(obje/menu-curva-inferior.gif); background-position: bottom ; padding-bottom:5px }
#menu li {}
#menu li { list-style:none ; margin: 4px 10px 4px 6px }
#menu h1 {text-decoration:none ; font-size:15px ; background-image: url(obje/menu-curva-superior.gif); padding-top:12px}

a {color: blue; font-size:1.3em ; text-decoration: none; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ;}
a:active {}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font-size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}


#pie { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid; border-top: black 1px solid ; height: 65px }
#pie li {list-style: none ; font-size: 12px }
#pieuno {background-color: white ; float:left ; width:150px }
#piedos {background-color: white ; float:left ; width:498px }
#pietres {background-color: white ; float:left ; width:150px }




#curva-superior { background-color:#66FF00;  background-image: url(obje/curva-superior.gif) ; background-repeat:no-repeat ; width:800px ; height: 12px ; overflow : hidden }

#curva-inferior { background-color:#66FF00; background-image: url(obje/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }

#logotipo { width:280px ; float:left }

#publicidad { width:518px ; float:right ; margin-top:25px}



#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; }
#pie a:active {color:black}


#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

#menu a {}
#menu a:link {}
#menu a:visited {}
#menu a:hover {background-color: white }
#menu a:active {}

#table a {}
#table a:link {}
#table a:visited {}
#table a:hover {}
#table a:active {} 


.Estilo1 {
font-size: 24px;
font-weight: bold;
color: #666666;
}
.Estilo3 {color: #0000CC}
.Estilo4 {font-size: 16px}
.Estilo5 {color: #333333}
-->
</style>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Tu web favorita</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>
<body>
<div id="global">
<div id="curva-superior"></div>

<div id="estacapacontendratodalacabecera">
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[img]obje/logotipo.gif[/img]
</a>

</div>
<div id="publicidad">
<div align="left">
<blockquote>
<div align="right">
<div align="center">
<div align="right">
<div align="center">
<div align="left">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="162" height="35">
<param name="BGCOLOR" value="">

<param name="BGCOLOR" value="">

<param name="BGCOLOR" value="">

<param name="movie" value="bienvenidos.swf"> <param name="quality" value="high">
<embed src="bienvenidos.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="162" height="35" ></embed>
</object>

</div>
</div>
</div>
</div>
</div>
</blockquote>
</div>
</div>
</div>


<tr>

<td align="left" valign="top" class="menu_bg"> <table id="tabla" width="800" height="40" border="black 1px solid" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#6666FF" width="189" height="34" align="center" valign="middle" background="obje/menu_left.gif">[url="#index.html"]Homepage[/url]</td>
<td bgcolor="#6666FF" width="108" align="center" valign="middle" background="obje/menu_left.gif"><div align="left">[url="#news.html"]Seccion 1 [/url]</div></td>
<td bgcolor="#6666FF" width="95" align="center" valign="middle" background="obje/menu_left.gif">[url="#blog.html"]Seccion 2 [/url]</td>
<td bgcolor="#6666FF" width="100" align="center" valign="middle" background="obje/menu_left.gif">[url="#blog.html"]Seccion 3 [/url]</td>
<td bgcolor="#6666FF" width="308" align="center" valign="middle" background="obje/menu_left.gif"><div align="left">
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<p class="Estilo5">[url="#blog.html"]Seccion 4 [/url]</p>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</div></td>
</tr>
</table></td>
</tr>
</div>
<div id="contenido">
<div id="menu">
<h1>Temas</h1>
<ul>

[*]
<div align="center"><a href="#">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="23">
<param name="BGCOLOR" value="">
<param name="movie" value="button1.swf">
<param name="quality" value="high">
<embed src="button1.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="23" ></embed>
</object>
</a></div>

[*]
<div align="center"><a href="#">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="23">
<param name="BGCOLOR" value="">
<param name="movie" value="button2.swf">
<param name="quality" value="high">
<embed src="button2.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="23" ></embed>
</object>
</a></div>

[*]
<div align="center"><a href="#">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="23">
<param name="BGCOLOR" value="">
<param name="movie" value="button3.swf">
<param name="quality" value="high">
<embed src="button3.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="23" ></embed>
</object>
</a></div>

[*]
<div align="center"><a href="#">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="23">
<param name="BGCOLOR" value="">
<param name="movie" value="button4.swf">
<param name="quality" value="high">
<embed src="button4.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="23" ></embed>
</object>
</a></div>

[/list]
</div>

<h1>Hola,podrias colocar &eacute;sta tabla dentro de un Div, para organizarte</h1>


<table id="table" width="577">
<td width="288" height="43" bgcolor="#FF9900"> <div align="center">
<h2>Bienvenidos</h2>
</div></td>
<td width="277" bgcolor="#FF9900"><blockquote>
<div align="center">
<h2>Mu Linvo </h2>
</div>
</blockquote></td>
<tr>
<td width="288" height="31" rowspan="4" valign="baseline" bgcolor="#FF9900"><blockquote>
<blockquote>
<p class="Estilo3">Hola bienvenidos a mi web que todabia no esta terminada pero poco a poco la ire mejorando para su gusto aqui le dejo mi correo estare esperando cuarquier idea para la pagina muchas gracias.....</p>
</blockquote>
</blockquote>


</p>
<p align="left"></p>


[email="[correo eliminado]"]enviame un correo [/email]</p>


</p></td>
<td width="277" height="21" bgcolor="#FF9900"> <div align="center"><span class="Estilo3">exp 80. epi. 2 Seasson 4 </span></div></td>
</tr>
<tr>
<td height="150" bgcolor="#FF9900"><div align="center">[img]obje/cuakcn1[1].gif[/img]</div></td>
</tr>
<tr>
<td height="68" bgcolor="#FF9900"></td>
</tr>
<tr></tr>
<tr></tr>
</table>


</p>


</p>
</div>

<div id="pie">
<div id="pieuno">
<ul>
[*][url="#"]Foro Ejemplo[/url][*][url="#"]Contactos[/url][*][url="#"]Nos Enlazan[/url]


[/list]
</div>




<div id="piedos">Este esapcio si lo dejas v&aacute;cio, algunos navegadores entender&aacute;n que no hay nada y lo pisar&aacute;n</div>




<div id="pietres">
<ul>
[*][url="#"]Directorio[/url][*][url="#"]TopSite[/url][*][url="#"]Mapa de la Web[/url]
[/list]
</div>




</div>
<div id="curva-inferior"></div>




</div>
</body>
</html>

manmanu · 9 Nov 2008, 16:43 · Solicitar retirada

Perdona daniel,
Yo escribo,

Te he creado ésta capa sin nigún atributo,a modo de maya para contener tú cabecera que luego, o quitaras, o pondras con atributos y con instrucciónes CSS, para que la cabecera no se te vaya de copas, tu decides.

Es ésta;

<div id="estacapacontendratodalacabecera"></div>

Imágino que antes o despues te darias cuenta,pero estaba pendiente por qué se me ha olvidado colocar en le anterior post.

Bueno!!! a trabajar, que tienes tarea.

Saludos manmanu

daniel99 · 10 Nov 2008, 12:25 · Solicitar retirada

hola manmanu gracias por lo arreglos ahora ya entiendo mejor esto de las capas!!!! y no si este abusando pero tengo q preguntar como hago para realiazr un logo!!! :D