Problemas con el frontpage

adrianlucian01 · 12 Ene 2009, 12:21 · Solicitar retirada

Bueno, la verdad es que mi pagina me da bastante follon por que no he hecho hasta ahora una tan completa, hace unos dias publiqué otros posts y me aconsejaban utilizar el dreamweaver (que por cierto tengo instalado el cs3) pero no nos llevamos muy bien, por lo cual he ido haciendo lo que he podido con el frontpage. Ya tengo la mayoria del contenido, las imagenes, texto y demas, pero cuando está en la pestaña normal lo dejo como yo quiero que se quede pero al pinchar en vista previa... se jode la cosa, pero muxo; el texto que habia puesto en dos lineas se mueve dos o tres lineas mas abajo, los contenidos no se quedan el el mismo sitio que yo los dejo, aunque he ido moviendo para que se quede mas o menos pero pongo uno bien y se me van los otros. Vaya dolor de cabeza. Espero que entendais lo que me pasa y quizas me dejeis alguna solución, gracias

Shareena · 12 Ene 2009, 13:31 · Solicitar retirada

Hola hola,

ayudaría ver los códigos html y de estilo en los que estás trabajando :P

saludos!

adrianlucian01 · 12 Ene 2009, 13:52 · Solicitar retirada

Es esto lo que necesitabas? Si hay algo mas que tenga que poner solo dimelo , tengo que solucionarlo de la manera que sea.Gracias

<!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>title</title>
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">

</style>
</head>
<body>
<div id="wrap">
<div id="header">
<ul id="nav">

INICIO

<div align="left" class="Estilo3">
PRODUCTOS</div>

<div align="center" class="Estilo3" style="width: 100; height: 66">
GALERIA</div>

CONSEJOS

CONTACTO

</div>

<div id="content">
<div id="inner">
<div class="left float-l">
<h2 align="center" class="Estilo2"><span class="Estilo1">TOLDOS GARCIA SAMPER</span></h2>
<p class="Estilo2"></p>
</div>
<div class="right folat-r Estilo2">
<div class="blog" style="width: 356; height: 190">
<h2 class="Estilo4">BIENVENIDO</h2>
<p class="Estilo5">EL PORTAL DE LA EMPRESA LIDER EN EL SECTOR</p>
</div>
<div class="blog" style="width: 358; height: 249">
<p style="text-align: justify"><font face="Bodoni MT">
<font style="font-size: 11pt"></font><span class="txt_descficha"><font style="font-size: 11pt">Desde
1940 nuestra empresa ocupa uno de los primeros puestos en el sector de
la protección solar a nivel nacional. Avalada por la experiencia en la
fabricación e instalación de todo tipo de toldos, disponemos de una
amplia variedad de productos, diseños y excelente calidad</font></span></font><span class="txt_descficha"><font face="Bodoni MT" style="font-size: 11pt">. Le</font><font face="Bodoni MT" style="font-size: 11pt">
ofrecemos asesoramiento acerca de productos, sistemas, motores,
materiales e, incluso, los colores que mejor se integran en cada lugar
y con cada personalidad.</font></span></div>
</div>
</div>
</div>
<span class="Estilo2">

</span>
<span class="Estilo2">

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

adrianlucian01 · 12 Ene 2009, 13:55 · Solicitar retirada

Gracias de todas maneras pero la primera ya esta solucinada, ha quedado como yo queria, aora es esta la que me da problemas.

<!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>title</title>
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">

</style>
</head>
<body>
<div id="wrap">
<div id="header">
<ul id="nav">

INICIO

<div align="left" class="Estilo3">
PRODUCTOS</div>

<div align="center" class="Estilo3" style="width: 100; height: 66">GALERIA</div>

CONSEJOS

CONTACTO

<h1></h1>
</div>

<div id="content">
<div id="inner">
<div class="left float-l" style="width: 369; height: 449">
<font face="Bodoni MT" size="3">
<strong style="font-style: normal; font-weight: normal">Complete este
formulario y nos pondremos</font>

<font face="Bodoni MT" size="3">
<strong style="font-style: normal; font-weight: normal">en contacto con
Usted inmediatamente;</font></p>
<dl style="margin: 0; padding: 0">
<dd style="margin: 0; padding: 0"><table width="305" height="117">
<tr>
<td width="101" height="22" style="margin: 0; padding: 0">
<font face="Bodoni MT" size="3">Nombre</font></td>
<td width="234" height="22" style="margin: 0; padding: 0">
<input type="text" size="30" maxlength="256" name="Nombre usuario" style="font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0; padding: 0"></td>
</tr>
<tr>
<td width="101" height="22" style="margin: 0; padding: 0">
<font face="Bodoni MT" size="3">Dirección</font></td>
<td width="234" height="22" style="margin: 0; padding: 0">
<input type="text" size="30" maxlength="256" name="Correo electrónico usuario" style="font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0; padding: 0"></td>
</tr>
<tr>
<td width="101" height="22" style="margin: 0; padding: 0">
<font face="Bodoni MT" size="3">Ciudad</font></td>
<td width="234" height="22" style="margin: 0; padding: 0">
<input type="text" size="30" maxlength="256" name="Teléfono usuario" style="font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0; padding: 0"></td>
</tr>
<tr>
<td width="101" height="22" style="margin: 0; padding: 0">
<font face="Bodoni MT" size="3">Teléfono</font></td>
<td width="234" height="22" style="margin: 0; padding: 0">
<input type="text" size="30" maxlength="256" name="Teléfono usuario" style="font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0; padding: 0"></td>
</tr>
<tr>
<td width="101" height="22" style="margin: 0; padding: 0">
<font face="Bodoni MT" size="3">Movil</font></td>
<td width="234" height="22" style="margin: 0; padding: 0">
<input type="text" size="30" maxlength="256" name="Teléfono usuario" style="font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0; padding: 0"></td>
</tr>
<tr>
<td width="101" height="22" style="margin: 0; padding: 0">
<font face="Bodoni MT" size="3">E-mail</font></td>
<td width="234" height="22" style="margin: 0; padding: 0">
<input type="text" size="30" maxlength="256" name="Teléfono usuario" style="font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0; padding: 0"></td>
</tr>
<tr>
<td width="101" height="22" style="margin: 0; padding: 0">
<font face="Bodoni MT" size="3">Pedido</font></td>
<td width="20" height="22" style="margin: 0; padding: 0">
<textarea name="Comentarios" rows="5" cols="24" style="font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0; padding: 0"></textarea></td>
</tr>
</table>
</dd>
</dl>

</p>

<input type="submit" value="Enviar" style="font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0; padding: 0">
<input type="reset" value="Borrar todo" style="font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0; padding: 0"></p>
<p class="Estilo4"></p>
<p class="Estilo4"><font face="Bodoni MT" size="3">También puede
enviar cualquier consulta a </font></p>
<p class="Estilo4"><font face="Bodoni MT" size="4">
[correo eliminado]
</font></p>
<h2 class="Estilo2"></h2>
<p class="Estilo2"></p>
</div>
<div class="right folat-r Estilo2">
<div class="blog" style="width: 346; height: 439">
<h2 class="Estilo4"><span style="font-weight: 400">
<font face="Bodoni MT" size="3">
Pulse en la imagen para ampliar el mapa </font></span></h2>
<p class="Estilo4">
<a target="_blank" href="../mapa.bmp">
[contenido no disponible]</a></p>
<p class="Estilo4"> Avenida Artero Guirao nº81-83
San Pedro del Pinatar Murcia 30740</p>
<p class="Estilo4">Tel. 968 18 24 18 Fax 968 18 61 88</p>
<p class="Estilo4"><font face="Bodoni MT" size="3">
</font>
</div>
</div>
</div>
</div>
<span class="Estilo2">

</span>
<span class="Estilo2">

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

MzStudios · 12 Ene 2009, 16:01 · Solicitar retirada

Yo te recomiendo que le tengas un poco de paciencia a dreamwaver, quizas para empezar sea suficiente frontpage, pero para crear una web verdaderamente profecional necesitaras dreamwaver

Bueno, con respecto a tu problema, es comun en frontpage, deja tus hojas de estilos pues estoy casi seguro que ahi estara el problema

supongo que en IE se mira bien, y el principal problema sera con firefox (suele suceder con frontpage :roll: :roll: por alguna "misteriosa razon") por lo que hay que validar la hoja de estilos...

Ponla para revisarla :wink: :wink:

adrianlucian01 · 12 Ene 2009, 16:14 · Solicitar retirada

que va, sale lo mismo tanto con el explorer como con el firefox, no se si a lo que te refieres con la oja de estilos es un archivo llamado "style" y que se abre directamente con el dreamweaver, de todas maneras, puede ser esto?

body {
text-align:center;
}
a {
text-decoration:none;
}
a:hover {
text-decoration: underline;
}
#wrap {
width:800px;
text-align:left;
margin:0 auto;
background:url(images/bg.jpg) no-repeat
}
.float-l {
float:left
}
.folat-r {
float:right
}
.clearfix {
clear:both
}
/* header */
#header {
background:url(images/hd.gif) no-repeat;
height:132px
}
#header h1 {
font-size:38px;
padding-top: 32px;
padding-left: 80px;
color:#294352
}
#header h1 span {
font-size:16px
}
ul#nav {
padding-left:40px;
overflow:hidden;
}
ul#nav li {
float:left;
height:50px;
}
ul#nav li a {
color:#fff;
font-weight:700;
height:50px;
padding:16px 20px;
margin:0 25px;
line-height:50px;
width:100px
}
ul#nav li a:hover {
background:url(images/nav_hover.gif) no-repeat;
height:50px;
padding:16px 20px;
margin:0 25px;
line-height:50px;
}
/* content */
#content {
background:url(images/content.gif) no-repeat;
height:538px;
padding:0 15px;
color:#fff
}
#content a {
color:#b9dbf5
}
.left {
width: 260px;
padding-left:35px
}
.left h2, .blog h2 {
font-size:26px;
font-weight:700;
padding:20px 0
}
#inner {
padding-top:80px
}
.right {
width: 330px;
padding-right: 40px;
}
.blog {
height: 150px;
padding-bottom: 40px;
}
/* footer */
#footer {
background:url(images/ft.gif) no-repeat;
height:100px;
text-align:center;
padding-top: 30px;
color:#fff
}
#footer a {
color:#fff
}

adrianlucian01 · 12 Ene 2009, 16:17 · Solicitar retirada

luego tengo esto que se llama "reset":

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}