Comunidad de diseño web y desarrollo en internet online

Problema con mi web

Citar            
MensajeEscrito el 25 Nov 2012 01:36 am
Hola amigos de la comunidad buenas noches bueno les cuentoi que tengo una web terminada y publicada pero sucede que el texto que he puesto que esta dentro de un div y que uso estilos css (esto sucede con tres link que estan dentro de un iframe)al colgarlo en la web se ve muy abajo y ocupa el bloque de unas fotos que estan colocadas abajo para que me entiendan mejor aca les paso la direccion y el codigo de esa web ah y les digo que mi que mi web esta hecha con iframes. La direccion es esta http://waltours.260mb.org y el codigo es el siguiente:
Del link INICIO es este:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body {
background-color:#930;
margin-bottom:0px;
margin-left:17px;
margin-right:17px;
margin-top:17px;
}
#apDiv1 {
position:absolute;
width:365px;
height:165px;
z-index:1;
left: 500px;
top: 69px;
}
h2 {
font-size:21px;
font-family:"Estrangelo Edessa";
color:#C00;
font-style:!important;
align:center;
}
p {
font-size:19px;
font-family:"Estrangelo Edessa";
font-style:!important;
color:#000;
}
td.rem {
padding-left:4px;
padding-right:4px;
padding-top:3px;
}
-->
</style>
</head>
<body>
<table width="1280" height="500" border="0" cellspacing="0" align="center">
<tr>
<td><img src="imagenes/inicio01.jpg" width="1280" height="500"></td>
</tr>
</table>
<div id="apDiv1">
<table width="365" height="165" border="0" cellspacing="0">
<tr>
<td align="left" valign="top" class="rem"><h2>WALTOURS</h2>
<p>Waltours nace un 20 de junio del 2012 como<br /> una nueva alternativa para los viajeros turistas<br />
y empresarios y ejecutivos que es de su agrado<br />
viajar y conocer los variados lugares que tiene<br />
el Perú ya sea como turismo o para negocios.<br />
</p></td>
</tr>
</table>
</div>
</body>
</html>

Del link NOSOTROS es este:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body {
background-color:#930;
margin-bottom:0px;
margin-left:17px;
margin-right:17px;
margin-top:17px;
word-spacing: 0.25em;
}
#apDiv1 {
position:absolute;
width:773px;
height:408px;
z-index:1;
left: 491px;
top: 42px;
}
p {
font-size:20px;
font-family:"Estrangelo Edessa";
font-style:!important;
color:#000;
}
h2 {

font-size:21px;
font-family:"Estrangelo Edessa";
color:#C00;
font-style:!important;

}
td.ter {
padding-left:25px;
padding-top:10px;
border:#333 double 5px;
}

-->
</style>
</head>
<body>
<div id="apDiv1">
<table width="773" height="408" border="0" cellspacing="0">
<tr>
<td valign="top" class="ter">
<h2>MISION</h2>
<p>--------------------------------------------------------------------------------------------------
Somos una empresa comprometida a satisfacer las necesidades de nuestros<br>
clientes con una atención personalizada y eficiente con una calidad de nivel en<br />
donde nuestros clientes sientan esa necesidad y confort de viajar por cada lugar <br />
y esa necesidad y confort de viajar por cada lugar y rincón del Perú.<br />
Por eso mismo nos esforzamos día a día para crecer como empresa y satisfacer<br />
muchas necesidades de nuestros turistas y empresarios viajeros.</p>
<H2>VISION</H2><p>--------------------------------------------------------------------------------------------------
Nuestra visión es consolidarnos en el mercado del rubro y tener a nuestros<br>
clientes fidelizados, competir con las grandes empresas y sobre todo lograr <br />
masificarnos dentro del mercado y esto solo lo lograremos con mucho esfuerzo<br />
y dedicación para motivarnos y ser mejores cada día.</p></td>
</tr>
</table>
</div>
<table width="1280" height="500" border="0" cellspacing="0" align="center">
<tr>
<td><img src="imagenes/nosotros010.jpg" width="1280" height="500"></td>
</tr>
</table>
</body>
</html>

Del link SERVICIOS es este:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
<!--
body {
background-color:#930;
margin-bottom:0px;
margin-left:17px;
margin-right:17px;
margin-top:17px;
}
#apDiv1 {
position:absolute;
width:715px;
height:315px;
z-index:1;
left: 76px;
top: 82px;
}
p {
font-size:20px;
font-family:"Estrangelo Edessa";
font-style:!important;
color:#000;
}
td.ter1 {
padding-left:20px;
padding-top:10px;
border:#333 double 5px;
}
-->
</style>
</head>
<body>
<div id="apDiv1">
<table width="715" height=375" border="0" cellspacing="0">
<tr>
<td align="left" valign="top" class="ter1">
<p>- Somos una empresa que brinda un servicio a nivel personalizado por conductores<br />
&nbsp;&nbsp;&nbsp; profesionales de amplia experiencia cubriendo rutas de la costa sierra y selva.<br>
&nbsp;&nbsp;&nbsp;&nbsp;Dirigido a turistas nacionales y extranjeros, ejecutivos y comerciantes.<br /><br>
- Brindamos servicios de transportes a funerales a nivel nacional.<br /><br>
- Tenemos una flota de autos para 3-4 pasajeros, camionetas minivan para 7-11<br>
&nbsp;&nbsp;&nbsp;&nbsp;pasajeros, coaster modernos con música abordo y aire acondicionado.<br /><br>
- Tenemos un horario de atención las 24 horas del día y los 365 días del año.<br /><br>
- Recogo a domicilio, empresas, atención de urgencia, la hora de la partida <br>
&nbsp;&nbsp;&nbsp;&nbsp;lo escoge el cliente.</p></td>
</tr>
</table>
</div>
<table width="1280" height="500" border="0" cellspacing="0" align="center">
<tr>
<td><img src="imagenes/servicios010.jpg" width="1280" height="500" /></td>
</tr>
</table>
</body>
</html>
bueno ahi les explico mas detalladamanete espero puedan ayudarme ya que he buscado soluciones y no hallo una que convincenete y aparte soy nuevo en el diseño web gracias, y espero su ayuda les estaré agradecido.

Por jarvito

33 de clabLevel



Genero:Masculino  

msie8
Citar            
MensajeEscrito el 25 Nov 2012 02:42 am
arreglaste el problema?, entre al sitio y no vi el problema.

Por Gamernoob

71 de clabLevel



Genero:Masculino  

Front-end :D

chrome
Citar            
MensajeEscrito el 26 Nov 2012 02:15 am
hola amigo y dime entrastes al sitio y las letras del link del inicio y de los linbks de nosotros y servicios no se veian muy abajo y ocupaban otros bloques? porque yo desde mi maquina de resolcuion de 800*600 se ve asi y en mi celular smartphone tambien haber en que estara la falla muchas gracias.

Por jarvito

33 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 26 Nov 2012 02:38 pm
Así se ve :


Por Gamernoob

71 de clabLevel



Genero:Masculino  

Front-end :D

chrome
Citar            
MensajeEscrito el 26 Nov 2012 03:26 pm
asi amigo pues q bien pero en otra maquina el texto donde dice waltours de color rojo se ve descuadrado y ocupa el bloque de abajo

Por jarvito

33 de clabLevel



Genero:Masculino  

mozilla
Citar            
MensajeEscrito el 26 Nov 2012 08:45 pm
Hola amigo miera asi se ve en la maquina que te digo ah y otra cosa sera porque yo la web la hice en una maquina con windows xp y otra cosita cuando la web la veo en archivo o en el programa que lo cree el texto se ve en forma de bolas no sera que el tipo de fuente no esta en esa maquina? tendrá algo que ver eso? el tipo de fuente es "strangello..."

Por jarvito

33 de clabLevel



Genero:Masculino  

msie8
Citar            
MensajeEscrito el 28 Nov 2012 06:19 pm
hola amigo mire me he dado cuenta de algo la web que he creado en las maquinas que tienen s.o windows xp el texto se ve muy abajo y las que tienen windows 7 la web se ve normal, te digo que la web la cree en un s.o con win7, se debera a eso?

Por jarvito

33 de clabLevel



Genero:Masculino  

mozilla
Citar            
MensajeEscrito el 28 Nov 2012 07:34 pm
Posiblemente el problema sea que para los párrafos tienes definido un tipo de letra que algunos PC pueden no tener instalado. Al no tenerlo, el navegador define una fuente por defecto. Esa fuente puede variar entre navegadores o si el usuario la ha configurado. Para evitar eso puedes usar una fuente que esté en todos los sistemas operativos o utilizar @font-face

Por Alivan

288 de clabLevel

3 tutoriales

Genero:Masculino  

Aprendo de Internet

firefox
Citar            
MensajeEscrito el 28 Nov 2012 09:47 pm
Gracias pero explicame como es eso de @font-face alguna sintaxis o codigo

Por jarvito

33 de clabLevel



Genero:Masculino  

mozilla
Citar            
MensajeEscrito el 28 Nov 2012 11:09 pm

Por Alivan

288 de clabLevel

3 tutoriales

Genero:Masculino  

Aprendo de Internet

firefox
Citar            
MensajeEscrito el 30 Nov 2012 01:19 pm
hola amigo si graxias revise el enlace que pusistes y me parecio novedoso e interesante pero hay una parte donde dice font-family:"cristalab" o algo asi y yo me supongo que en vez de "cristalab" tendria que poner el tipo de fuente que yo use en mi web? es asi? sacame esa duda, gracias.

Por jarvito

33 de clabLevel



Genero:Masculino  

mozilla
Citar            
MensajeEscrito el 30 Nov 2012 03:30 pm
En el font-family que pongas dentro del @font-face pones el nombre de tu fuente, el que quieras. Después, en el resto del css funciona de la misma manera que cualquier otra fuente.

Por ejemplo, puedes poner un @font-face de este estilo:

Código CSS :

@font-face {
    font-family: "MiFuente";
    /* El resto del código css */
}

Una vez incluido ese código, en el resto del archivo tendrás que poner font-family: "MiFuente"; para utilizarla. Si en lugar de llamarla "MiFuente" la llamas "pepito", tendŕas que poner font-family: "pepito";

Por Alivan

288 de clabLevel

3 tutoriales

Genero:Masculino  

Aprendo de Internet

firefox
Citar            
MensajeEscrito el 30 Nov 2012 06:33 pm
osea seria algo asi p { font-family:"pepito"; color:#ooo; y el resto de codigo css... } para el parrafo

Por jarvito

33 de clabLevel



Genero:Masculino  

mozilla
Citar            
MensajeEscrito el 30 Nov 2012 07:55 pm
otra cosita y como obtengo el id de las fuentes svg he buscado y no encuentro algo convincente, gracias

Por jarvito

33 de clabLevel



Genero:Masculino  

mozilla
Citar            
MensajeEscrito el 03 Dic 2012 11:59 pm
Hola amigo como esta? puse en mi codigo lo del @font-face y me soluciono el problema ya que en diferentes monitores y navegadores el texto de mi web se vio perfecto pero surgio otro problema que me cambio el tipo de letra(Estrangelo Edessa que fuer el tipoi de letra que puse a un principio) jejej mire le paso el codigo que puse:

@font-face
{
font-family: " Edessa";
src: url("fuentefancy.eot");
src: url("fuentefancy.eot?#amoedessa") format("embedded-opentype"),
url("fuentefancy.woff") format("woff"),
url("fuentefancy.ttf") format("truetype"),
}
body {
background-color:#930;
margin-bottom:0px;
margin-left:17px;
margin-right:17px;
margin-top:17px;
}
h2 {
font-size:21px;
font-family:" Edessa";
color:#F00;
font-style:!important;
align:center;
}
p {
font-size:19px;
font-family:" Edessa";
font-style:!important;
color:#000;
}

Por jarvito

33 de clabLevel



Genero:Masculino  

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.