Problemas con la web (sencillos)

Bueno tengo dos problemas amigos... 8)

El primero es que le puse un fonde re copado a mi web y queda fantastico pero cuando lo voy a subir a internet me dice q no se puede. Q podra ser? Aca les dejo las dimensiones de la imagen:

Es .PNG, la dimension es de 2303 x 902, el ancho es de 2303, el alto de 902 y la profundidad es de 32... Sera muy grande? Q puede ser?

Y el segundo es q cuando veo mi web con Mozilla se ve todo pa' el tuje y si lo arreglo se va a ver mal con los otros navegadores... Como puedo hacer para q se vea bien en todos?

Gracias de antemano amigos! :wink:

La imagen que quieres subir seguramente por ser grande tiene problemas para poder subirla ,mas de 1000 creo es excesivo porque la pantalla no excede los 800px.Tienes la opción de achicar la imagen con photoshop y ademas y con esta programa al momento de guardarla con la opción imagen para la web ,con esto disminuye considerablemente el peso de la imagen si pesa 74 kb puede bajar a 2kb.y así es mas fácil subirla . :D

Te quiero amgioo!! :P :P :P

Espero ahora q alguien me ayude con lo de Firefox :cry:

Diseña la web para firefox, una vez que se vea bien en este navegador vuelve a escribir y te dire algun truco para explorer.

Ok amigooo :wink: Gracias!

Necesito otra ayuda. Si alguien me podria explicar q funcion cumple el # en la Hoja de Estilos y cuando se los usa y q pasa si no se los pone.

Y otro cosa relacionada con la pregunta de arriba (es q todavia no domino muy bien eso :oops:). Si yo escribo un texto, incluyendo el titulo y todo, y lo quiero poner a mi gusto, sin q se relacione a los valores q yo les di generalmente. Por ejemplo, yo puse p {tal valores}... Ahora yo quiero q este nuevo texto tenga caracteristicas propias, q tengo q poner en la Hoja de Estilos?

Muchas gracias

Hola.

Quizá yo pueda ayudarte.

Cuando tu nombras a un elemento así id="nombre", le estas asignando un
nombre con la finalidad de que le otorgues características individuales
diferentes a los demás elementos de tu web. Ahora para que la hoja de
estilos pueda asignarles los valores que tu quieras al elemento señalado
tiene que poner primero el nombre para reconocerlo. Así:

nombre {
valores
}

Ahora, hay 2 formas de darle un nombre a un elemento. Como puse
antes: id="nombre" y también así: class="nombre". Para que la hoja de
estilos sepa si le va asignar los valores a un id o a un class le
anteponemos: #(para el id) y . (para el class). Asi:

#nombre { // en el caso del id
valores
}

.nombre { // en el caso del class
valores
}

Ahora entre id y class hay diferencias en el concepto mismo del uso
de cada uno, pero en la practica yo no le encuentro diferencias significa-
tivas por lo cual solo uso el class.

Salu2

Y por lo segundo.

Puedes encerrar el texto que quieres entre la etiqueta spam y asignarle
una clase asi:

<span class="nombre>Contenido</span>

Luego en la hoja de estilos lo llamas así:

.nombre{
valores a tu gusto
}

Si no es eso lo que quieres no dudes en decirlo.

Salu2

Gracias amigo! Sos un genio! Gracias por la buena onda!

Te entendi perfectamente pero no se si estoy haciendo algo mal o que pero no me sale :cry:

Te dejo un fragmento de mi codigo HTML:

<h1>¡Bienvenidos!</h1>
<span class="texto">La poderosa es una web cuyo contenido</span>


varia en incontables generos de los cuales</p>


la mayoria son educativos.</p>

Y uno de mi Hoja de Estilo:

* {margin:0px ; padding:0px ; border: 0px}
.texto {text-align: left}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}

Hay algun error?

Otra preguntita... :oops: xD
¿Por que el span? ¿Es especial para los textos?

Y la ultima! Jaja :D
¿Es lo mismo entonces q ponga id o class?

Gracias compañero!

Hola feche123

Te contesto primero la pregunta.

Span es una etiqueta que te permite agrupar determinadas palabras de
un párrafo para asignarle valores desde la hoja de estilos. Esta agrupa-
ción tiene que hacerse necesariamente en un párrafo, es ahí donde esta
el fallo en tu código me parece, error mio tambien por no decirtelo je, y
esque el span tiene que ir siempre dentro de una etiqueta de parrafo
osea entre

</p>

Por lo que quedaría asi:

<h1>¡Bienvenidos!</h1>


<span class="texto">La poderosa es una web cuyo contenido</span> </p>


varia en incontables géneros de los cuales</p>


la mayoría son educativos.</p>


PD. Aunque en tu caso no afecta nada porque solo hay una instrucción, es
necesario que después de cada una de las instrucciones en tu hoja de
estilos pongas el punto y coma ( ; ). Así:

.texto {text-align: left;}

Y en el caso de tu ultima pregunta como te dije antes, la diferencia esta
en los conceptos me parece. Con temor a equivocarme, me arriesgo a
decir que el id se debería usar cuando vas a darle atributos a un conjunto
de cosas. Como por ejemplo, para que le des valores a todo el div
izquierdo de tu web, donde tienes adentro mas divs y mas cosas. Mientras
que el class se debería usar para dar valores a algo especifico, por
ejemplo a una celda de una tabla, a un pedazo de párrafo como tu caso o
simplemente a un div menor.

En cualquier caso, a la hora de la practica yo solo uso class, creo que es
por costumbre. Pero es buena idea que tengamos los conceptos de ambos
bien claros por cualquier eventualidad.

Si no quedo algo claro solo dilo

Salu2

Amigoooo! Mas claro q el agua! ;)

Pero no me responde... :cry: No se por q!

Una bronca! :x

HTML:

<h1>¡Bienvenidos!</h1>


<span class="texto">La poderosa es una web cuyo contenido</span></p>


varia en incontables generos de los cuales</p>


la mayoria son educativos.</p>

Hoja de Estilos:

.texto {text-align: left}

Pero deja amigoo! Gracias por explicarme! Ahora lo entendi ;)
No se porq no se podra, la verdad no se...

Hola,

Pues pa todo hay solución no te preocupes y si no hay solución pues
la huelga continua ja :shock:

Esta bien enlazada tu hoja de estilos? aer pega todo el código.

Ah y una pregunta, con el text-align: left probablemente no te des cuenta
del cambio, ya has probado ponerle en negrita con color o aumentarle
el tamaño?

En todo caso si pegas todo el html y todo el css seguro encontraremos
el problema. A todos nos pasa al principio lo de trabarnos en algún lado
pero ya veras como pronto estarás respondiendo dudas de los demás
amigos del foro.

Salu2

jaja gracias compañero!

Mira la Hoja de Estilo esta bien... Yo te dejo, como me pediste, todo el HTML y la Hoja de estilos.

HTMl

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

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

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


<div id="cabecera">
<div id="logotipo">
<a href="index.html">
<a href="http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…">
[contenido no disponible]</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>

Portada

<a href="juventud-revolucionaria/juventud-revolucionaria.html">
Juventud Revolucionaria</a>

Educacion

<a href="musica/musica.html">
Musica</a>

Foro

<a href="paginas-amigas-y-recomendadas/paginas-amigas-y-recomendadas.html">
Paginas amigas y recomendadas</a>
</div>


<div id="contenido">




<h1>¡Bienvenidos!</h1>


La poderosa es una web cuyo contenido</p>


varia en incontables generos de los cuales</p>


la mayoria son educativos.</p>
</div>


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

Foro Ejemplo

Contactos

Nos Enlazan</div>
<div id="piedos">
<a id="mws4692868" href="http://webstats.motigo.com/">
[contenido no disponible]</a>
<script src="http://m1.webstats.motigo.com/c.js?id=4692868&amp;lang=ES&amp;i=27" type="text/javascript"></script>

</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web</div>
</div>


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

</body>
</html>



Hoja de Estilos

* {margin:0px ; padding:0px ; border: 0px}
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}
body {text-align: center ; background-image: url(objetos/fondo.png) ;
background-position: center center ; background-repeat: no-repeat ; height:100%}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ;
width:800px ; height: 12px ; overflow : hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ;
height:85px}
#logotipo {width:280px ; float:left}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion ul { margin-left: 100px }
#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 20px}
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 3px 10px 3px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom:5px}
#menu li { list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:14px ; background-image: url(objetos/menu-curva-superior.gif);
padding-top:12px}
#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: 10px}
#pieuno {float:left ; width:150px}
#piedos {float:left ; width:498px}
#pietres {float:left ; width:150px}
#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}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ;
width:800px ; height: 12px ; overflow: hidden }
a {color: blue; font-size:1em ; text-decoration: none ; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}


Y te queria pedir una cosita amigo. Serias tan amable de pasarme todos los codigos q sepas para un texto, como ser negrita, subrayado, etc, etc.. ;)

Hola.

Mira acá jorgens nos hizo un gran tuto sobre algunos códigos de textos
esta en el apartado curso html de la página principal, te dejo el enlace:

http://www.comocreartuweb.com/curso-de-html/html-leccion-i-resaltar…

Si hay alguna duda solo preguntala.

PD. tu página esta muy bien.

Salu2