Foros del Web » Creando para Internet » CSS »

problemas con mi pagina

 Estas en el tema de problemas con mi pagina en el foro de CSS en Foros del Web. Hola muchachos tengo problemas con las fuentes de mi pagina, me aparecen demasiado pequeñas, y tampoco me aparecen los fondos de algunas tablas, estoy trabajando ...
  #1 (permalink)  
Antiguo 23/08/2010, 10:24
Avatar de juancho24  
Fecha de Ingreso: octubre-2007
Mensajes: 101
Antigüedad: 17 años
Puntos: 1
problemas con mi pagina
Hola muchachos

tengo problemas con las fuentes de mi pagina, me aparecen demasiado pequeñas, y tampoco me aparecen los fondos de algunas tablas, estoy trabajando con cs4, me podrian decir que es lo que pueda estar fallando, si quieren les subo el codigo

me es urgente

muchas gracias

saludos
  #2 (permalink)  
Antiguo 23/08/2010, 10:44
Avatar de ArturoGallegos
Moderador
  
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: problemas con mi pagina
código, screenshot de como se ve y como debería verse, o link al sitio en cuestión...

?¿ estas trabajando con CS4? cs4 de que dreamweaver, photoshop, fireworks ?¿

diste muy poca información
  #3 (permalink)  
Antiguo 23/08/2010, 11:05
Avatar de juancho24  
Fecha de Ingreso: octubre-2007
Mensajes: 101
Antigüedad: 17 años
Puntos: 1
Respuesta: problemas con mi pagina
mmm si muy poca informacion, perdon, si es dreamweaver cs4, la base de esta pagina lo tome de un template que encontre en la web, te adjunto el codigo (te marco de ejemplo el menu que me aparece con la letra muyy pequeña):

gracias por responder

<tr align="center">
<td><p class="menu01"><a href="index.html"> INICIO</a></p></td>
<td><img src="file:///C|/Users/Juan/Documents/Cursos y ejemplos/DREAMWEAVER/Professional Templates/025/HTML/images/e01.gif" width="2" height="39" alt="" border="0"></td>
<td><p class="menu01"><a href="misionvision.html">MISIÓN/VISIÓN</a></p></td>
<td><img src="file:///C|/Users/Juan/Documents/Cursos y ejemplos/DREAMWEAVER/Professional Templates/025/HTML/images/e01.gif" width="2" height="39" alt="" border="0"></td>
<td><p class="menu01"><a href="empresa.html">NUESTRA EMPRESA</a></p></td>
<td><img src="file:///C|/Users/Juan/Documents/Cursos y ejemplos/DREAMWEAVER/Professional Templates/025/HTML/images/e01.gif" width="2" height="39" alt="" border="0"></td>
<td><p class="menu01"><a href="servicios.html">SERVICIOS</a></p></td>
<td><img src="file:///C|/Users/Juan/Documents/Cursos y ejemplos/DREAMWEAVER/Professional Templates/025/HTML/images/e01.gif" width="2" height="39" alt="" border="0"></td>
<td><p class="menu01"><a href="clientes.html">CLIENTES</a></p></td>
<td><img src="file:///C|/Users/Juan/Documents/Cursos y ejemplos/DREAMWEAVER/Professional Templates/025/HTML/images/e01.gif" width="2" height="39" alt="" border="0"></td>
<td><p class="menu01"><a href="contactenos.php">CONTÁCTENOS</a></p></td>
<td><img src="file:///C|/Users/Juan/Documents/Cursos y ejemplos/DREAMWEAVER/Professional Templates/025/HTML/images/e01.gif" width="2" height="39" alt="" border="0"></td>
</tr></table></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="967">
<tr valign="top">
<td width="230" height="649" background="file:///C|/Users/Juan/Documents/Cursos y ejemplos/DREAMWEAVER/Professional Templates/025/HTML/images/fon02.gif">
<!-- LEFT -->
<table border="0" cellpadding="0" cellspacing="0" width="230" height="46" background="file:///C|/Users/Juan/Documents/Cursos y ejemplos/DREAMWEAVER/Professional Templates/025/HTML/images/fon01.gif">
<tr>
<td><p class="title"><img src="images/e03.gif" width="14" height="16" alt="" border="0" align="absmiddle">&nbsp;SERVICIOS</p></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<form action="" method="post">
<td width="226" height="28" background="images/left_top.gif" valign="top"><p class="left">&nbsp;</p></td>
</form>
</tr>
<tr>
<td bgcolor="#48C8FF"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><p class="menu"><img src="images/e01.gif" alt="" width="14" height="13" border="0" align="left">&nbsp;&nbsp;<a href="">Actualización de Plataformas</a></p></td>
</tr>
<tr>
<td bgcolor="#48C8FF"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><p class="menu"><img src="images/e01.gif" alt="" width="14" height="13" border="0" align="left">&nbsp;&nbsp;<a href="">Asesoramiento TI</a></p></td>
</tr>
<tr>
<td bgcolor="#48C8FF"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><p class="menu"><img src="images/e01.gif" alt="" width="14" height="13" border="0" align="left">&nbsp;<a href="soporte.html">Desarrollo Web</a></p></td>
</tr>
<tr>
<td bgcolor="#48C8FF"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><p class="menu"><img src="images/e01.gif" alt="" width="14" height="13" border="0" align="left">&nbsp;&nbsp;<a href="bd.html">Rescate de Base de datos</a></p></td>
</tr>
<tr>
<td bgcolor="#48C8FF"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><p class="menu"><img src="images/e01.gif" alt="" width="14" height="13" border="0" align="left">&nbsp;&nbsp;<a href="discos.html">Rescate de Disco Duro</a></p></td>
</tr>
<tr>
<td bgcolor="#48C8FF"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><p class="menu"><img src="images/e01.gif" alt="" width="14" height="13" border="0" align="left">&nbsp;&nbsp;<a href="">Reingenieria de Procesos</a></p></td>
</tr>
<tr>
<td bgcolor="#48C8FF"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><p class="menu"><img src="images/e01.gif" alt="" width="14" height="13" border="0" align="left">&nbsp;&nbsp;<a href="">Testing e Implementación</a></p></td>
</tr>
<tr>
<td bgcolor="#48C8FF"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><p class="menu"><img src="images/e01.gif" alt="" width="14" height="13" border="0" align="left">&nbsp;&nbsp;<a href="soporte.html">Soporte Técnico</a></p></td>
</tr>
<tr>
<td bgcolor="#48C8FF"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td><p class="menu"><img src="images/e01.gif" alt="" width="14" height="13" border="0" align="left">&nbsp;&nbsp;<a href="">Optimización de Sistemas</a></p></td>
</tr>
<tr>
<td bgcolor="#48C8FF"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
</tr>
<tr>
<td width="737">
<!-- main -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="45" background="file:///C|/Users/Juan/Documents/sysdtec/Simple_archivos/images/fon03.gif">
<tr>
<td align="left">
<table border="0" cellpadding="0" cellspacing="0" width="99%" background="">
<tr align="center">
<form action="" method="post">
<td width="97%">
<div class="title"><nobr>
<input type="Text" name="" value=" USERNAME" size="10">
<input type="Text" name="" value=" PASSWORD" size="10"><input type="Image" src="images/b_go.gif" width="24" height="29" alt="" border="0" hspace="5" align="absmiddle">
</nobr></div>
</td>
</form>
<!--<td width="0%"><img src="file:///C|/Users/Juan/Documents/Cursos y ejemplos/DREAMWEAVER/Professional Templates/025/HTML/images/e05.gif" width="2" height="45" alt="" border="0"></td>-->
</tr>
</table>
</td>
</tr>
</table>
<table border="0" cellpadding="10" cellspacing="0" width="100%">
<tr valign="top">
<td width="29%"><img src="images/empresa.jpg" width="200" height="180" alt="" border="0" vspace="5" hspace="15"></td>
<td width="71%"><h2>
<object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="461" height="49">
<param name="movie" value="bienvenido.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="8.0.35.0">
<!-- Esta etiqueta param indica a los usuarios de Flash Player 6.0 r65 o posterior que descarguen la versión más reciente de Flash Player. Elimínela si no desea que los usuarios vean el mensaje. -->
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- La siguiente etiqueta object es para navegadores distintos de IE. Ocúltela a IE mediante IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="bienvenido.swf" width="461" height="49">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="8.0.35.0">
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- El navegador muestra el siguiente contenido alternativo para usuarios con Flash Player 6.0 o versiones anteriores. -->
<div>
<h4>El contenido de esta página requiere una versión más reciente de Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtener Adobe Flash Player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</h2>
<p><div id="g_marquee1" style="position:absolute; overflow:hidden; left:646px; top:373px; width:330px; height:99px; z-index:25; font-size: 12px;">
<marquee width="330" height="100" direction="Up" scrollamount="3" scrolldelay="200">
<div class="wpmd">
<div><font class="ws9" color="#000000" face="Tahoma">¿Que medidas de mitigación tiene su empresa en caso de</font></div>
<div><font class="ws9" color="#000000" face="Tahoma">incendio, robo, fallas graves de hardware?</font></div>
<div><font class="ws9" color="#000000" face="Tahoma"><BR></font></div>
<div><font class="ws9" color="#000000" face="Tahoma">¿Ha pensado que sucedería con la inforación crítica de su</font></div>
<div><font class="ws9" color="#000000" face="Tahoma">negocio en caso de un siniestro mayor?</font></div>
<div><font class="ws9" color="#000000" face="Tahoma"><BR></font></div>
<div><font class="ws9" color="#000000" face="Tahoma">¿Su empresa esta optimizada en sus procesos productivos y</font></div>
<div><font class="ws9" color="#000000" face="Tahoma">de Gestión?</font></div>
</div></marquee>
</div></p></td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="100%" height="45" background="file:///C|/Users/Juan/Documents/sysdtec/Simple_archivos/images/fon03.gif">
<tr>
<td><p class="title" style="margin-top: 11px; font-size: 14px;"><img src="images/e04.gif" alt="" width="14" height="17" border="0" align="absmiddle">&nbsp;&nbsp;PRINCIPALES CLIENTES</p></td>
</tr>
</table>
<p>&nbsp;</p>

</script>
</body>
</html>











Cita:
Iniciado por Ag666 Ver Mensaje
código, screenshot de como se ve y como debería verse, o link al sitio en cuestión...

?¿ estas trabajando con CS4? cs4 de que dreamweaver, photoshop, fireworks ?¿

diste muy poca información
  #4 (permalink)  
Antiguo 23/08/2010, 11:33
Avatar de ArturoGallegos
Moderador
  
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: problemas con mi pagina
el código que muestras es solo el html... lamentablemente se requiere ver tanto html como css para poder ver el problema
  #5 (permalink)  
Antiguo 23/08/2010, 11:49
Avatar de juancho24  
Fecha de Ingreso: octubre-2007
Mensajes: 101
Antigüedad: 17 años
Puntos: 1
Respuesta: problemas con mi pagina
ok, disculpa

aqui va el codigo css:

th {
color : #000000;
font-size : 11px;
font-family : Tahoma,Verdana,Arial;
}
input, select {
color : #000000;
font-size : 11px;
font-family : Tahoma,Verdana,Arial;
font-weight: bold;
}
.px {
padding-top : 0px;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
margin-top : 2px;
margin-bottom : 0px;
margin-left : 0px;
margin-right : 0px;
}
.px5 {
padding-top : 0px;
padding-bottom : 0px;
padding-left : 0px;
padding-right : 0px;
margin-top : 5px;
margin-bottom : 0px;
margin-left : 0px;
margin-right : 0px;
text-align: center;
}
.title {
color : #000000;
margin-top : 5px;
padding-bottom : 10px;
margin-bottom : 0px;
margin-left : 30px;
margin-right : 30px;
font-size : 14px;
font-family : Tahoma,Verdana,Arial;
font-weight: bold;
text-align: center;
}
.title a {
color : #EF6D00;
}
.title a:hover {
color : #C25A02;
}
.list {
color : #FFFFFF;
margin-top : 3px;
padding-bottom : 3px;
margin-bottom : 0px;
margin-left : 10px;
margin-right : 10px;
font-size : 11px;
font-family : Tahoma,Verdana,Arial;
font-weight: bold;
}
.right {
color : #FFFFFF;
margin-top : 10px;
padding-bottom : 5px;
margin-bottom : 0px;
margin-left : 25px;
margin-right : 10px;
font-size : 12px;
font-family : Tahoma,Verdana,Arial;
font-weight: bold;
text-align: center;
}
.right a, .list a {
color : #FFFFFF;
}
.right a:hover {
color : #AAAAAA;
}
.left {
color : #000000;
margin-top : 10px;
padding-bottom : 5px;
margin-bottom : 0px;
margin-left : 25px;
margin-right : 10px;
font-size : 11px;
font-family : Tahoma,Verdana,Arial;
font-weight: bold;
}
.left a {
color : #FF6600;
}
.left a:hover {
color : #000;
}
p {
color : #FFF;
margin-top : 5px;
padding-bottom : 10px;
margin-bottom : 0px;
margin-left : 10px;
margin-right : 10px;
font-size : 12px;
font-family : Tahoma,Verdana,Arial;
text-align: justify;
}
p a {
color : #000000;
font-weight: bold;
}
p a:hover {
color : #FFF;
text-align: center;
font-size: 12px;
}
.menu01 {
color : #FFFFFF;
margin-top : 0px;
padding-bottom : 0px;
margin-bottom : 0px;
margin-left : 15px;
margin-right : 15px;
font-size : 11px;
font-family : Tahoma,Verdana,Arial;
font-weight: bold;
}
.menu01 a {
color : #FFFFFF;
text-decoration: none;
}
.menu01 a:hover {
color : #EEEEEE;
text-align: center;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.menu02 {
color : #000000;
margin-top : 0px;
padding-bottom : 0px;
margin-bottom : 0px;
margin-left : 45px;
margin-right : 0px;
font-size : 11px;
font-family : Tahoma,Verdana,Arial;
font-weight: bold;
}
.menu02 a {
color : #000000;
text-decoration: none;
}
.menu02 a:hover {
color : #555555;
}
p {
font-weight: bold;
}
p {
font-size: 11px;
color: #FFF;
text-align: center;
font-family: Tahoma, Geneva, sans-serif;
font-weight: bold;
}
body table tr td table tr td {
color: #000;
font-size: 12px;
}
body table tr td table tr td table tr td a img {
text-align: center;
}
blockquote {
font-size: 12px;
}
blockquote {
color: #009;
}
.menu02 a {
text-align: center;
}
blockquote {
font-weight: bold;
}
table {
text-align: left;
}
table {

}
.menu a {
text-align: left;
}




Cita:
Iniciado por Ag666 Ver Mensaje
el código que muestras es solo el html... lamentablemente se requiere ver tanto html como css para poder ver el problema
  #6 (permalink)  
Antiguo 23/08/2010, 11:59
Avatar de ArturoGallegos
Moderador
  
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: problemas con mi pagina
así rápidamente solo noto que usas tamaños de letra muy pequeños

para el menú modifica estas lineas

Código CSS: 
Ver original
  1. .menu01 {
  2.        color : #FFFFFF;
  3.        margin-top : 0px;
  4.        padding-bottom : 0px;
  5.        margin-bottom : 0px;
  6.        margin-left : 15px;
  7.        margin-right : 15px;
  8.        font-size : 11px;
  9.        font-family : Tahoma,Verdana,Arial;
  10.        font-weight: bold;
  11. }
  12. .menu01 a {
  13.        color : #FFFFFF;
  14.        text-decoration: none;
  15. }
  16. .menu01 a:hover {
  17.        color : #EEEEEE;
  18.        text-align: center;
  19.        border-top-style: none;
  20.        border-right-style: none;
  21.        border-bottom-style: none;
  22.        border-left-style: none;
  23. }

utiliza un font-size : 13px; o juega con sus valores hasta encontrar el tamaño deseado


Nota: usa las etiquetas Highlight para cuando muestres código en el foro
  #7 (permalink)  
Antiguo 23/08/2010, 12:07
Avatar de juancho24  
Fecha de Ingreso: octubre-2007
Mensajes: 101
Antigüedad: 17 años
Puntos: 1
Respuesta: problemas con mi pagina
ok, intentare hacer eso, y lo otro, el fondo del menu me aparece en blanco, siendo que la imgen es de color negro, revise el nombre de la imagen, y todo parece estar bien, que podria ser?

muchas gracias maestro, te pasaste

saludos


Cita:
Iniciado por Ag666 Ver Mensaje
así rápidamente solo noto que usas tamaños de letra muy pequeños

para el menú modifica estas lineas

Código CSS: 
Ver original
  1. .menu01 {
  2.        color : #FFFFFF;
  3.        margin-top : 0px;
  4.        padding-bottom : 0px;
  5.        margin-bottom : 0px;
  6.        margin-left : 15px;
  7.        margin-right : 15px;
  8.        font-size : 11px;
  9.        font-family : Tahoma,Verdana,Arial;
  10.        font-weight: bold;
  11. }
  12. .menu01 a {
  13.        color : #FFFFFF;
  14.        text-decoration: none;
  15. }
  16. .menu01 a:hover {
  17.        color : #EEEEEE;
  18.        text-align: center;
  19.        border-top-style: none;
  20.        border-right-style: none;
  21.        border-bottom-style: none;
  22.        border-left-style: none;
  23. }

utiliza un font-size : 13px; o juega con sus valores hasta encontrar el tamaño deseado


Nota: usa las etiquetas Highlight para cuando muestres código en el foro
  #8 (permalink)  
Antiguo 23/08/2010, 12:13
Avatar de juancho24  
Fecha de Ingreso: octubre-2007
Mensajes: 101
Antigüedad: 17 años
Puntos: 1
Respuesta: problemas con mi pagina
aahh, creo que lo del fondo es tema de direcciones, apunto mal al archivo y no se subieron al host

gracias


Cita:
Iniciado por juancho24 Ver Mensaje
ok, intentare hacer eso, y lo otro, el fondo del menu me aparece en blanco, siendo que la imgen es de color negro, revise el nombre de la imagen, y todo parece estar bien, que podria ser?

muchas gracias maestro, te pasaste

saludos
  #9 (permalink)  
Antiguo 23/08/2010, 14:59
Avatar de jomaruro
Colaborador
  
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 22 años, 4 meses
Puntos: 361
Respuesta: problemas con mi pagina
Hola.

Cita:
Iniciado por juancho24 Ver Mensaje
aahh, creo que lo del fondo es tema de direcciones, apunto mal al archivo y no se subieron al host
O bien el servidor es linux y entonces puede haber algún problema con las mayúsculas/minúsculas.

Saludos.

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 03:27.