4 problemas que tengo

Resumiendo, me han recomendado que no haga esto pero es que si no me lio mucho buscando los diferentes temas, he abierto algun tema por ahi pero ahora mismo lo borro para que no se repitan.

Resumo todos mis problemas en un post vale?

1º. Me gustariahacer un formulario, con html.. no controlo nada php. He estado leyendo tutoriales por aqui pero me cuesta mucho seguirlos.. he hecho algo.. pero el boton "enviar" y que me llegue al mail no tengo ni idea..

2º. El fondo de mi pagina no se ve con FireFox pero si con Explorer.

3º. Las letras con tildes, se sustituyen por una imagencilla de interrogacion.

4º. Las palabras e imagenes con enlace, me ocupan toda una linea, creo que es por la propiedad BLOCK pero la he sustituido por NONE y sigue igual.


Aqui os dejo el codigo de la plantilla html y luego el de los estilos.


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

<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<META Name="description" Content="Página interesante sobre el Grupo Scout-Guía IRUZUN (Iruzun Eskaut Gia Talde Laikoa)."> 



<title>Iruzun Eskaut Gia Talde Laikoa</title>
</head>
<body>
<script language="JavaScript" type="text/JavaScript"><!--
var txt="    IRUZUN ESKAUT GIA TALDE LAIKOA     -";
var refresco=null;
function titulo() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0); 
refresco=setTimeout("titulo()",200);}
titulo();
// -->
</script>


<div id="fondo-de-todo">

<div id="global">
		 <div id="curva-superior"></div>
		 <div id="cabecera">
  	 			<div id="logotipo">[url="plantilla.html"][img]objetos/titulo.jpg[/img][/url]</div>
  				</div>
		
		 			
<div id="navegacion">
  <ul>
    [*][url="quienes-somos.html"]¿Quiènes somos?[/url]
    [*][url="http://iruzun.blogspot.com/"]BLOG[/url]
    [*][url="http://picasaweb.google.com/Iruzunen.Bilduma"]Fotos[/url]
    [*][url="manual.html"]Manual[/url]
		[*][url="cancionero.html"]Cancionero[/url]
		[*][url="http://iruzun.foroportal.es/index.php"]Foro[/url]
		[*][url="enlaces.html"]Enlaces[/url]
		[*][url="mas.html"]Más[/url]
  [/list]
</div>

<div id="barra-madera"></div>
<div id="contenido">

<h1>CONTENIDO DE LA PAGINA</h1>










</div>

<div id="barra-inferior-flores"></div>

<div id="pie"><ul>
    [*][url="opinion.html"]OPINA[/url][*][url="contacta.html"]CONTACTA[/url][*][url="colabora.html"]COLABORA[/url][/list]
		</div>




<div id="barra-inferior-inferior"></div>
</div>
</div>
</div>
</body>
</html>




body {text-align: center}


#cabecera {background-color: #32CD32 ; border-bottom: #FF8C00 3px solid ;width:800px }

#navegacion {background-color: #76EE00  ; height:28px; overflow: hidden ; width:800px }
#navegacion li {float:left ; list-style:none ;
								overflow: hidden; ; margin: 4px 10px 4px 10px ; text-aling: center}
#navegacion ul { margin-left: 50px }

#contenido {background-color: #FFF68F ; width:800px ;height: 600px; Overflow: auto }  
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}


#menu {background-color: #FF6347; width: auto ; float:left ; text-align:left  ; margin-right: 10px; border: 3px solid #FF8C00 }
#menu li {list-style:none ; margin: 4px 0px 4px 10px}

#pie               {background-color: #C0FF3E ; height:20px ;width:800px  }
#fondo-de-todo {background-image:url(objetos/Fondo scout.jpg); height:100%; }
#global {width:800px ; margin: 4px auto }


* {margin:0px ; padding:0px ; border: 0px}

#menu a {color: black; font-size:none ; text-decoration: none ; display:block }
#menu a:link {}
#menu a:visited {}
#menu a:hover {color: red; font-size:none ; text-decoration: underline ; background-color: silver}}
#menu a:active {}

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

h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ; text-align: center}

p {text-align: justify}

#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ;
                  width:800px ; 
                  height: 12px ;
                  overflow : hidden}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ;
                  width:800px ; 
                  height: 12px ;
                  overflow : hidden}
									
#barra-inferior-flores { background-image: url(objetos/barra-inferior-flores.jpg) ; background-repeat: no-repeat ;
                  width:800px ; 
                  height: 167px }
                  
#barra-madera { background-image: url(objetos/barra-madera.jpg) ; background-repeat: no-repeat ;
                  width:800px ; 
                  height: 68px ; 
									overflow : hidden}

#barra-inferior-inferior { background-image: url(objetos/barra-inferior-inferior.jpg) ; background-repeat: no-repeat ;
                  width:800px ; 
                  height: 30px ;
                  overflow : hidden}
									
#pie li {float:left ; list-style:none ; margin: 0px 50px 0px 50px }
#pie ul { margin-left: 90px }



igual es mucho morro si os pido que me respondais con la solucion un poco mascada...

A ver que podemos hacer.. muchas gracias de antemano.
ok, trataré de ayudarte en lo que pueda

primero para hacer el formulario te recomiendo que visites la página

www.melodysoft.com

lee detenidamente las indicaciones de los formularios y en menos de lo que imaginas tu formulario estará funcionando

cualquier cosa me avisas para darte una mano

segundo

el fondo de tu página (ya lo colgaste??? de otra manera no lo puedo ver)
pero veo que lo tienes asi:
objetos/Fondo scout.jpg

como se llama la imagen?, recuerda que no debe llevar espacios en blanco y de preferencia el nombre debe de ser en minusculas para que no te lies con eso

tercera: los tildes lo arreglas de la siguiente forma

á &aacute;
é &eacute;
í &iacute;
ó &oacute;
ú &uacute;
ñ $ntilde;

ejemplo

árbol &aacute;rbol
canción canci&oacute;n

así tienes que ponerlo cuando lo escribes

cuarta:
si no quieres el display: block
eliminalo por completo


PD. te recomiendop seguir al pie de la letra las indicaciones
por que te puedes perder
te lo comento por lo siguiente:

esta linea debe estar arriba de todo, para que no anules los margenes posteriores

* {margin:0px ; padding:0px ; border: 0px}

tambien recomienda ir poniendo las diferentes ordenes de la hoja de estilos, en el mismo orden en el que las usamos en la plantilla

ejemplo

* {margin:0px ; padding:0px ; border: 0px}
body
global
cabecera
curvasuperior

etc. etc. etc

asi es más fácil de localizarlas para futuros chequeos

si se me quedó algo en el aire no dudes en recordarlo

saludos
Ok, parece que lo del fondo ARREGLADO parece ser que era el espacio ese.


La pagina no la tengo subida no.. no conseguir subirla... :roll: :roll:

Lo del Formulario.. parece que me lo tendre que currar asi que ya contestare aqui mas adelante cuando tenga problemas que seguro que los tengo ;)


Las tildes, se bien con el IE pero no con el Firefox... ¿tengo que cambiar todas las tildes y ponerlas de ese modo? y este simbolo --> ¿ <-- tambien me lo pone raro.

Enlaces,
a {color: black; font-size:none ; text-decoration: none}
lo he puesto asi en la hoja de estilos, RESUELTO TAMBIEN



Tengo un nuevo fallo, que puesto musica de fondo con este codigo:

<bgsound src="objetos/El_libro_de_la_selva_1.mid" loop="1">

Se oye con el explorer pero no con el firefox, que codigo debo añadir para que se oiga tambien con firefox?

y otra cosilla mas.. en la pagina de INDEX he puesto una imagen central con un redireccionamieto a laplagina princiapal... pero la imagen no se ve.. y no entiendo xq... Adjunto codigo html y css

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

<html>
<head>


<title>IRUZUN ESKAUT GIA TALDEA</title>
<link rel="stylesheet" href="estilo-index.css" type="text/css" media="all">


		 
</head>
<body>
<meta http-equiv="refresh" content="5;URL=plantilla.html">
[img]objetos/portada.jpg[/img]






</body>
</html>
CSS INDEX
#fondo {background-color:blue}
#global {background-image: url(objetos/portada.jpg)}
body {text-align: center}


un millon de graciasotra vez! supone mucho para mi la ayuda que estoy recibiendo por aki :)
Buenas,

Lo contrario de display:block es display:inline
El display:none es para que el elemento no se muestre.

En cuanto a los acentos, es como te indican, has de sustituir la á por &aacute; la é por &eacute; etc, etc, y lo mismo si van en mayusculas... &Eacute, etc.

Lo mejor es olvidarte del tema y cuando tengas todo hecho usar un programa que busque y reemplace automaticamente los codigos. Pones buscar "á" y le dices que lo sustituya por "&aacute;" en toooodos los archivos de tu web, y lo logras en tres segundo. Luego lo mismo con la é, con la é...

Yo lo usaba mucho y está bien, aunque ahora directamente lo escribo en código.

:wink:
ok! ya buscare un programa que lo haga.. y lo de la imagen del Index? como debo hacer? no entiendo porque falla... solo es una imagen.. sin texto ni nada yno se ve...:S


el formulario ya lo hice