Volver al Foro de Diseño de páginas Web

Mi sitio se ve en horid zorro de fuego, pero grande en IE ..

  • vanityleak
  • Born
  • Born
  • No Avatar
  • Registrado: May 10, 2010
  • Mensajes: 1
  • Status: Offline

Nota Mayo 10th, 2010, 8:38 pm

¿Puede alguien ayudarme con la codificación por lo que se ve tan bien como lo hace en IE. Cuando yo uso zorro de fuego se ve todos los Disorted. el código está abajo! yo también quiero que mi scrollers que los videos son para desplazarse hacia los lados, no de arriba a abajo .. idk qué hacer que su

Código: [ Select ]
<html>
<head>
<title>Vanity Leak: Your #1 Source for New music leaked online!</title>

<style type="text/css">
#navbar-iframe {display: none;}
body {background-color: #FFFFFF;}
::-moz-selection { color:#transparent; }
::selection { color:#transparent;}
#nav {display: inline-block; font-size:7.5pt; color:#579E96; font-family: Times New Roman; align:center; padding:5px; text-transform:lowercase; letter-spacing:-1px; }
#nav:hover { color:#F5B349;}
.a { text-transform:lowercase; font-family: Times New Roman; border-bottom:1px solid #999999; border-top:1px solid #999999; border-right:1px solid #999999; border-left:5px solid #CD3F50; padding-right:5px; padding-left:5px; color:#999999; background-color:#f0f0f0;}
.title {font-size: 8pt; letter-spacing:-1px; word-spacing:3px; line-height:70%; font-family: trebuchet ms; text-transform:lowercase; padding:5px; color:#248F8D; border-bottom:1px dashed #605063;}
.date {color:#CD3F50; font-size:7pt; display:block; text-transform:lowercase;}
.header {height:160px; width:800px; background-image:url(""); background-repeat:no-repeat;
background-position:center; background-color:#ffffff;}
a {color: #F5B349; text-decoration: none;}
a:hover {color: #248F8D; text-decoration: none;}
td {font-size:8.5pt; color:#A08490; font-family: arial; text-align:justify; background-color:#f0f0f0;}
blockquote { background-color: #f0f0f0; padding: 5px; color: #000000; border-left:10px solid #248F8D; border-right:10px solid #248F8D;}
blockquote:hover { border-color:#ECD166;}
s {color: #FFFFFF;}
i {color: #CD3F50;}
u {border-bottom:1px dashed #CD3F50; color:#ECD166;}
b {color: #248F8D;}

</style>
<center>
<script type="text/javascript">

/***********************************************
* Scrollable Menu Links- © Dynamic Drive DHTML code library (www.dynamicdrive)
* Visit http://www.dynamicDrive for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

//configure path for left and right arrows
var goleftimage='http://i39.tinypic/sbk2ae.jpg'
var gorightimage='http://i44.tinypic/venrcy.jpg'
//configure menu width (in px):
var menuwidth=300
//configure menu height (in px):
var menuheight=25
//Specify scroll buttons directions ("normal" or "reverse"):
var scrolldir="normal"
//configure scroll speed (1-10), where larger is faster
var scrollspeed=6
//specify menu content
var menucontents='<nobr><a href="http://www.vanityleak">Home</a> | <a href="mailto:djstript@yahoo.c*om">Apply To Be Affiliates</a> | <a href="http://www.facebook/craigvanity">Add Us On Facebook</a> | <a href="http://www.twitter./craigvanity">Follow Us On Twitter</a> | <a href="mailto:djstript@yahoo.">Contact Us</a></nobr>'


////NO NEED TO EDIT BELOW THIS LINE////////////

var iedom=document.all||document.getElementById
var leftdircode='onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"'
var rightdircode='onMouseover="moveright()" onMouseout="clearTimeout(righttime)"'
if (scrolldir=="reverse"){
var tempswap=leftdircode
leftdircode=rightdircode
rightdircode=tempswap
}
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-5000">'+menucontents+'</span>')
var actualwidth=''
var cross_scroll, ns_scroll
var loadedyes=0
function fillup(){
if (iedom){
cross_scroll=document.getElementById? document.getElementById("test2") : document.all.test2
cross_scroll.innerHTML=menucontents
actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
ns_scroll.document.write(menucontents)
ns_scroll.document.close()
actualwidth=ns_scroll.document.width
}
loadedyes=1
}
window.onload=fillup

function moveleft(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth)){
cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px"
}
else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
ns_scroll.left-=scrollspeed
}
lefttime=setTimeout("moveleft()",50)
}

function moveright(){
if (loadedyes){
if (iedom&&parseInt(cross_scroll.style.left)<0)
cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px"
else if (document.layers&&ns_scroll.left<0)
ns_scroll.left+=scrollspeed
}
righttime=setTimeout("moveright()",50)
}


if (iedom||document.layers){
with (document){
write('<table border="0" cellspacing="0" cellpadding="2">')
write('<td valign="middle"><a href="#" '+leftdircode+'><img src="'+goleftimage+'"border=0></a> </td>')
write('<td width="'+menuwidth+'px" valign="top">')
if (iedom){
write('<div style="position:relative;width:'+menuwidth+'px;height:'+menuheight+'px;overflow:hidden;">')
write('<div id="test2" style="position:absolute;left:0;top:0">')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+menuwidth+' height='+menuheight+' name="ns_scrollmenu">')
write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
}
write('</td>')
write('<td valign="middle"> <a href="#" '+rightdircode+'>')
write('<img src="'+gorightimage+'"border=0></a>')
write('</td></table>')
}
}

</script>
</center>
</head>
<body>
<center>

<img src="http://i40.tinypic/dhg9ip.jpg" border=0" align=top"></center>
<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('content').innerHTML=document.getElementById(id).innerHTML}
</script>
<table ALIGN=CENTER width=800>
<div align="CENTER">
<select name="archivemenu" onchange=
"document.location.href=this.options[this.selectedIndex].value;">
 <option selected>- Archives -</option>
 <BloggerArchives>
 <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
 </BloggerArchives>
</select> <form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="Search" type="submit"/></form>
</div>
</table>

<Blogger>
<table style="background:none;" cellspacing="0" cellpadding="0" align="center">
<tr>
<td style="background-image:none; padding-bottom:10px; padding-right:10px; padding-left:10px;" valign="top" >

<div class="a"><$BlogItemTitle$></div>
<div align="right" class="date"><BlogDateHeader><$BlogDateHeaderDate$>,</BlogDateHeader><$BlogItemDateTime$></div>


<$BlogItemBody$>


</div>
</td></tr></table></Blogger>



<table style="background:none;" cellspacing="0" cellpadding="0" align="center">
<tr>
<td style="background-color:#ffffff; padding:10px; " valign="top" >
<div style="width:700px; padding:5px;">
<center> © 2010 vanityleak<br>
viewed best with internet explorer</center>
</div>
</td></tr></table>



</body>
</html>
  1. <html>
  2. <head>
  3. <title>Vanity Leak: Your #1 Source for New music leaked online!</title>
  5. <style type="text/css">
  6. #navbar-iframe {display: none;}
  7. body {background-color: #FFFFFF;}
  8. ::-moz-selection { color:#transparent; }
  9. ::selection { color:#transparent;}
  10. #nav {display: inline-block; font-size:7.5pt; color:#579E96; font-family: Times New Roman; align:center; padding:5px; text-transform:lowercase; letter-spacing:-1px; }
  11. #nav:hover { color:#F5B349;}
  12. .a { text-transform:lowercase; font-family: Times New Roman; border-bottom:1px solid #999999; border-top:1px solid #999999; border-right:1px solid #999999; border-left:5px solid #CD3F50; padding-right:5px; padding-left:5px; color:#999999; background-color:#f0f0f0;}
  13. .title {font-size: 8pt; letter-spacing:-1px; word-spacing:3px; line-height:70%; font-family: trebuchet ms; text-transform:lowercase; padding:5px; color:#248F8D; border-bottom:1px dashed #605063;}
  14. .date {color:#CD3F50; font-size:7pt; display:block; text-transform:lowercase;}
  15. .header {height:160px; width:800px; background-image:url(""); background-repeat:no-repeat;
  16. background-position:center; background-color:#ffffff;}
  17. a {color: #F5B349; text-decoration: none;}
  18. a:hover {color: #248F8D; text-decoration: none;}
  19. td {font-size:8.5pt; color:#A08490; font-family: arial; text-align:justify; background-color:#f0f0f0;}
  20. blockquote { background-color: #f0f0f0; padding: 5px; color: #000000; border-left:10px solid #248F8D; border-right:10px solid #248F8D;}
  21. blockquote:hover { border-color:#ECD166;}
  22. s {color: #FFFFFF;}
  23. i {color: #CD3F50;}
  24. u {border-bottom:1px dashed #CD3F50; color:#ECD166;}
  25. b {color: #248F8D;}
  27. </style>
  28. <center>
  29. <script type="text/javascript">
  31. /***********************************************
  32. * Scrollable Menu Links- © Dynamic Drive DHTML code library (www.dynamicdrive)
  33. * Visit http://www.dynamicDrive for hundreds of DHTML scripts
  34. * This notice must stay intact for legal use
  35. ***********************************************/
  37. //configure path for left and right arrows
  38. var goleftimage='http://i39.tinypic/sbk2ae.jpg'
  39. var gorightimage='http://i44.tinypic/venrcy.jpg'
  40. //configure menu width (in px):
  41. var menuwidth=300
  42. //configure menu height (in px):
  43. var menuheight=25
  44. //Specify scroll buttons directions ("normal" or "reverse"):
  45. var scrolldir="normal"
  46. //configure scroll speed (1-10), where larger is faster
  47. var scrollspeed=6
  48. //specify menu content
  49. var menucontents='<nobr><a href="http://www.vanityleak">Home</a> | <a href="mailto:djstript@yahoo.c*om">Apply To Be Affiliates</a> | <a href="http://www.facebook/craigvanity">Add Us On Facebook</a> | <a href="http://www.twitter./craigvanity">Follow Us On Twitter</a> | <a href="mailto:djstript@yahoo.">Contact Us</a></nobr>'
  52. ////NO NEED TO EDIT BELOW THIS LINE////////////
  54. var iedom=document.all||document.getElementById
  55. var leftdircode='onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"'
  56. var rightdircode='onMouseover="moveright()" onMouseout="clearTimeout(righttime)"'
  57. if (scrolldir=="reverse"){
  58. var tempswap=leftdircode
  59. leftdircode=rightdircode
  60. rightdircode=tempswap
  61. }
  62. if (iedom)
  63. document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-5000">'+menucontents+'</span>')
  64. var actualwidth=''
  65. var cross_scroll, ns_scroll
  66. var loadedyes=0
  67. function fillup(){
  68. if (iedom){
  69. cross_scroll=document.getElementById? document.getElementById("test2") : document.all.test2
  70. cross_scroll.innerHTML=menucontents
  71. actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("temp").offsetWidth
  72. }
  73. else if (document.layers){
  74. ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
  75. ns_scroll.document.write(menucontents)
  76. ns_scroll.document.close()
  77. actualwidth=ns_scroll.document.width
  78. }
  79. loadedyes=1
  80. }
  81. window.onload=fillup
  83. function moveleft(){
  84. if (loadedyes){
  85. if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth)){
  86. cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px"
  87. }
  88. else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
  89. ns_scroll.left-=scrollspeed
  90. }
  91. lefttime=setTimeout("moveleft()",50)
  92. }
  94. function moveright(){
  95. if (loadedyes){
  96. if (iedom&&parseInt(cross_scroll.style.left)<0)
  97. cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px"
  98. else if (document.layers&&ns_scroll.left<0)
  99. ns_scroll.left+=scrollspeed
  100. }
  101. righttime=setTimeout("moveright()",50)
  102. }
  105. if (iedom||document.layers){
  106. with (document){
  107. write('<table border="0" cellspacing="0" cellpadding="2">')
  108. write('<td valign="middle"><a href="#" '+leftdircode+'><img src="'+goleftimage+'"border=0></a> </td>')
  109. write('<td width="'+menuwidth+'px" valign="top">')
  110. if (iedom){
  111. write('<div style="position:relative;width:'+menuwidth+'px;height:'+menuheight+'px;overflow:hidden;">')
  112. write('<div id="test2" style="position:absolute;left:0;top:0">')
  113. write('</div></div>')
  114. }
  115. else if (document.layers){
  116. write('<ilayer width='+menuwidth+' height='+menuheight+' name="ns_scrollmenu">')
  117. write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
  118. }
  119. write('</td>')
  120. write('<td valign="middle"> <a href="#" '+rightdircode+'>')
  121. write('<img src="'+gorightimage+'"border=0></a>')
  122. write('</td></table>')
  123. }
  124. }
  126. </script>
  127. </center>
  128. </head>
  129. <body>
  130. <center>
  132. <img src="http://i40.tinypic/dhg9ip.jpg" border=0" align=top"></center>
  133. <script type="text/javascript">
  134. function changeNavigation(id)
  135. {document.getElementById('content').innerHTML=document.getElementById(id).innerHTML}
  136. </script>
  137. <table ALIGN=CENTER width=800>
  138. <div align="CENTER">
  139. <select name="archivemenu" onchange=
  140. "document.location.href=this.options[this.selectedIndex].value;">
  141.  <option selected>- Archives -</option>
  142.  <BloggerArchives>
  143.  <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
  144.  </BloggerArchives>
  145. </select> <form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="Search" type="submit"/></form>
  146. </div>
  147. </table>
  149. <Blogger>
  150. <table style="background:none;" cellspacing="0" cellpadding="0" align="center">
  151. <tr>
  152. <td style="background-image:none; padding-bottom:10px; padding-right:10px; padding-left:10px;" valign="top" >
  154. <div class="a"><$BlogItemTitle$></div>
  155. <div align="right" class="date"><BlogDateHeader><$BlogDateHeaderDate$>,</BlogDateHeader><$BlogItemDateTime$></div>
  158. <$BlogItemBody$>
  161. </div>
  162. </td></tr></table></Blogger>
  166. <table style="background:none;" cellspacing="0" cellpadding="0" align="center">
  167. <tr>
  168. <td style="background-color:#ffffff; padding:10px; " valign="top" >
  169. <div style="width:700px; padding:5px;">
  170. <center> © 2010 vanityleak<br>
  171. viewed best with internet explorer</center>
  172. </div>
  173. </td></tr></table>
  177. </body>
  178. </html>
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Mayo 10th, 2010, 8:38 pm

  • tastysite
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Abr 09, 2008
  • Mensajes: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Nota Junio 22nd, 2010, 9:17 am

He copiado el código y no un sitio de ejemplo de ella y la contemplaba en Firefox e IE, pero se ve igual en IE y Firefox además una cosa es el cuadro de búsqueda en su propia línea de fuego por lo que creo que está utilizando una IE relleno de error en el que no se le añade el relleno de usted en caso de que el diseño del sitio de firefox, etc y luego hacer una corrección para el IE no la otra manera alrededor-.

También creo que le resultaría easer para leer el código si usted pone la CSS y Javascript en diversos archivos desde tu propio pagina web.

¿tiene usted un ejemplo para darnos un enlace a ella ayudaría a que su imagen se hace referencia a algunos que no tienen acceso a la que mi tener algo que ver con su problema
^__^

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 2 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 134 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC