hola haber si alguien me puede ayudar he construido una pequeña web, siguiendo las intrucciones del curso paso a paso, pero no se ve bien en los diferentes navegadores como firefox o crome, alguien me podria ayudar para poder verla bien en todos los navegadores. un saludo y gracias
duda navegadores
vamos a necesitar un poco de ayuda, si no vemos qué falla, es complicado adivinarlo. ¿qué tal si nos dejas el código? ¿o la dirección de tu web? Así podemos ver qué es lo que no está funcionando bien.
amigo tal como te indico la compañera (creo no te ofendas si es en masculino) Salmarina, debes proporcionarnos los códigos haber que es lo que tienes mal puesto, recuerda que barios errores pueden tener los mismos síntomas.
bueno aqui os dejo mi hoja de estilos y mi codigo html, un saludo
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px }
a {color: brown ; text-decoration: none ; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align:justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h3 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h4 {font.size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h5 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align ; float:left}
h6 {font.size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align ; float:left}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
body {background-color: #E6E36FA ; background-image: url(objetos/fondo102.jpg)}
img {border-style: none }
#curva-superior { background-image: url(objetos/curva-superior.gif);
background-repeat: no-repeat width:800px ;
height: 12px ;
overflow : hidden }
.centrado {text-align:center}
#cabecera {background-color: blue ; border-left: black 1px solid ;
border-right: black 0px solid ; border-height: black 85px solid; clear:both}
#logotipo { width:180px ; float:left}
#logotipo2 { width:80; float:focose}
#logotipo1 { width:180px ; float:right}
#publicidad {background-color: white; width:518px ;border-lower: white 35px solid }
#navegacion {background-color: black ; border: black 1px solid ; height:20px; clear:both}
#navegacion li {float:left ; list-style:none ; margin: 5px 10px 5px 10px }
#navegacion ul { margin-left: 40px }
#contenido {background-color: pink ; border-left: black 1px solid ; border-right: black 1px solid; clear:both}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#contenido p1{ width:280px ; float:left}
#menu {background-color:yellow; width: 150px ; float:left ;
text-align:left ; margin-right:5px 10px 5px 5px ;
background-image: url(objetos/menu-parte-inferior.gif) ;
background-position: bottom ;
padding-bottom:5px}
#menu li {list-style:none ; margin: 4px 8px 70px 6px}
#menu h1 {text-decoration:none ; font-size:22px;
background-image: url(objetos/menu-parte-superior.gif)}
#pie { background-color: black;
border-left: black 1px solid ;
border-right: black 0px solid ;
border-top: black 1px solid; height: 65px }
#pie li {list-style: none ; font-size: 20px }
#pieuno { float:left ;background-color:black; width:150px }
#piedos { float:left ;background-color:black; width:398px }
#pietres { float:left ;background-color:black; width:150px }
#pie a {color: pink; 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}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#logotipo1 a {}
#logotipo1 a:link {}
#logotipo1 a:visited {}
#logotipo1 a:hover {background-color: white }
#logotipo1 a:active{}
#logotipo2 a {}
#logotipo2 a:link {}
#logotipo2 a:visited {}
#logotipo2 a:hover {background-color: white }
#logotipo2 a:active{}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ; width:800px ;
height: 12px ;
overflow: hidden }
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px }
a {color: brown ; text-decoration: none ; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align:justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h3 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h4 {font.size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h5 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align ; float:left}
h6 {font.size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align ; float:left}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
body {background-color: #E6E36FA ; background-image: url(objetos/fondo102.jpg)}
img {border-style: none }
#curva-superior { background-image: url(objetos/curva-superior.gif);
background-repeat: no-repeat width:800px ;
height: 12px ;
overflow : hidden }
.centrado {text-align:center}
#cabecera {background-color: blue ; border-left: black 1px solid ;
border-right: black 0px solid ; border-height: black 85px solid; clear:both}
#logotipo { width:180px ; float:left}
#logotipo2 { width:80; float:focose}
#logotipo1 { width:180px ; float:right}
#publicidad {background-color: white; width:518px ;border-lower: white 35px solid }
#navegacion {background-color: black ; border: black 1px solid ; height:20px; clear:both}
#navegacion li {float:left ; list-style:none ; margin: 5px 10px 5px 10px }
#navegacion ul { margin-left: 40px }
#contenido {background-color: pink ; border-left: black 1px solid ; border-right: black 1px solid; clear:both}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#contenido p1{ width:280px ; float:left}
#menu {background-color:yellow; width: 150px ; float:left ;
text-align:left ; margin-right:5px 10px 5px 5px ;
background-image: url(objetos/menu-parte-inferior.gif) ;
background-position: bottom ;
padding-bottom:5px}
#menu li {list-style:none ; margin: 4px 8px 70px 6px}
#menu h1 {text-decoration:none ; font-size:22px;
background-image: url(objetos/menu-parte-superior.gif)}
#pie { background-color: black;
border-left: black 1px solid ;
border-right: black 0px solid ;
border-top: black 1px solid; height: 65px }
#pie li {list-style: none ; font-size: 20px }
#pieuno { float:left ;background-color:black; width:150px }
#piedos { float:left ;background-color:black; width:398px }
#pietres { float:left ;background-color:black; width:150px }
#pie a {color: pink; 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}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#logotipo1 a {}
#logotipo1 a:link {}
#logotipo1 a:visited {}
#logotipo1 a:hover {background-color: white }
#logotipo1 a:active{}
#logotipo2 a {}
#logotipo2 a:link {}
#logotipo2 a:visited {}
#logotipo2 a:hover {background-color: white }
#logotipo2 a:active{}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ; width:800px ;
height: 12px ;
overflow: hidden }
ahora mi hoja de codigos
<html>
<head>
<title>Pagina Principal</title>
<font face="Arial" font size="3">
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<script>
// numero de copos de nieve (maximo 35)
var snowmax=35
// colores para la nieve. puedes poner varios
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
// fuente para los copos de nieve. puedes poner varios
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
// coloca la letra que hara de copo, normalmente un asterisco *
var snowletter="web en construccion"
// velocidad de la nieve. se recomienda entre 0.2 a 2
var sinkspeed=0.6
// tamaño maximo para los copos de nieve
var snowmaxsize=22
// tamaño minimo para los copos de nieve
var snowminsize=8
// Aqui selecciona el modo de nive. pon 1 para que la nieve caiga por todos lados
// 2 para que venga de la izquierda, 3 desde la derecha y 4 desde arriba.
var snowingzone=3
// lo siguiente no se debe variar
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds = 0;
lftrght = Math.random()*15;
x_mv = 0.03 + Math.random()/10;
snow=document.getElementById("s"+i)
snow.style.fontFamily=snowtype[randommaker(snowtype.length)]
snow.size=randommaker(snowsizerange)+snowminsize
snow.style.fontSize=snow.size
snow.style.color=snowcolor[randommaker(snowcolor.length)]
snow.sink=sinkspeed*snow.size/5
if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
snow.posy=randommaker(2*marginbottom-marginbottom-2*snow.size)
snow.style.left=snow.posx
snow.style.top=snow.posy
}
movesnow()
}
function movesnow() {
for (i=0;i<=snowmax;i++) {
crds += x_mv;
snow.posy+=snow.sink
snow.style.left=snow.posx+lftrght*Math.sin(crds);
snow.style.top=snow.posy
if (snow.posy>=marginbottom-2*snow.size || parseInt(snow.style.left)>(marginright-3*lftrght)){
if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
snow.posy=0
}
}
var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</script>
<!--<img alt="12 (163K)" src="objetos/12.jpg" height="513" width="1269"-->
<span style="font-family: Algerian"></span><font size="6"><span style="COLOR:pink; FONT-FAMILY: Algerian">
<p class="centrado"> Bienvenidos a mi página web. Muy pronto estará lista!</p>
<!--<p class="centrado">Página creada gracias a<a href="http://www.comocreartuweb.com"
target="_blank"> CCTW</a></p>-->
<!--<p class="centrado"><a href="mailto:[correo eliminado]"><img alt="204-buzon (2K)" src="../objetos/204-buzon.gif"
height="32" width="32" /></a> </p>-->
<div id="global">
<span style="font-family: Arial"></span><font size="4">
<!-- INICIO CODIGO DE CABECERA - NO TOCAR -->
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="../index.html">
<img alt="IMG_5005 (15K)" src="../objetos/IMG_5005.jpg" height="106" width="81"
alt="Haz clic aquí para volver a la página de inicio"></a>
</div>
<div id="logotipo1"><a href="../index.html">
<img alt="IMG_5005 (r) (19K)" src="../objetos/IMG_5005%20(r).jpg" height="106" width="81"
alt="Haz clic aquí para volver a la página de inicio"></a>
</div>
<div id="logotipo2"><a href="../index.html">
<img alt="pequeña (8K)" src="../objetos/pequeña.jpg" height="106" width="260"
alt="Haz clic aquí para volver a la página de inicio"></a>
</div>
<!--<span style="font-family: Arial"></span><font size="3"><span style="COLOR: black; FONT-FAMILY: Arial">
<div id="publicidad">Bienvenidos a mi Web y a mi Foro de Colombicultura, dedicada a la cria y Seleccion del Buchon jienense </div>-->
</div>
<div id="navegacion"><ul>
<span style="font-family: Arial"></span><font size="3"><span style="COLOR: black; FONT-FAMILY: Arial">
<ul><li><a href="../index.html">Inicio</a></li><li><a href="../historia/historia.html">Historia</a></li><li><a href="../Machos/Machos.html">Machos adultos</a></li>
<li><a href="../Hembras/Hembras.html">Hembras adultas </a></li><li><a href="../Pichones/Pichones.html">Pichones</a></li><li><a href="../Palomar/Palomar.html">Palomar</a></li>
<li><a href="../Foro/Foro.html">Foro</a></li><li><a href="../Fotos de mis amigos/Fotos de mis amigos.html">Fotos de mis amigos</a></li>
</ul>
</div>
<!-- FIN DE CODIGO DE CABECERA -->
<div id="contenido">
<!-- INICIO CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR -->
<div id="menu">
<span style="font-family: Arial"></span><font size="2"><span style="COLOR: black; FONT-FAMILY: Arial">
<ul><h1>RELOJ</h1>
<p class="centrado"><!--- codigo relojesweb.com---><table border="0" id="t1"><tr><td><a href="http://www.relojesweb.com">
<param name=wmode value=transparent><embed style="" src="http://www.relojesweb.com/flash/reloj7.swf"
wmode="transparent" type="application/x-shockwave-flash" height="100" width="100"><param name=wmode value=transparent>
</embed></a></TD></tr><tr><TD align="center"
style="font-family : verdana;font-size : 8px;font-variant : small-caps; text-decoration : none;">
<a style="text-decoration : none" target="_blank" </a><a style="text-decoration : none" target="_blank"
</a><div id="control" style="display:none">Quiz1da6 feeTha5e eiKi2roo Quaix4ma DeeXah6k See1ceaw oo3faeQu loTh3boo</div>
<div id="control2" style="display:none">chee9Phi Tie7queo othe4Ka0 Ooku4aiS yahX5kee aid6XeuS ahch0Bah eeJie9ax</div></TD>
</tr></table><!--- codigo relojesweb.com--->
<!---<li><a href="http://www.cibj.es/">CIBJ</a></li><li><a href="http://gorguerodelina.superforos.com">FORO GORGUEROS</a></li>
<li><a href="http://foro.buchones.com/">FORO JUAN ALONSO </a></li></ul>-->
</div>
<!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->
<h1><span style="font-family: Arial"></span><font size="8"><span style="COLOR: black; FONT-FAMILY: Arial">MI PAGINA WEB</h1>
<p><span style="font-family: Arial"></span><font size="4"><span style="COLOR: black; FONT-FAMILY: Arial">
En mi pagina web, podras encontrar fotos de mis palomos .</p>
<h2>BREVE INTRODUCCION DEL STANDAR.</h2>
<p class="centrado"><img alt="79e37fb2f0d226f77f596c397a8550f1_720x560 (23K)"
src="../objetos/79e37fb2f0d226f77f596c397a8550f1_720x560.jpg" height="153" width="720" />
</p>
</div>
<!-- INICIO CODIGO PIE DE PAGINA - NO TOCAR -->
<span style="font-family: Arial"></span><font size="4">
<div id="pie">
<div id="pieuno"><ul><li><a href="http://www.cibj.es/">CIBJ</a></li><li><a href="#">Contactos</a></li><li><a href="#">Nos Enlazan</a></li>
</div>
<div id="piedos"><img alt="macho1121 (21K)" src="../objetos/macho1121.jpg" height="68" width="492" /> </div>
<div id="pietres"><p class="centrado"><img alt="anda (9K)" src="../objetos/anda.gif" height="54" width="76" /></>
<span style="font-family: Arial"></span><font size="2"><span style="COLOR: blue; FONT-FAMILY: Arial">
<p class="centrado">Correo</p>
<p class="centrado"><a href="mailto:[correo eliminado]"><img alt="204-buzon (2K)" src="../objetos/204-buzon.gif"
height="32" width="32" /></a> </p>
</ul>
</div>
<!-- FIN CODIGO PIE DE PAGINA -->
<div id="curva-inferior"></div>
</body>
</html>
<html>
<head>
<title>Pagina Principal</title>
<font face="Arial" font size="3">
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<script>
// numero de copos de nieve (maximo 35)
var snowmax=35
// colores para la nieve. puedes poner varios
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
// fuente para los copos de nieve. puedes poner varios
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
// coloca la letra que hara de copo, normalmente un asterisco *
var snowletter="web en construccion"
// velocidad de la nieve. se recomienda entre 0.2 a 2
var sinkspeed=0.6
// tamaño maximo para los copos de nieve
var snowmaxsize=22
// tamaño minimo para los copos de nieve
var snowminsize=8
// Aqui selecciona el modo de nive. pon 1 para que la nieve caiga por todos lados
// 2 para que venga de la izquierda, 3 desde la derecha y 4 desde arriba.
var snowingzone=3
// lo siguiente no se debe variar
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}
function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds = 0;
lftrght = Math.random()*15;
x_mv = 0.03 + Math.random()/10;
snow=document.getElementById("s"+i)
snow.style.fontFamily=snowtype[randommaker(snowtype.length)]
snow.size=randommaker(snowsizerange)+snowminsize
snow.style.fontSize=snow.size
snow.style.color=snowcolor[randommaker(snowcolor.length)]
snow.sink=sinkspeed*snow.size/5
if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
snow.posy=randommaker(2*marginbottom-marginbottom-2*snow.size)
snow.style.left=snow.posx
snow.style.top=snow.posy
}
movesnow()
}
function movesnow() {
for (i=0;i<=snowmax;i++) {
crds += x_mv;
snow.posy+=snow.sink
snow.style.left=snow.posx+lftrght*Math.sin(crds);
snow.style.top=snow.posy
if (snow.posy>=marginbottom-2*snow.size || parseInt(snow.style.left)>(marginright-3*lftrght)){
if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.size)+marginright/2}
snow.posy=0
}
}
var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</script>
<!--<img alt="12 (163K)" src="objetos/12.jpg" height="513" width="1269"-->
<span style="font-family: Algerian"></span><font size="6"><span style="COLOR:pink; FONT-FAMILY: Algerian">
<p class="centrado"> Bienvenidos a mi página web. Muy pronto estará lista!</p>
<!--<p class="centrado">Página creada gracias a<a href="http://www.comocreartuweb.com"
target="_blank"> CCTW</a></p>-->
<!--<p class="centrado"><a href="mailto:[correo eliminado]"><img alt="204-buzon (2K)" src="../objetos/204-buzon.gif"
height="32" width="32" /></a> </p>-->
<div id="global">
<span style="font-family: Arial"></span><font size="4">
<!-- INICIO CODIGO DE CABECERA - NO TOCAR -->
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="../index.html">
<img alt="IMG_5005 (15K)" src="../objetos/IMG_5005.jpg" height="106" width="81"
alt="Haz clic aquí para volver a la página de inicio"></a>
</div>
<div id="logotipo1"><a href="../index.html">
<img alt="IMG_5005 (r) (19K)" src="../objetos/IMG_5005%20(r).jpg" height="106" width="81"
alt="Haz clic aquí para volver a la página de inicio"></a>
</div>
<div id="logotipo2"><a href="../index.html">
<img alt="pequeña (8K)" src="../objetos/pequeña.jpg" height="106" width="260"
alt="Haz clic aquí para volver a la página de inicio"></a>
</div>
<!--<span style="font-family: Arial"></span><font size="3"><span style="COLOR: black; FONT-FAMILY: Arial">
<div id="publicidad">Bienvenidos a mi Web y a mi Foro de Colombicultura, dedicada a la cria y Seleccion del Buchon jienense </div>-->
</div>
<div id="navegacion"><ul>
<span style="font-family: Arial"></span><font size="3"><span style="COLOR: black; FONT-FAMILY: Arial">
<ul><li><a href="../index.html">Inicio</a></li><li><a href="../historia/historia.html">Historia</a></li><li><a href="../Machos/Machos.html">Machos adultos</a></li>
<li><a href="../Hembras/Hembras.html">Hembras adultas </a></li><li><a href="../Pichones/Pichones.html">Pichones</a></li><li><a href="../Palomar/Palomar.html">Palomar</a></li>
<li><a href="../Foro/Foro.html">Foro</a></li><li><a href="../Fotos de mis amigos/Fotos de mis amigos.html">Fotos de mis amigos</a></li>
</ul>
</div>
<!-- FIN DE CODIGO DE CABECERA -->
<div id="contenido">
<!-- INICIO CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR -->
<div id="menu">
<span style="font-family: Arial"></span><font size="2"><span style="COLOR: black; FONT-FAMILY: Arial">
<ul><h1>RELOJ</h1>
<p class="centrado"><!--- codigo relojesweb.com---><table border="0" id="t1"><tr><td><a href="http://www.relojesweb.com">
<param name=wmode value=transparent><embed style="" src="http://www.relojesweb.com/flash/reloj7.swf"
wmode="transparent" type="application/x-shockwave-flash" height="100" width="100"><param name=wmode value=transparent>
</embed></a></TD></tr><tr><TD align="center"
style="font-family : verdana;font-size : 8px;font-variant : small-caps; text-decoration : none;">
<a style="text-decoration : none" target="_blank" </a><a style="text-decoration : none" target="_blank"
</a><div id="control" style="display:none">Quiz1da6 feeTha5e eiKi2roo Quaix4ma DeeXah6k See1ceaw oo3faeQu loTh3boo</div>
<div id="control2" style="display:none">chee9Phi Tie7queo othe4Ka0 Ooku4aiS yahX5kee aid6XeuS ahch0Bah eeJie9ax</div></TD>
</tr></table><!--- codigo relojesweb.com--->
<!---<li><a href="http://www.cibj.es/">CIBJ</a></li><li><a href="http://gorguerodelina.superforos.com">FORO GORGUEROS</a></li>
<li><a href="http://foro.buchones.com/">FORO JUAN ALONSO </a></li></ul>-->
</div>
<!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->
<h1><span style="font-family: Arial"></span><font size="8"><span style="COLOR: black; FONT-FAMILY: Arial">MI PAGINA WEB</h1>
<p><span style="font-family: Arial"></span><font size="4"><span style="COLOR: black; FONT-FAMILY: Arial">
En mi pagina web, podras encontrar fotos de mis palomos .</p>
<h2>BREVE INTRODUCCION DEL STANDAR.</h2>
<p class="centrado"><img alt="79e37fb2f0d226f77f596c397a8550f1_720x560 (23K)"
src="../objetos/79e37fb2f0d226f77f596c397a8550f1_720x560.jpg" height="153" width="720" />
</p>
</div>
<!-- INICIO CODIGO PIE DE PAGINA - NO TOCAR -->
<span style="font-family: Arial"></span><font size="4">
<div id="pie">
<div id="pieuno"><ul><li><a href="http://www.cibj.es/">CIBJ</a></li><li><a href="#">Contactos</a></li><li><a href="#">Nos Enlazan</a></li>
</div>
<div id="piedos"><img alt="macho1121 (21K)" src="../objetos/macho1121.jpg" height="68" width="492" /> </div>
<div id="pietres"><p class="centrado"><img alt="anda (9K)" src="../objetos/anda.gif" height="54" width="76" /></>
<span style="font-family: Arial"></span><font size="2"><span style="COLOR: blue; FONT-FAMILY: Arial">
<p class="centrado">Correo</p>
<p class="centrado"><a href="mailto:[correo eliminado]"><img alt="204-buzon (2K)" src="../objetos/204-buzon.gif"
height="32" width="32" /></a> </p>
</ul>
</div>
<!-- FIN CODIGO PIE DE PAGINA -->
<div id="curva-inferior"></div>
</body>
</html>
bueno se me olvidava tambien tengo problemas con el inicio pues aunque las distintas paginas se enlazan entre si cuando se pincha sobre la de inicio para volver a la pagina principal tambien me da problemas, posiblemente haya algo que no este tambien bien puesto
<li> <a href="../index.html"> Inicio </ a> </ li> <a <li> href="../historia/historia.html"> Historia </ a > </ li> <a <li> href="../Machos/Machos.html"> Machos Adultos </ a> </ li>
<li> <a href="../Hembras/Hembras.html"> Hembras Adultas </ a> </ li> <a <li> href="../Pichones/Pichones.html"> Pichones </ a > </ li> <a <li> href="../Palomar/Palomar.html"> Palomar </ a> </ li>
<li> <a href="../Foro/Foro.html"> Foro </ a> </ li> <li> <a href ="../ Fotos de mis amigos / Fotos de mis amigos.html " > Fotos de Mis Amigos </ a> </ li>
</ Ul>
<li> <a href="../index.html"> Inicio </ a> </ li> <a <li> href="../historia/historia.html"> Historia </ a > </ li> <a <li> href="../Machos/Machos.html"> Machos Adultos </ a> </ li>
<li> <a href="../Hembras/Hembras.html"> Hembras Adultas </ a> </ li> <a <li> href="../Pichones/Pichones.html"> Pichones </ a > </ li> <a <li> href="../Palomar/Palomar.html"> Palomar </ a> </ li>
<li> <a href="../Foro/Foro.html"> Foro </ a> </ li> <li> <a href ="../ Fotos de mis amigos / Fotos de mis amigos.html " > Fotos de Mis Amigos </ a> </ li>
</ Ul>
:-P:p:p uff, amigo me puse a revisarte los códigos, y uff esta difícil,
de verdad dame un tiempito para corregirlo que de verdad tienes un arroz con mango ( ósea un desorden total) en tus códigos y prácticamente tengo que rediseñar los códigos por completo, pero te doy ahorita 3 consejos súper importantes.
1. es importante colocar el orden de los div u objetos ya que ayudan a que el código se cargue mas rápidamente, ósea:
2. en el css intenta mantener el orden de que aparece primero, esto se hace para que el código se lea correctamente, aparte recuerda que al definir los a estos van de ultimo.
3. no uses la etiqueta spam para definir estilos de texto, defínelos en el css, si no lo haces puede causar problemas de indexación y de visualización en exploradores de solo texto (celulares)
Te entregare la versión corregida de todo cuando la termine de arreglar.
de verdad dame un tiempito para corregirlo que de verdad tienes un arroz con mango ( ósea un desorden total) en tus códigos y prácticamente tengo que rediseñar los códigos por completo, pero te doy ahorita 3 consejos súper importantes.
1. es importante colocar el orden de los div u objetos ya que ayudan a que el código se cargue mas rápidamente, ósea:
<div>
<ul>
<li>
<a></a>
</li>
<li>
<a></a>
</li>
</ul>
</div>2. en el css intenta mantener el orden de que aparece primero, esto se hace para que el código se lea correctamente, aparte recuerda que al definir los a estos van de ultimo.
3. no uses la etiqueta spam para definir estilos de texto, defínelos en el css, si no lo haces puede causar problemas de indexación y de visualización en exploradores de solo texto (celulares)
Te entregare la versión corregida de todo cuando la termine de arreglar.
gracias amigos la verdad que para mi es un reto esto de la pagina web, un saludo y no tengo demasiada prisa por que me la arregles aunque estaré tela de agradecido. un saludo
bueno ya he conseguido que me funcionen los enlaces de la pagina de navegacion, en google se ve perfecto ahora me queda que se vea en el resto de los navegadores y que alguien me pueda explicar como colocar las fotos de manera desplazable para que al pinchar sobre una de ellas se abra y asi sucesivamente. un saludo y gracias
bueno amigo dame mas tiempo, la verdad en estos momentos ando en la pc del trabajo, como dicen, en vez de trabajar ano chateando xD, pero de verdad cuando me desocupe un poco te explico.
PD: jaja gracias por el comentario jorgens xD, pero te digo no me as visto en mi mejor forma ahora ando algo flojo, yo anduve un tiempo siendo el único que respondía en foro general y del curso paso a paso, no por que los demás no respondieran si no por que era mas rápido y hacia unos testamentos entendibles muy buenos jeje xD
PD: jaja gracias por el comentario jorgens xD, pero te digo no me as visto en mi mejor forma ahora ando algo flojo, yo anduve un tiempo siendo el único que respondía en foro general y del curso paso a paso, no por que los demás no respondieran si no por que era mas rápido y hacia unos testamentos entendibles muy buenos jeje xD
vale amigo codomodragon, poco a poco se terminara de arreglar, de todas maneras por eso del aburrimiento y el aprendizaje voy yo buscando cosillas y algo voy arreglando yo de momento como te digo ya he arreglado el tema enlaces ahora queda la vista en todos los navegadores al menos en los mas importantes y el tema colocar fotos a manera de desplegable de arriba hacia abajo o de derecha a izquierda, un saludo y muchas gracias nuevamente.
lo subo para que no se olvide. un saludo
bueno amigo para el jueves lo tengo, perdón si te fijas no e estado muy activo que digamos(la uni me tiene loco jeje), pero ya me puse a trabajar en el xD.
?.........................
ha ver si alguien me puede echar un cable, esta esperando al amigo que se ofrecio pero no se que le habra pasado, un saludo