Hola.
Tengo que hacer una página web y bueno, ya tengo hecha la principal y como tiene que ser estilo homogéneo ahora he copiado esa página 6 veces más porque tienen que ser 7 en total.
Bueno pues copiándolo exactamente idéntico, la primera me sale bien, pero las demás cuando las enlazo y voy a ellas los acentos salen como un cuadradito con un símbolo raro como si fueran letras chinas xD
Cómo puedo arreglarlo q.q
Gracias
El post iria mejor en diseño, pero lo que te pasa es por la codificación, pegale un vistazo a esto:
http://www.w3.org/International/questions/qa-html-encoding-declarations.es.php
edit: Si te ha pasado al copiar y pegar lo mas probable es que no hayas copiado la cabecera de arriba del todo
Para que no pase esto tienes que utilizar UTF-8
Te dejo como poner las letras con acento:
á = á
é = é
í = í
ó = ó
ú = ú
ñ = ñ
http://www.gestiweb.com/?q=content/problemas-html-acentos-y-e%C3%B1es-charset-utf-8-iso-8859-1
Añade este código entre las etiquetas del head y creo que ya se arreglará:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
#4 ya lo tengo añadido, pero en las 2 primeras páginas sale bien y en las otras salen letras el símbolo raro ese XD
vamos que lo copié y pegué idéntico, es algo raro q.q
#5 puedes poner lo que tienes dentro de la etiqueta head para verlo y poder ayudarte mejor? Esque así sin verlo es más dificil xD
Este sale bien
<!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>EJERCICIO</title>
<link href="css/estilo.css" rel="stylesheet" type="text/css" />
</head>
Y este sale mal:
<!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>EJERCICIO</title>
<link href="css/estilo.css" rel="stylesheet" type="text/css" />
</head>
#7 no veo que puede ir mal, a no ser que en vez de guardarlo como codificación UTF lo estés guardando como codificación ISO..
Mirate este hilo a ver si te sirve que creo que tiene un problema similar http://www.forosdelweb.com/f4/doctype-meta-para-caracteres-espanol-722061/
#8 era eso joder gracias XDDD
Dejo esto abierto porque sé que em saldrán más dudas, os quiero (L)(L)
A ver otra duda, tengo esto puesto:
#centro {
width:1100px;
height: 500px;
background: #666;
margin-left: 10px;
padding: 5px;
border:5px solid red;
float: left;
overflow:scroll;
font: 15px verdana;
}
Esto es un general, en cada página sale ese formato de letra y ese tamaño, pero si me interesa en una de las páginas poner la letra más grande, cómo he de hacerlo?
Gracias!
#10 pues si en la otra pagina quieres otra letra mas grande en el id="centro" ponle otro nombre, y en el css pon esto:
#nuevonombre {
width:1100px;
height: 500px;
background: #666 ;
margin-left: 10px;
padding: 5px;
border:5px solid red;
float: left;
overflow:scroll;
font: 20px verdana; /*aqui aumentas el tamaño y ya está */
}
#11 joder muchas gracias tío!!
Otra dudilla, en una de las páginas he metido una tabla, como puedo agrandarla y centrarla?
<p>Aquí puedes ver los precios detallados sobre donde puede alojarse, y los precios.
Además puedes solicitar que vayamos a recogerle al aeropuerto o estación de autobuses si lo desea</p>
<table border="3">
<tr> <td>njibn</td> <td>bhjbhj</td> <td>bhj</td> </tr>
<tr> <td>njibn</td> <td>bhjbhj</td> <td>bhj</td> </tr>
<tr> <td>njibn</td> <td>bhjbhj</td> <td>bhj</td> </tr>
<tr> <td>njibn</td> <td>bhjbhj</td> <td>bhj</td> </tr>
</table>Me sale arriba al a izquiera y no sé cómo he de centrar
Gracias de nuevo
<table border="3" align="center" width="500" height="500">
<tr> <td>njibn</td> <td>bhjbhj</td> <td>bhj</td> </tr>
<tr> <td>njibn</td> <td>bhjbhj</td> <td>bhj</td> </tr>
<tr> <td>njibn</td> <td>bhjbhj</td> <td>bhj</td> </tr>
<tr> <td>njibn</td> <td>bhjbhj</td> <td>bhj</td> </tr>
</table>
En width ponle el ancho que quieras y en height el alto
#13 Vaya tío muchas gracias, perdona por hacer tantas preguntas es que he empezado hace 1 mes y poco y aún estoy muy perdido, no sé bien dónde poner etiquetas ni su orden.. q.q
A ver otra duda:
Necesito hacer una pequeña galería de imágenes, y que cuando ponga el ratón encima de ellas se amplíen, cómo puedo hacerlo? es que he mirado ejemplos en inet y no entiendo nada q.q
Los estoy haciendo al método chapucero, entonces las 2 priemras imágenes cuando las aumento salen bien, pero luego la tercera cuando le doy a aumentar, poniendo el ratón encima, se superpone encima de otra imagen... sabéis cómo arreglarlo? xD
Usa esta librería es bastante típica y tendrás documentación para poder montarlo tu solo
http://lokeshdhakar.com/projects/lightbox2/
Es como usar javascript pero de forma más bonita, pero despues de leer que estas empezando, puedes hacerlo del metodo simple (usando javascript)
<img src="direcion_imagen" onmouseover="this.width=200;this.height=200;" onmouseout=onmouseover="this.width=100;this.height=100;" width=200 height=200" />
Esto muestra una imagen de 100x100 pixel y cuando pasas el raton por encima se aumenta el doble.
pero yo java no he dado no creo que debiera usarlo xd gracias a todos
Yo lo he hecho usando el comando visor en hoja de estilo y html porque dijo la profe que quería un visor, eso se considera visor? xd es que estoy tan perdido : (
#21 A ver el problema es que todas las fotos cuando se aumentan, se aumentan en la parte izquierda de la pantalla aunque estén a la derecha, y yo lo que quiero es que se aumenten en el sitio donde están, y no hay manera : (
#23 y por que no haces que se abran en una ventana nueva?
#21 No entiendo esto: onmouseout=onmouseover="this.width=100;this.height=100;" width=200 height=200" O faltan comillas o no entiendo el onmouseout=onmouseover, podrias explicarlo?
Usar el this para mi es un disparate, para reutilizar el codigo vale, pero no para empezar, cuesta mucho luego leer el codigo si es muy extenso
#24 lo que he hecho al final ha sido meterlas en una tabla y ya salen más o menos bien, ahora me queda meter favicon de esos, hacer un javascript de hora, y poco más, que miraré por ahí en internet y si no me sale os pregunto
Gracias a todos chicos
Pues no, no me sale lo del favicon, he guardado un favicon, tene 32x32, y pongo esto
<link rel="shortcut icon" href="img/favi.ico">
tengo guardado el favicon en una carpeta que se llama img, no sé si está bien o no :S no me sale
Vale las 2 últimas dudas:
Necesito cambiar en una página concreta un dos h1 de color, como hago lo de poner el id y luego ir al css para que lo reconzca?
Y segundo, si quiero reducir una imagen en concreto también, como hago el id en html y despuñes aplico en csss?
Aún me lío un poco con los ids...
Gracias!!!
#1 ¿En qué centro estás estudiando?
#28 Entonces nada. Cuando yo estudié nos decían simplemente que pasáramos de los acentos.
#27 Zaidín Vergeles por?
A ver he puesto esto en el html:
<title id=título>sacromonte</title>
y en CSS
#título {color: red;}
¿ Dónde ostias está el fallo? Q.Q
También he probado con poner h1 pero aún nada, alguna idea plz?
EDIT:
Vale lo del título arreglado, era poner h1 {color:red} en css por ejemplo, pero aún no sé como puedo darle a 2 títulos de una misma página 2 colores distintos.
Segundo, si quiero reducir una imagen en concreto también, como hago el id en html y despuñes aplico en csss?
Tercero ¿ Cómo meter un favicon ?
Muuuchas gracias
#28 title es una etiqueta de cabecera. Lo que buscas es h1, h2...
Lo del CSS, tal y como lo has puesto esta bien, si quieres 2 colores distintos para dos h1 debes darle a cada uno una ID o una class y en el css lo pones de esta manera:
h1.nombreclase {color:red} /* para una class */h1#nombreid {color:red} /* para un id */
Poniendo el nombre de id/clase pegado al tag h1 le dices que ponga en rojo el h1 que TAMBIÉN tiene esa clase/id.
Lo del favicon, esto dentro de <head></head>:
<link rel="shortcut icon" href="RUTA IMAGEN.ico" />#30 En www.codecademy.com tienes un "curso" de html y css que empieza desde lo más básico y te va a solucionar todas las dudas tontas que surgen al principio.