Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

zimiro

desalinhamento

Por , em Desenvolvimento frontend

Recommended Posts

zimiro    0

zimiro
Postado

to com seguinte erro, quando crio um site com div, e alinho conforme consigo analisar no navegador, se uso outro navegar para ver resultado também aparece ele todo desalinha

de qual eu coloquei.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno Augusto    417

Bruno Augusto
Postado

Bem vindo ao clube :P

 

Existem "algumas" incompatibilidades entre os vários navegadores, nos diversos Sistemas Operacionais.

 

A maioria você resolve com um CSS Reset e criando seu HTML de forma correta.

 

O que não for resolvido desa maneira, você "contorna", seja através de folhas de estilo alternativas usando comentários condicionais ou através de CSS Hacks.

Compartilhar este post

Link para o post
Compartilhar em outros sites

zimiro    0

zimiro
Postado

topmenu e menu

as div erradas

 

 

 

 

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,  strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
body {
line-height: 1;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
section, article, aside, header, footer, nav, dialog, figure {
display:block;
}


#ladoesqprod {
float:left;
text-align:left;
width:250px;
}

#ladodirprod {
float:right;
text-align:left;
width:280px;
}

* {
margin:0;
padding:0;
}

body {
font-family: Arial, "Trebuchet MS", Sans-Serif;
font-size:11px;
height:100%;
}

input,select {
font-family: Arial, "Trebuchet MS", Sans-Serif;
font-size:11px;
}

input {
padding:1px;
}

p {
line-height:1.3;
margin-bottom:15px;
}

a {
color:#075899;
font-weight:400;
text-decoration:none;

}

a:hover {
color:#075899;
font-weight:400;
text-decoration:underline;

}

h2,.TitleHeading {
font-size:11px;
font-weight:700;
margin:6px 0;
}

h3 {
font-size:11px;
margin-bottom:6px;
}

h4 {
font-size:11px;
margin-bottom:4px;
}

img,img a {
border:0;
}

ul,ol {
margin:0 0 10px 30px;
}

li {
margin:0 0 2px;
padding:0;
}

blockquote {
margin-left:28px;
}

select option {
padding:0 10px;
}

hr {
border:0;
margin:10px 0;
padding:0;
}

.HorizontalFormContainer dl,.VerticalFormContainer dl {
margin:0;
}

.HorizontalFormContainer dt img {
vertical-align:middle;
float:left;
}

.HorizontalFormContainer dt .fieldLabel {
float:left;
padding-top:4px;
padding-left:4px;
}

.HorizontalFormContainer dd.ProductField {
height:20px;
}

.HorizontalFormContainer dd {
margin-bottom:10px;
}

.VerticalFormContainer dt {
margin-bottom:6px;
}

.VerticalFormContainer dd {
margin-bottom:6px;
margin-left:10px;
}

#Container {
width:69%;
margin:0 auto;
}

#TopMenu {
   color: #FFFFFF;
   float: left;
   margin: -3% 0 0 8%;
 display:inline
   padding: 0;
   position: absolute;
   width: 450px;
}

#TopMenu ul {
list-style:none;
margin:0;
padding:0;
}

#TopMenu a {
font-weight:700;
color:#fff;
text-transform:uppercase;
}

#TopMenu a:hover {
font-weight:700;
color:#fff;
text-transform:uppercase;
}

#TopMenu li {
list-style:none;
float:left;
margin:0;
padding:0;
}

#TopMenu li.First a {
border-left:0;
}

#TopMenu li a,#TopMenu li div {
display:block;

font-size:11px;
margin:8px 0 0;
padding:0 10px;
}

#TopMenu li div a {
display:inline;
font-size:11px;
margin:0;
padding:0;
}

#TopMenu li a:hover {

font-weight:700;
}

#TopMenu2 {
   color: #FFFFFF;
   margin: 6% 0 0 323px;
    position: absolute;
}

#TopMenu2 a {
color:#fff;
font-weight:700;
}

#TopMenu2 li {
   float: left;
   list-style: none outside none;
   margin: 0;
   padding: 0 20px 0 15px;
   text-transform: uppercase;
}

#TopMenu3 {
   color: #FFFFFF;
   list-style: none outside none;
   margin: 0px 0 0 500px;
   padding: 0;
   position: absolute;
text-transform:uppercase;
}

#TopMenu3 li {
   border-left: 1px solid #FFFFFF;
   float: left;
   padding: 0 10px;
}

#TopMenu3 li.First {
   border-left:none;
}

#TopMenu3 a {
   color: #FFFFFF;
}

#TopMenu li a,#TopMenu li div {
border-left:1px solid #208db5;
color:#333;
}

#TopMenu li div a {
border-left:0;
}

#TopMenu li a:hover {
color:#333;
}

#Menu li a {
background:url("../../../img/separa-h2.png") no-repeat scroll 0 center transparent;
color:#fff;
}

#Menu {
   clear: both;
   font-family: Arial, "Trebuchet MS", Sans-Serif;
   height: 35px;
   margin: 133px 0 0;
   padding: 0;
   position: absolute;
   width: 980px;
}

#Menu ul {
margin:0;
padding:0;
}

#Menu li {
float:left;
position:relative;
list-style:none;
margin:0;
padding:0;
}

#Menu li.First a {
background-image:none;
}

#Menu li a {
   display: block;
   float: left;
   font-size: 13px;
   font-weight: 700;
   padding: 11px 10px;
   text-align: center;

   text-shadow: 0 0 1px #333333;
   text-transform: uppercase;
}

#Menu li a:hover {
text-decoration:none;
background:#FF9900;
}

#Menu li ul {
width:auto;
position:absolute;
clear:left;
top:22px;
left:0;
display:none;
text-align:left;
font-size:11px;
background:transparent;
z-index:1;
}

#Menu li ul li {
clear:both;
color:#FFF;
text-align:left;
background:transparent;
}

#Menu li ul li a {
font-size:11px;
text-align:left;
width:120px;
height:auto;
margin:0;
padding:3px 10px;
}

#Menu li ul li a:hover {

}

#Menu li:hover a,#Menu li.over a {

}

#Menu li ul li a,#Menu li.over li a {

}

#Menu li:hover ul,#Menu li.over ul {
display:block;
}

* html #Menu ul li {
float:left;
height:1%;
}

* html #Menu ul li a {
height:1%;
}

#Outer {
clear:both;
}

#Wrapper {
background:none repeat scroll 0 0 #FFF;
border:1px solid #DDD;
clear:both;
}

#Header {
height:214px;
}

#Logo {
float:left;
width:262px;
height:86px;
margin:40px 0 0;
}

#Logo h1 {
font-size:11px;
font-weight:400;
padding-left:64px;
height:45px;
margin-top:10px;
}

#Logo h1 a {

}

#SearchForm {
   margin: 60px 0 0 200px;
   padding: 0;
   position: absolute;
   text-align: right;
}

#SearchForm label {
font-weight:700;
}

#SearchForm input.Textbox {
   background: url("../../../img/lupa.gif") no-repeat scroll 4px 4px #FFFFFF;
   border: 1px solid #DDDDDD;
   border-radius: 5px 0 0 5px;
   box-shadow: 0 0 10px #DDDDDD inset;
   font-size:11px;
   padding: 5px 5px 5px 30px;
   width: 550px;
}

#SearchForm .Button {
height:27px;
margin-left:-4px;
margin-top:-3px;
vertical-align:middle;
width:60px;
padding:0;
}

#SearchForm p {
text-align:right;
font-size:11px;
margin:0 0 0 45px;
}

#SearchForm a {

}

.Left {
float:left;
font-size:11px;
margin-left:7px;
min-height:500px;
width:160px;
}

.Right {
float:right;
font-size:11px;
margin-right:7px;
min-height:500px;
width:140px;
}

.Left h2,.Right h2 {
background:url("../../../img/bg-h2-lateral.png") no-repeat scroll 0 0 transparent;
color:#FFF;
font-size:11px;
height:20px;
padding:6px 0 0 10px;
}

.Left a,.Right a {
color:#000;
}

.Left li a:hover,.Right li a:hover {

}

.Left ul,.Right ul {
margin:0;
padding:0;
}

.Left li,.Right li {
clear:both;
list-style:none;
margin:0;
padding:3px 0;
}

.Left .BlockContent,.Right .BlockContent {
background:url("../../../img/bg_nav.gif") repeat scroll right bottom transparent;
padding:10px;
}

.Left li a,.Right li a {

}

.Left #SideCategoryList li.LastChild,.Right #SideCategoryList li.LastChild {
border-bottom:0 !important;
}

.Left #SideCategoryList li,.Right #SideCategoryList li {
padding:7px 0 0;
}

.Left #SideCategoryList li ul,.Right #SideCategoryList li ul {
border-bottom:1px solid #F1F1F1;
border-top:medium none;
padding-bottom:10px;
}

.Content {
float:left;
font-size:11px;
min-height:500px;
width:644px;
margin:0;
padding:0 5px;
}

.Content .Block {
clear:both;
}

.Block {
margin:20px 0;
}

.Content h2,.TitleHeading {
color:#069;
font-size:25px;
font-weight:700;
text-transform:none;
}

.Content a:hover {

}

.Content.Wide {
width:801px;
}

.Content.Widest {
width:950px;
padding:0 15px;
}

#Footer {
clear:both;
height:314px;
margin:0;
padding:0;
}

.NewsletterSubscription {
position:absolute;
width:240px;
margin:47px 0 0 700px;
padding:5px 10px;
}

.NewsletterSubscription li {
list-style:none;
}

.NewsletterSubscription label {
clear:both;
float:left;
}

.NewsletterSubscription input {
background:none repeat scroll 0 0 #FFF;
border:1px solid #BBB;
border-radius:5px 5px 5px 5px;
box-shadow:0 0 10px #DDD inset;
font-size:11px;
margin-bottom:5px;
width:225px;
color:#333;
padding:5px;
}

.NewsletterSubscription .Button {
background:none repeat scroll 0 0 transparent;
border:medium none;
border-radius:0 0 0 0;
box-shadow:none;
height:27px;
vertical-align:middle;
width:152px;
margin:0;
padding:0;
}

.ProductList {
list-style:none;
margin:0;
padding:0;
}

.Content .ProductList li {
list-style:none;
float:left;
width:120px;
font-size:11px;
overflow:hidden;
min-height:17em;
text-align:center;
margin:0;
padding:20px 10px 40px;
}

.ProductList a {

}

.ProductList a:hover {

}

.ProductList .ProductImage {
display:table-cell;
width:120px;
height:120px;
line-height:120px;
text-align:center;
overflow:hidden;
vertical-align:middle;
margin:0 0 5px;
}

.ProductList .ProductImage img {
vertical-align:middle;
}

.ProductList p {
margin:5px 0 5px 5px;
}

.ProductList strong,.ProductList strong a {
color:#075899;
}

.ProductList .Rating {
font-size:11px;
font-weight:700;
}

.ProductList .Rating img {
height:14px;
margin-top:3px;
}

.ProductList li .ProductCompareButton {
background:none repeat scroll 0 0 #F1F1F1;
border-radius:5px 5px 5px 5px;
margin-top:3px;
text-align:left;
padding:3px 8px;
}

.Left .ProductList .ProductImage,.Right .ProductList .ProductImage {
display:none;
}

.Left .ProductList li,.Right .ProductList li {
clear:both;
width:140px;
list-style:none;
color:#000;
margin:5px 0 0;
padding:3px 0 5px;
}

.Right .SideCart p {
color:#000;
}

.Left .TopSellers li .TopSellerNumber,.Right .TopSellers li .TopSellerNumber {
float:left;
width:20px;
font-size:11px;
padding:6px 0 3px 6px;
}

.Left .TopSellers .ProductDetails,.Right .TopSellers .ProductDetails {
margin-left:24px;
width:110px;
padding:3px 0;
}

.Left .TopSellers li.TopSeller1,.Right .TopSellers li.TopSeller1 {
clear:both;
float:left;
width:128px;
overflow:visible;
display:inline;
margin:10px 0 5px;
padding:5px;
}

.Left .TopSellers li.TopSeller1 img,.Right .TopSellers li.TopSeller1 img {
text-align:center;
overflow:hidden;
max-width:130px;
}

.Left .TopSellers li.TopSeller1 .TopSellerNumber,.Right .TopSellers li.TopSeller1 .TopSellerNumber {
width:44px;
height:34px;
font-size:11px;
text-align:center;
display:Block;
margin:-20px 0 0;
padding:7px 0 6px;
}

.Left .TopSellers li.TopSeller1 .ProductDetails,.Right .TopSellers li.TopSeller1 .ProductDetails {
margin-left:0;
}

.Left .TopSellers li.TopSeller1 .ProductImage,.Right .TopSellers li.TopSeller1 .ProductImage {
width:130px;
display:inline;
text-align:center;
overflow:hidden;
}

.Content .TopSellers li .TopSellerNumber {
display:none;
}

.Breadcrumb ul,.Breadcrumb li {
list-style:none;
margin:0;
padding:0;
}

.Breadcrumb {
font-size:11px;
padding-bottom:4px;
border-bottom:1px solid #DCDFE2;
}

.Breadcrumb li {
padding-left:6px;
display:inline;
}

.Breadcrumb li a {
padding-right:10px;
background:url('../../default/images/BreadcrumbSep.gif') no-repeat right;
}

.FindByCategory ul,.FindByCategory li {
list-style:none;
margin:0;
padding:0;
}

.FindByCategory li {
padding-left:12px;
background:url('../../default/images/BreadcrumbSep.gif') no-repeat 3px 5px;
padding-right:8px;
display:inline;
}

.Meta {
color:#333;
font-size:11px;
}

.Left .FeedLink,.Right .FeedLink {
padding-right:5px;
}

.Content .FeedLink {
margin-top:4px;
}

.FloatRight {
float:right;
}

.FloatLeft {
float:left;
}

.ClearRight {
clear:right;
}

.ClearLeft {
clear:left;
}

.SortBox {
font-size:11px;
color:#333;
}

.CompareButton {
clear:both;
text-align:right;
margin-top:12px;
padding:4px;
}

.Clear {
clear:both;
}

.Field45 {
font-family: Arial, "Trebuchet MS", Sans-Serif;
border:1px solid #DDD;
border-radius:5px;
box-shadow:0 0 10px #DDD inset;
font-size:11px;
width:60px;
padding:5px;
}

.Field100 {
font-family: Arial, "Trebuchet MS", Sans-Serif;
border:1px solid #DDD;
border-radius:5px;
box-shadow:0 0 10px #DDD inset;
font-size:11px;
width:150px;
padding:5px;
}

.Field150 {
font-family: Arial, "Trebuchet MS", Sans-Serif;
border:1px solid #DDD;
border-radius:5px;
box-shadow:0 0 10px #DDD inset;
font-size:11px;
width:200px;
padding:5px;
}

.Field200 {
font-family: Arial, "Trebuchet MS", Sans-Serif;
border:1px solid #DDD;
border-radius:5px;
box-shadow:0 0 10px #DDD inset;
font-size:11px;
width:250px;
padding:5px;
}

.Field250 {
font-family: Arial, "Trebuchet MS", Sans-Serif;
border:1px solid #DDD;
border-radius:5px;
box-shadow:0 0 10px #DDD inset;
font-size:11px;
width:300px;
padding:5px;
}

.Field300 {
font-family: Arial, "Trebuchet MS", Sans-Serif;
border:1px solid #DDD;
border-radius:5px;
box-shadow:0 0 10px #DDD inset;
font-size:11px;
width:350px;
padding:5px;
}

.Field350 {
font-family: Arial, "Trebuchet MS", Sans-Serif;
border:1px solid #DDD;
border-radius:5px;
box-shadow:0 0 10px #DDD inset;
font-size:11px;
width:400px;
padding:5px;
}

.Field400 {
font-family: Arial, "Trebuchet MS", Sans-Serif;
border:1px solid #DDD;
border-radius:5px;
box-shadow:0 0 10px #DDD inset;
font-size:11px;
width:450px;
padding:5px;
}

.MB10 {
margin-bottom:10px;
}

.MT0 {
margin-top:0;
}

.LH140 {
line-height:140%;
}

.PLRB5 {
padding:0 5px 5px;
}

.PLR10 {
padding:0 10px;
}

.PL20 {
padding:0 0 0 20px;
}

.PL40 {
padding:0 0 0 40px;
}

.ML20 {
margin:0 0 0 20px;
}

.MT10 {
margin-top:10px;
}

.PL10 {
padding-left:10px;
}

.PB2 {
padding-bottom:2px;
}

.NoMarginBottom {
margin-bottom:0;
}

.Required {
color:red;
font-weight:700;
visibility:visible;
}

.InfoMessage {
margin-bottom:10px;
padding:8px 6px 8px 28px;
}

.SuccessMessage {
margin-bottom:10px;
padding:8px 6px 8px 28px;
}

.ErrorMessage {
margin-bottom:10px;
padding:8px 6px 8px 28px;
}

.CreateAccount {
border:1px solid #EEE;
border-radius:10px 10px 10px 10px;
box-shadow:0 0 33px #EEE inset;
float:left;
width:905px;
margin:0;
padding:20px;
}

.AccountLogin {
border:1px solid #EEE;
border-radius:10px 10px 10px 10px;
box-shadow:0 0 33px #EEE inset;
float:left;
width:905px;
margin:20px 0;
padding:20px;
}

ul.ShippingAddressList,ul.ShippingAddressList li {
list-style:none;
margin:0;
padding:0;
}

ul.ShippingAddressList li {
width:30%;
float:left;
margin-right:10px;
margin-bottom:20px;
}

.PrimaryProductDetails .ProductThumb {
float:left;
width:190px;
text-align:center;
margin-right:40px;
}

.PrimaryProductDetails .ProductMain {
width:530px;
float:left;
}

.PrimaryProductDetails dl {
font-size:11px;
}

.PrimaryProductDetails dt {
font-weight:700;
width:80px;
clear:left;
}

.PrimaryProductDetails dd {
margin-left:90px;
}

.Right hr {
margin:5px 0 0;
}

.Content h3 {
background:url("../../../img/bg-h3-h2.gif") no-repeat scroll 0 0 transparent;
height:30px;
margin:0 auto;
padding:15px 0;
}

.ComparisonCheckbox {
float:left;
}

.SideRecentlyViewed .CompareButton {
margin:10px 0 0;
padding:0;
}

.SideRecentlyViewed .ProductList li {
margin-left:0;
}

.SideRecentlyViewed .ProductDetails {
margin-left:20px;
}

.ComparisonTable {
width:100%;
}

.ComparisonTable td {
vertical-align:top;
font-size:11px;
}

.CompareFieldName {
width:95px;
padding:8px 10px 8px 15px;
}

.CompareFieldTop {
text-align:center;
padding:5px;
}

.CompareFieldTop a {

font-size:11px;
}

.CompareFieldTop a:hover {

}

.CompareLeft {
padding:5px 10px;
}

.CompareCenter {
text-align:center;
padding:5px;
}

.CompareRating {
text-align:center;
padding-top:8px;
vertical-align:middle;
}

.CompareProductOption {
margin-left:20px;
padding-left:5px;
}

.Availability {
color:gray;
}

.LittleNote {
color:gray;
font-size:11px;
}

.ViewCartLink {
padding-left:30px;
padding-top:4px;
padding-bottom:8px;
}

table.General,table.CartContents,table.General {
width:100%;
margin:10px 0;
}

table.General thead tr th,table.CartContents thead tr th {
text-align:left;
padding:6px 10px;
}

table.General tbody td,table.CartContents tbody td {
padding:6px 10px;
}

table.General tbody tr.First td {
border-top:0;
}

.CartContents tbody td {
border-bottom:0;
}

.CartContents .ProductName a {
font-weight:400;
}

.CartContents tbody .SubTotal td {
text-align:right;
}

.ProceedToCheckout {
text-align:right;
}

.Content .ProceedToCheckout {
width:200px;
float:right;
}

.ProceedToCheckout a {
padding-top:5px;
}

.MiniCart .SubTotal {
text-align:center;
font-size:11px;
color:#075899;
}

.MiniCart .CartProductOptionList {
display:block;
}

.JustAddedProduct {
width:128px;
overflow:hidden;
text-align:center;
margin:auto auto 10px;
padding:5px;
}

.JustAddedProduct strong,.JustAddedProduct a {
font-weight:700;
font-size:11px;
display:block;
margin-bottom:3px;
}

.CategoryPagination .PagingList,.CategoryPagination .PagingList li {
list-style:none;
margin:0;
padding:0;
}

.CategoryPagination {
text-align:center;
padding:5px;
}

.CategoryPagination .PagingList li {
display:inline;
padding:0 5px;
}

.QuickSearch {
text-align:left;
border-collapse:collapse;
background:#fff;
border:1px solid #BFBFBF;
margin:0;
padding:0;
}

.QuickSearchTitle td,.QuickSearchAllResults td {
font-weight:700;
font-size:11px;
padding:4px;
}

.QuickSearchResult td {
font-size:11px;
cursor:pointer;
padding:8px;
}

.QuickSearchResultImage {
margin-left:4px;
margin-right:10px;
text-align:center;
}

.QuickSearchResultNoImage {
padding-top:10px;
color:#777;
}

.QuickSearchResultName {
margin:0;
padding:0 0 5px;
}

.QuickSearchResultName a {
font-weight:700;

}

..QuickSearchResult .Price {
font-size:11px;
}

.QuickSearchHover td {
background:#E8F4F8;
}

.QuickSearchHover a {

font-weight:700;
}

.QuickSearchAllResults td {
text-align:right;
height:25px;
}

.QuickSearchAllResults a {

}

.QuickSearchAllResults a:active,.QuickSearchAllResults a {
outline:none;
-moz-outline-style:none;
}

.BrandCloud .smallest {
font-size:11px;
}

.BrandCloud .small {
font-size:11px;
}

.BrandCloud .medium {
font-size:11px;
}

.BrandCloud .large {
font-size:11px;
}

.BrandCloud .largest {
font-size:11px;
}

.BrandCloud a {
padding-right:5px;
}

.DownloadExpires {
padding-top:3px;
font-style:italic;
color:gray;
}

.DownloadExpiresToday {
color:red;
}

.CheckoutRedeemCoupon h4 {
margin-top:0;
}

.CheckoutRedeemCoupon p {
margin-top:10px;
margin-bottom:0;
}

.BillingDetails {
float:left;
width:48%;
margin-right:10px;
margin-bottom:15px;
}

.ShippingDetails {
float:left;
width:48%;
margin-bottom:15px;
}

.ProductDetailsGrid dt {
width:140px;
margin-bottom:6px;
float:left;
font-weight:700;
}

.ProductDetailsGrid dd {
margin-left:145px;
margin-bottom:6px;
}

.SubCategoryList {
padding:4px;
}

.SubCategoryList ul,.SubCategoryList li {
list-style:none;
margin-left:0;
}

.SubCategoryList li {
margin-bottom:4px;
padding-left:25px;
background:url('../../default/images/SubCategory.gif') no-repeat 3px 1px;
}

.SearchTips .Examples {
background:#FFFFE0;
border:1px solid #aaa;
color:#333;
margin-left:30px;
margin-bottom:10px;
padding:8px;
}

.PrimaryProductDetails .ProductThumb p {
margin-top:10px;
font-size:11px;
}

.ProductReviewList {
clear:both;
}

.SortBox select {
font-size:11px;
}

.SortBox option {
color:#333;
}

.YourAccount li {
margin-bottom:8px;
}

.SoldOut {
color:#999;
}

.RemoveFromWishlistForm {
margin:5px;
}

.ShippingProviderList {
list-style:none;
}

small {
font-size:11px;
color:gray;
}

.HowToPay {
margin-bottom:10px;
}

.ProductList em,.ProductList .Rating {
display:block;
}

.GoogleCheckout p,.PayPalExpressCheckout p,.AlternativeCheckout p {
font-size:11px;
margin:0;
}

.GoogleCheckout,.PayPalExpressCheckout,.AlternativeCheckout {
text-align:center;
margin-bottom:10px;
}

.KeepShopping {
width:180px;
clear:both;
text-align:right;
}

#TopMenu li.Flag {
float:right;
}

#TopMenu li.Flag div {
border:0;
}

#TopMenu li.Flag img {
margin:3px;
}

#TopMenu li.Flag img.Last {
margin-right:0;
}

#TopMenu li.Flag img.Selected {
border:2px solid #ffa;
margin:1px 3px;
}

.CurrencyList dl {
margin:0;
padding:0;
}

.CurrencyList dd {
border:1px solid #EDECEC;
background-color:#F9F9F9;
clear:both;
margin:0;
padding:0;
}

.CurrencyList a {
display:block;
line-height:1.8;

font-size:11px;
padding:0 3px 0 5px;
}

.CurrencyList a.Sel {
background-color:#FFA;
}

.CurrencyList a:hover .Text {

}

.CurrencyList a .Flag {
margin-top:4px;
display:block;
float:left;
width:24px;
padding-right:2px;
vertical-align:middle;
}

.CurrencyList a .Text {
display:block;
padding-left:24px;
}

.PrimaryProductDetails .YouSave {
margin-top:3px;
display:block;
}

.EstimateShipping dt {
width:0;
}

.EstimateShipping dd {
margin-bottom:10px;
text-align:left;
}

.EstimateShipping p.Submit {
margin-top:10px;
margin-bottom:3px;
}

.EstimateShipping label {
display:block;
width:825px;
}

.EstimatedShippingMethods {
text-align:left;
}

.EstimatedShippingMethods table {
width:100%;
border-collapse:collapse;
}

.EstimatedShippingMethods .VendorShipping {
margin-left:20px;
margin-bottom:10px;
}

.EstimatedShippingMethods .Submit {
text-align:right;
}

.CartContents tbody .SubTotal .EstimatedShippingMethods tbody td {
text-align:right;
}

.CartContents tbody .SubTotal .EstimatedShippingMethods tbody td.Price {
text-align:right;
}

.SharePublicWishList {
background-color:#FFFFE0;
border:1px solid #CDDEE2;
padding:5px;
}

.ExpressCheckoutBlock .ExpressCheckoutTitle {
margin-bottom:5px;
position:relative;
text-transform:inherit;
padding:5px 5px 0;
}

.ExpressCheckoutBlock h3 a {
font-size:11px;
}

.ExpressCheckoutBlock {
padding-top:6px;
}

.ExpressCheckoutBlock .ExpressCheckoutCompletedContent {
display:none;
}

.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
display:inline;
font-size:11px;
font-weight:400;
font-style:italic;
}

.ExpressCheckoutBlockCollapsed .ExpressCheckoutContent {
display:none;
}

a.ChangeLink {
position:absolute;
right:15px;
}

.ExpressCheckoutBlock a.ChangeLink {
display:none;
}

.ExpressCheckoutBlockCompleted a.ChangeLink {
display:inline;
}

.ExpressCheckoutCompletedContent {
position:absolute;
left:250px;
}

.LoadingIndicator {
margin-left:10px;
}

.LoadingIndicator img {
vertical-align:middle;
margin-right:10px;
}

#TopMenu li.HeaderLiveChat {
float:right;
}

#TopMenu li.HeaderLiveChat div {
border-left:0;
}

.HeaderLiveChat img {
vertical-align:middle;
}

#ProductOtherDetails .ProductDetailsGrid {
margin-left:25px;
}

.SubCategoryListGrid {
padding:4px;
}

.SubCategoryListGrid ul,.SubCategoryListGrid li {
list-style:none;
margin-left:0;
}

.SubCategoryListGrid li {
margin-bottom:4px;
margin-left:10px;
background:#fff;
float:left;
text-align:center;
padding:10px;
}

.SubCategoryListGrid ol {
clear:both;
}

.SubBrandList {
padding:4px;
}

.SubBrandList ul,.SubBrandList li {
list-style:none;
margin-left:0;
}

.SubBrandList li {
margin-bottom:4px;
padding-left:25px;
background:url('../../default/images/SubBrand.gif') no-repeat 3px 1px;
}

.SubBrandListGrid {
padding:4px;
}

.SubBrandListGrid ul,.SubBrandListGrid li {
list-style:none;
margin-left:0;
}

.SubBrandListGrid li {
margin-bottom:4px;
margin-left:10px;
background:#fff;
float:left;
text-align:center;
padding:10px;
}

.SubBrandListGrid ol {
clear:both;
}

.ProductAddToCart dt div.Required,#CartEditProductFieldsForm dt div.Required {
margin-left:-10px;
}

.ProductAddToCart input.Textbox,#CartEditProductFieldsForm input.Textbox {
width:181px;
}

.ProductAddToCart textarea,#CartEditProductFieldsForm textarea {
width:183px;
height:50px;
}

.ProductFields dd {
margin-bottom:4px;
float:left;
margin-left:20px;
}

.ProductFields {
margin-bottom:15px;
}

.ProductFields input.Textbox {
width:100%;
}

.ProductFields TextArea {
width:100%;
}

.CartContents .CartProductFieldsLink {
font-size:11px;
color:#333;
margin-top:6px;
padding-left:22px;
background:url('../../default/images/GiftWrappingAvailable.gif') no-repeat;
padding-bottom:4px;
}

.CartContents .CartProductFieldsRow {
border-top:0;
}

.CartContents .CartProductFieldsRow dl {
margin-top:15px;
}

p.QuantityInput,p.AddCartButton {
text-align:center;
}

.ProductAddToCart dt.QuantityInput {
margin-top:4px;
}

.ProductAddToCart dd.AddCartButton span {
margin-top:4px;
padding-right:5px;
}

.ProductActionAdd {
display:block;
margin-top:3px;
}

.ProductActionAdd a,.ProductActionAdd strong a {

}

.TagList {
margin-top:20px;
}

.CartThumb {
text-align:center;
width:1px;
}

.WrappingOptions {
font-size:11px;
color:#333;
margin-top:6px;
padding-left:22px;
background:url('../../default/images/GiftWrappingAvailable.gif') no-repeat;
padding-bottom:4px;
line-height:1.6;
}

.ViewAllLink a {
padding-top:10px;
display:block;
}

.SelectGiftWrapMultiple {
max-height:400px;
}

.TabNav,.TabNav li {
list-style:none;
margin:0;
padding:0;
}

.TabNav {
font-size:11px;
margin-bottom:10px;
padding:6px 4px;
}

.TabNav li {
display:inline;
}

.TabNav li a {
position:relative;
top:2px;
font-size:11px;
margin-right:3px;
margin-top:3px;

padding:4px 6px;
}

.TabNav li a:hover {

}

.TabNav li.Active a {
margin-top:0;
padding-top:7px;
font-weight:700;
}

.ProductAddToCart dd.AddCartButton div.BulkDiscount {
display:inline-block;
float:left;
}

.ProductAddToCart dd.AddCartButton div.BulkDiscount div.BulkDiscountLink {
padding-left:4px;
}

#VendorLogo .BlockContent,#VendorPhoto .BlockContent {
text-align:center;
margin:0;
}

.TransitTime {
font-weight:400;
color:gray;
}

.Content .ProductList.List li {
display:block;
width:auto;
float:none;
min-height:0;
height:132px;
background-image:none;
margin:6px 0 0;
padding:6px;
}

.Content .ProductList.List .ProductImage {
float:left;
background-image:none;
width:120px;
height:120px;
margin:0 !important;
padding:0;
}

.Content .ProductList.List .ProductDetails {
height:auto;
display:block;
clear:none;
text-align:left;
background-image:none;
margin:0 0 0 135px;
padding:0 0 0 5px;
}

.Content .ProductList.List .ProductQty {
margin-left:10px;
}

.Content .ProductList.List .ProductDescription {
font-style:italic;
margin-top:5px;
}

.Content .ProductList .ProductRightCol {
float:right;
}

.Content .ProductList.List li .ProductCompareButton {
text-align:left;
margin-top:10px;
}

.OrderItemMessage {
background-color:#fff1a8;
margin:10px 0;
padding:7px;
}

.LittleNotePassword {
color:gray;
font-size:11px;
padding:2px 0;
}

.RequiredClear {
visibility:hidden;
}

.ProductDetailsGrid .DetailRow {
clear:left;
margin-top:10px;
}

.ProductDetailsGrid .Label {
display:inline;
float:left;
font-weight:700;
position:relative;
text-align:left;
width:auto;
margin:0 5px 0 0;
padding:0;
}

.ProductDetailsGrid .Value {
display:inline;
}

.ProductDetailsGrid .Label .Required {
position:absolute;
left:-1em;
}

.ProductOptionList ul,.ProductOptionList li {
list-style:none;
margin:0;
padding:0;
}

.ProductOptionList li {
margin-bottom:3px;
}

.ProductOptionList input {
vertical-align:middle;
}

#FeaturedVideo,#VideoList,#VideoSingle {
float:left;
}

#VideoList {
padding-left:5px;
}

.VideoSeparator {
clear:both;
}

.videoRow {
clear:both;
margin-bottom:4px;
display:block;
height:75px;
}

.previewImageContainer {
height:30px;
width:50px;
}

.videoRow img {
float:left;
padding-right:5px;
}

.videoRowTitle {
font-weight:700;
}

.videoRowDescription {
max-height:50px;
overflow:hidden;
}

.VideoOverlay {
background-image:url('../images/VideoOverlay.png');
background-position:center center;
position:absolute;
left:0;
height:100%;
width:100%;
top:0;
}

.VideoContentContainer {
position:relative;
margin-left:3px;
padding-left:92px;
}

.VideoPreviewSize {
width:92px;
height:69px;
}

.videoRowLength {
padding-left:4px;
}

.videoRow,.videoRowTitle,.videoRow img,.videoRowLength {
cursor:pointer;
}

#VideoList ul {
position:relative;
overflow-y:auto;
width:275px;
height:265px;
margin:0;
padding:0;
}

#VideoSingle {
padding-left:10px;
width:275px;
}

#VideoContainer {
height:265px;
padding:5px 0 5px 5px;
}

.HideElement {
display:none;
}

.VideoSingleTitle {
font-weight:700;
}

.VideoSingleDescription {
padding-top:10px;
overflow-y:auto;
height:220px;
padding-right:5px;
}

.Left #VideoMiddleContainer,.Right #VideoMiddleContainer {
display:none;
}

.Content #VideoSideContainer {
display:none;
}

#VideoSideContainer ul {
text-align:center;
}

#VideoSideContainer ul li {
margin-bottom:5px;
}

.VideoSideDescription {
padding:2px 10px;
}

.VideoImageContainer {
position:relative;
float:left;
}

.SearchPaging {
float:right;
font-size:11px;
}

.SearchSorting {
float:right;
font-size:11px;
margin:8px 0;
}

.SearchSorting select {
font-size:11px;
}

#SearchResultsCategoryAndBrand {
margin:5px;
padding:5px;
}

.ContentList em,.QuickSearchResultMeta em {
font-size:11px;
}

#AjaxLoading {
display:none;
text-align:center;
background:#FCF5AA;
width:180px;
z-index:10000000000;
padding:5px 10px;
}

#AjaxLoading img {
vertical-align:bottom;
margin-right:5px;
}

#ProductDetails #ImageScrollPrev,#ProductDetails #ImageScrollNext {
float:left;
background:none;
border:none;
margin-top:16px;
cursor:pointer;
display:none;
}

#ProductDetails .ProductTinyImageList {
float:left;
margin-top:10px;
white-space:nowrap;
width:80%;
overflow:hidden;
margin-left:auto;
}

#ProductDetails .ProductTinyImageList ul li {
width:40px;
height:30px;
overflow:hidden;
float:left;
margin-left:3px;
border:1px solid gray;
}

#ProductDetails .ProductTinyImageList ul li div {
display:table-cell;
text-align:center;
}

#ProductDetails .ProductTinyImageList ul li #TinyOuterDiv {
border:2px solid #FFF;
}

#ProductDetails .ProductTinyImageList ul {
position:relative;
list-style-type:none;
white-space:nowrap;
width:2500px;
margin:0;
padding:0;
}

#ProductDetails .ProductThumbImage {
height:220px;
width:220px;
overflow:hidden;
margin:auto;
}

.carousel {
position:relative;
visibility:hidden;
left:-5000px;
width:180px;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

zimiro    0

zimiro
Postado

topmenu

 

%%GLOBAL_OptimizerLinkScript%%
<div id="TopMenu">
<script>
<!--esconder o script dos navegadores anteriores
_datatoda = new Date // recebe a data e hora
_diasemana = _datatoda.getDay() // recebe o dia da semana
nummes = _datatoda.getMonth() // recebe o mes
hora = _datatoda.getHours() // recebe a hora
minuto = _datatoda.getMinutes() // recebe o minutos
//
// monta vetor com os dias da semana e meses
_dia = new Array("Domingo","Segunda-Feira","Terça-Feira","Quarta-Feira","Quinta-Feira","Sexta-Feira","Sábado")
_mes = new Array("01","02","03","04","05","06","07","08","09","10","11","12")
//
// verifica a hora e os minutos e monta a variavel saudacao
saudacao = " "
if (hora <=11 && minuto <=59)
{
saudacao = "Bom Dia"
}
if (hora >=12 && hora < 18)
{
saudacao = "Boa Tarde"
}
if (hora >=18 && hora <=24)
{
saudacao = "Boa Noite"
}
-->
</script>
</head>
<body>
<script>
<!--esconder o script dos navegadores anteriores
document.write(saudacao + "! " + _dia[_datatoda.getDay()]+", " +
_datatoda.getDate() + "/" + _mes[_datatoda.getMonth()] + "/2011. %%GLOBAL_LoginOrLogoutText%%")

-->
</script>
</div>

 

 

topmenu2

 

%%GLOBAL_OptimizerLinkScript%%	

	<div id="TopMenu2">

	<li><a href="%%GLOBAL_ShopPath%%/account.php">Minha Conta</a></li>		

	<li><a href="%%GLOBAL_ShopPath%%/account.php?action=order_status">Meus Pedidos</a></li>		

	<li><a href="%%GLOBAL_ShopPath%%/giftcertificates.php">Vale Presente</a></li>

	</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno Augusto    417

Bruno Augusto
Postado

Certo, agora explica um pouquinho mais detalhado qual o problema. Pelas imagens ficou um pouco confuso.

 

Pela imagem eu vi que no Chrome a DIV aparece, mas segundo você está desalinhada. Se for, um margin negativo pode resolver.

 

No Firefox elas nem aparecem. Se for, a mais em cima, um margin-top positivo a faria descer um pouquinho. A segunda, você teria que localizá-la na página.

 

Coloca uma borda bem destacada (vermelho berrante ajuda :lol: ) e veja onde ela aparece.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito