Layout correto no IE diferente no Firefox

AMDark · Novembro 2, 2011

Ola pessoal, bem estou fazendo um layout no fireworks fatiei e exportei ele abro no DW retiro a imagem que usei como exemplo (990x230px) para fazer o layout e coloco meu topo feito em flash, no IE abre tudo belezinha mais no firefox ele fica com um espaço de uns 10px do topo pro restante do site embaixo, tentei dar uma olhada mais na axei o problema sou meio leigo e preciso de ajuda, o que sera que esta acontecendo? so pra agilizar vou colocar o codigo abaixo inteiro, ficou grande por causa dos cortes e dos varios botoes com trocas que fiz no FW.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled-3.jpg</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}</style>
<!--Fireworks CS5 Dreamweaver CS5 target.  Created Thu Nov 03 19:54:28 GMT-0200 2011-->
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script language="JavaScript1.2" type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
 var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//-->
</script>
</head>
<body bgcolor="#ffffff" onload="MM_preloadImages('Untitled-3_r2_c2_s2.jpg','Untitled-3_r3_c2_s2.jpg','Untitled-3_r4_c2_s2.jpg','Untitled-3_r5_c2_s2.jpg','Untitled-3_r7_c2_s2.jpg','Untitled-3_r8_c2_s2.jpg','Untitled-3_r9_c2_s2.jpg','Untitled-3_r10_c2_s2.jpg','Untitled-3_r11_c2_s2.jpg','Untitled-3_r12_c2_s2.jpg','Untitled-3_r13_c2_s2.jpg','Untitled-3_r14_c2_s2.jpg','Untitled-3_r15_c2_s2.jpg','Untitled-3_r16_c2_s2.jpg','Untitled-3_r17_c2_s2.jpg','Untitled-3_r18_c2_s2.jpg','Untitled-3_r19_c2_s2.jpg','Untitled-3_r20_c2_s2.jpg','Untitled-3_r21_c2_s2.jpg','Untitled-3_r22_c2_s2.jpg','Untitled-3_r23_c2_s2.jpg','Untitled-3_r24_c2_s2.jpg','Untitled-3_r25_c2_s2.jpg','Untitled-3_r26_c2_s2.jpg','Untitled-3_r27_c2_s2.jpg','Untitled-3_r28_c2_s2.jpg','Untitled-3_r29_c2_s2.jpg','Untitled-3_r30_c2_s2.jpg');">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="990">
<!-- fwtable fwsrc="Untitled-3.png" fwpage="Page 1" fwbase="Untitled-3.jpg" fwstyle="Dreamweaver" fwdocid = "1010680275" fwnested="0" -->
 <tr>
  <td><img src="spacer.gif" width="180" height="1" border="0" alt="" /></td>
  <td><img src="spacer.gif" width="65" height="1" border="0" alt="" /></td>
  <td><img src="spacer.gif" width="123" height="1" border="0" alt="" /></td>
  <td><img src="spacer.gif" width="245" height="1" border="0" alt="" /></td>
  <td><img src="spacer.gif" width="196" height="1" border="0" alt="" /></td>
  <td><img src="spacer.gif" width="181" height="1" border="0" alt="" /></td>
  <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
 </tr>

 <tr>
  <td colspan="6"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="990" height="230">
    <param name="movie" value="file:///C|/wamp/www/agvj/toposite.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="9.0.45.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="file:///C|/wamp/www/agvj/toposite.swf" width="990" height="230">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="9.0.45.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
      <div>
        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object></td>
  <td><img src="spacer.gif" width="1" height="230" border="0" alt="" /></td>
 </tr>
 <tr>
  <td rowspan="30"><img name="Untitled3_r2_c1_s1" src="Untitled-3_r2_c1_s1.jpg" width="180" height="1370" border="0" id="Untitled3_r2_c1_s1" alt="" /></td>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r2_c2_s1','','Untitled-3_r2_c2_s2.jpg','Untitled3_r3_c2_s1','','Untitled-3_r3_c2_s2.jpg',1);"><img name="Untitled3_r2_c2_s1" src="Untitled-3_r2_c2_s1.jpg" width="65" height="49" border="0" id="Untitled3_r2_c2_s1" alt="" /></a></td>
  <td rowspan="30" colspan="3"><img name="Untitled3_r2_c3_s1" src="Untitled-3_r2_c3_s1.jpg" width="564" height="1370" border="0" id="Untitled3_r2_c3_s1" alt="" /></td>
  <td rowspan="30"><img name="Untitled3_r2_c6_s1" src="Untitled-3_r2_c6_s1.jpg" width="181" height="1370" border="0" id="Untitled3_r2_c6_s1" alt="" /></td>
  <td><img src="spacer.gif" width="1" height="49" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r3_c2_s1','','Untitled-3_r3_c2_s2.jpg','Untitled3_r4_c2_s1','','Untitled-3_r4_c2_s2.jpg','Untitled3_r2_c2_s1','','Untitled-3_r2_c2_s2.jpg',1);"><img name="Untitled3_r3_c2_s1" src="Untitled-3_r3_c2_s1.jpg" width="65" height="2" border="0" id="Untitled3_r3_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="2" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r3_c2_s1','','Untitled-3_r3_c2_s2.jpg','Untitled3_r4_c2_s1','','Untitled-3_r4_c2_s2.jpg',1);"><img name="Untitled3_r4_c2_s1" src="Untitled-3_r4_c2_s1.jpg" width="65" height="48" border="0" id="Untitled3_r4_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="48" border="0" alt="" /></td>
 </tr>
 <tr>
  <td rowspan="2"><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r5_c2_s1','','Untitled-3_r5_c2_s2.jpg','Untitled3_r7_c2_s1','','Untitled-3_r7_c2_s2.jpg',1);"><img name="Untitled3_r5_c2_s1" src="Untitled-3_r5_c2_s1.jpg" width="65" height="49" border="0" id="Untitled3_r5_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="21" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><img src="spacer.gif" width="1" height="28" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r7_c2_s1','','Untitled-3_r7_c2_s2.jpg','Untitled3_r8_c2_s1','','Untitled-3_r8_c2_s2.jpg','Untitled3_r5_c2_s1','','Untitled-3_r5_c2_s2.jpg',1);"><img name="Untitled3_r7_c2_s1" src="Untitled-3_r7_c2_s1.jpg" width="65" height="1" border="0" id="Untitled3_r7_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r7_c2_s1','','Untitled-3_r7_c2_s2.jpg','Untitled3_r8_c2_s1','','Untitled-3_r8_c2_s2.jpg',1);"><img name="Untitled3_r8_c2_s1" src="Untitled-3_r8_c2_s1.jpg" width="65" height="49" border="0" id="Untitled3_r8_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="49" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r9_c2_s1','','Untitled-3_r9_c2_s2.jpg',1);"><img name="Untitled3_r9_c2_s1" src="Untitled-3_r9_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r9_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r10_c2_s1','','Untitled-3_r10_c2_s2.jpg',1);"><img name="Untitled3_r10_c2_s1" src="Untitled-3_r10_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r10_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r11_c2_s1','','Untitled-3_r11_c2_s2.jpg',1);"><img name="Untitled3_r11_c2_s1" src="Untitled-3_r11_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r11_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r12_c2_s1','','Untitled-3_r12_c2_s2.jpg',1);"><img name="Untitled3_r12_c2_s1" src="Untitled-3_r12_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r12_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r13_c2_s1','','Untitled-3_r13_c2_s2.jpg',1);"><img name="Untitled3_r13_c2_s1" src="Untitled-3_r13_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r13_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r14_c2_s1','','Untitled-3_r14_c2_s2.jpg',1);"><img name="Untitled3_r14_c2_s1" src="Untitled-3_r14_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r14_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r15_c2_s1','','Untitled-3_r15_c2_s2.jpg',1);"><img name="Untitled3_r15_c2_s1" src="Untitled-3_r15_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r15_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r16_c2_s1','','Untitled-3_r16_c2_s2.jpg',1);"><img name="Untitled3_r16_c2_s1" src="Untitled-3_r16_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r16_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r17_c2_s1','','Untitled-3_r17_c2_s2.jpg',1);"><img name="Untitled3_r17_c2_s1" src="Untitled-3_r17_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r17_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r18_c2_s1','','Untitled-3_r18_c2_s2.jpg',1);"><img name="Untitled3_r18_c2_s1" src="Untitled-3_r18_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r18_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r19_c2_s1','','Untitled-3_r19_c2_s2.jpg',1);"><img name="Untitled3_r19_c2_s1" src="Untitled-3_r19_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r19_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r20_c2_s1','','Untitled-3_r20_c2_s2.jpg',1);"><img name="Untitled3_r20_c2_s1" src="Untitled-3_r20_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r20_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r21_c2_s1','','Untitled-3_r21_c2_s2.jpg',1);"><img name="Untitled3_r21_c2_s1" src="Untitled-3_r21_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r21_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r22_c2_s1','','Untitled-3_r22_c2_s2.jpg',1);"><img name="Untitled3_r22_c2_s1" src="Untitled-3_r22_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r22_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r23_c2_s1','','Untitled-3_r23_c2_s2.jpg',1);"><img name="Untitled3_r23_c2_s1" src="Untitled-3_r23_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r23_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r24_c2_s1','','Untitled-3_r24_c2_s2.jpg',1);"><img name="Untitled3_r24_c2_s1" src="Untitled-3_r24_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r24_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r25_c2_s1','','Untitled-3_r25_c2_s2.jpg',1);"><img name="Untitled3_r25_c2_s1" src="Untitled-3_r25_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r25_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r26_c2_s1','','Untitled-3_r26_c2_s2.jpg',1);"><img name="Untitled3_r26_c2_s1" src="Untitled-3_r26_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r26_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r27_c2_s1','','Untitled-3_r27_c2_s2.jpg',1);"><img name="Untitled3_r27_c2_s1" src="Untitled-3_r27_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r27_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r28_c2_s1','','Untitled-3_r28_c2_s2.jpg',1);"><img name="Untitled3_r28_c2_s1" src="Untitled-3_r28_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r28_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r29_c2_s1','','Untitled-3_r29_c2_s2.jpg',1);"><img name="Untitled3_r29_c2_s1" src="Untitled-3_r29_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r29_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Untitled3_r30_c2_s1','','Untitled-3_r30_c2_s2.jpg',1);"><img name="Untitled3_r30_c2_s1" src="Untitled-3_r30_c2_s1.jpg" width="65" height="50" border="0" id="Untitled3_r30_c2_s1" alt="" /></a></td>
  <td><img src="spacer.gif" width="1" height="50" border="0" alt="" /></td>
 </tr>
 <tr>
  <td><img name="Untitled3_r31_c2_s1" src="Untitled-3_r31_c2_s1.jpg" width="65" height="72" border="0" id="Untitled3_r31_c2_s1" alt="" /></td>
  <td><img src="spacer.gif" width="1" height="72" border="0" alt="" /></td>
 </tr>
</table>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>
</body>
</html>

Ted k' · Novembro 4, 2011

Adicione nesse linha aqui

<style type="text/css">td img {display: block;}</style>

Esse script:

<style type="text/css">
td img {display: block;}
body {margin: 0; padding: 0;}
</style>

AMDark · Novembro 4, 2011

amigo nao deu certo o cod que voce postou, coloquei no lugar indicado mais fica da mesma forma, eu apenas fatiei e exportei do FW e mandei abrir ele com o DW, ai entao eu tirei a imagem do topo qe stava usando apenas para ter como exemplo e coloquei o topo em flash no lugar, com as mesmas medidas entao apos o topo para o resto do site a um pequeno espaço que fica estranho, deve ser alguma coisa no cod. da importaçao do flash pq antes nao tem este espaço nem no FF nem no IE e apos a troca aparece esse espaço no FF.

OBS:testado e ta normal tbm no Crhome.

capturei e recortei o pedaço aonde esta o problema, a parte de cima é o topo em flash o resto embaixo é o começo do corpo do site, coloquei apens como um exemplo.

http://imageshack.us/photo/my-images/269/imagemyvz.jpg

fico no agardo de ajuda e no mais obrigado ate agora pela força, abraços

Ted k' · Novembro 8, 2011

Hum... que estranho, coloca um display block em todas as imagens, assim:

<img src="spacer.gif" width="1" height="50" border="0" alt="" style="display: block;" />

AMDark · Novembro 9, 2011

bem segindo a dica de outro forum estou refazendo o site em tableless pelo que ouvi falar é o jeito certo, bem estou com uns problemas, achei o site http://www.sciweavers.org/i2style, que traiz um criador de botoes em css, estou fazendo um menu em vertical com frases so que o tamanho de largura modifica conforme a palavra é maior ou menor, vou postar o cod e gostaria de saber como faço para definir o tamanho fixo, sem ser automatico conforme a palavra:

.A{
font:bold 33px "Arial Black", Gadget, sans-serif;
font-style:normal;
color:#ffffff;
background:#017EFA;
text-shadow:0px -1px 1px #222222;
box-shadow:4px 4px 2px #000000;
-moz-box-shadow:4px 4px 2px #000000;
-webkit-box-shadow:4px 4px 2px #000000;
border-radius:0px 30px 0px 30px;
-moz-border-radius:0px 30px 0px 30px;
-webkit-border-radius:0px 30px 0px 30px;
width:30px;
padding:5px 30px;
cursor:pointer;
margin:0 auto;
}
.A{
cursor:pointer;
position:relative;
top:2px;
}

outra, usando o seguinte cod:

.parceirosetopo{font:bold 24px "Courier New", Courier, monospace;font-style:normal;color:#ffffff;background:#017EFA;border:3px outset #0250AD;text-shadow:0px -1px 3px #000000;box-shadow:2px 2px 5px #000000;-moz-box-shadow:2px 2px 5px #000000;-webkit-box-shadow:2px 2px 5px #000000;border-radius:25px 25px 25px 25px;-moz-border-radius:0px 0px 25px 25px;-webkit-border-radius:25px 25px 25px 25px;width:126px;padding:10px 25px;margin:0 auto;}

com outro botao gerado do site tenho diferenças na visualização dos navegadores, no firefox fica certo do jeito que eu quero (cantos quadrados em cima e redondos em baixo) no chrone fica todos os cantos redondos e no IE fica todos os cantos quadrados, deem uma olhada e me digam o que pode estar errado, abraços e obrigado pela ajuda des de ja.

Diéssica · Dezembro 5, 2011

AMDark,

para definir a largura de um objeto você deve usar a propriedade width. Defina em seu código CSS como no exemplo abaixo:

     width:100px;

Só troque o 100px pelo valor desejado.

Sobre as bordas ficarem diferentes em cada navegador, é problema de compatibilidade. Principalmente no IE: ele deixa as bordas quadradas pois sua versão não suporta border-radius, que é a propriedade que arredonda as bordas do objeto, gerada por você ao de criar o botão.

Se estiver interessado em ajeitar, procure sobre hacks de border-radius no Google.

E uma dica: o -moz- e -webkit- foram obsoletos, já que esses navegadores aderiram ao CSS3.

[]s,

www.diessicagurskas.com

Giovani · Dezembro 9, 2011

Sim, é o correto, mas qual o seu nível de conheicmento de html e css? Se você não souber, vai acabar batendo cabeça :natalwink:

bem segindo a dica de outro forum estou refazendo o site em tableless pelo que ouvi falar é o jeito certo...

Ted k' · Dezembro 12, 2011

Concordo com o Giovani, não é uma coisa assim que se aprende rapidamente, temos uma área de HTML/CSS específica que pode lhe auxiliar muito bem!

Arquivado

Layout correto no IE diferente no Firefox

Recommended Posts

AMDark 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ted k' 126

Compartilhar este post

Link para o post

Compartilhar em outros sites

AMDark 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ted k' 126

Compartilhar este post

Link para o post

Compartilhar em outros sites

AMDark 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Diéssica 140

Compartilhar este post

Link para o post

Compartilhar em outros sites

Giovani 104

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ted k' 126

Compartilhar este post

Link para o post

Compartilhar em outros sites

PHP+Codeigniter - Adicionar Registro Plano de Contas

Javascript - Passar Parâmetros para uma Função.

PHP - Consulta MySql para prazo de dias

Fóruns

Tempo Real

Informação importante