webForumDet fria alternativet
Logga in

CSS - behöver rätt position

8 svar · 1 036 visningar · startad av sugarbombshell

sugarbombshellMedlem sedan nov. 200843 inlägg
#1

Håller på att hjälpa en vän med att styla en webbshop. Men jag verkar ha tittat för långt in i koden och blivit blind eller nått.
Jag behöver hjälp att få ordning på toppen på sidan. Finns det någon vänlig själ som kan hjälpa mig?

Se före.png och efter.png hur det ser ut idag. Dvs det är så som efter.png som jag vill att det ska se ut. Försökt med allt möjligt men det bara motarbetar mig. Säkert riktigt enkelt. Se koden nedan, bara att klistra in den i tex dreamweaver direkt och gå loss.

Sen så finns det en liten parentes också.. viktigaste är dock positioneringen.. vill få samma effekt på "kundkorgen" som på http://shop.atelierrestylane.se/. Dvs när jag klickar på "Visa innehåll" blir det som på deras sida. Men som sagt, det är en parentes.

<!-- Logo - Start --><style type="text/css">
<!--
/* LINKS
********************************************************************************/
a { color:@@ClrUrl@@; outline:none; text-decoration: none; }
a:hover { color:@@ClrUrlHover@@; text-decoration: none;}
a:focus { color:@@ClrUrlHover@@; text-decoration: none; }

/* PAGE
********************************************************************************/
#cssPageWrap { margin:0 auto; width:1080px; overflow:visible; }
#cssPage { background:@@ClrTblArtRowBg@@; width:1038px; padding:20px; float:left; #ccc; border-top:0; border-bottom-color:#aaa; }
#cssPageCell_1, #cssPageCell_2, cssPageCell_3 { display: inline; }
#cssHeadline { overflow:visible; width:100%; margin-bottom:10px; clear:both; overflow:auto; }
#cssHeadlineCell_1 { float:left; display:block; }
#cssHeadlineCell_2 { float:right; display:block; margin:2px; }
.cssPageContainer { margin:15px; }
.cssPageMainBox { width:628px; }

/* TOP
********************************************************************************/
#cssPageTop { float:left; position:relative; width:100%; }
#cssPageLogo { margin:20px 10px; top:auto; }
#cssOwnPage { width:1078px; background:@@ClrOwnPageBg@@; float:left; padding:0; }
#cssOwnPage a { color:@@ClrUrlOwnPage@@; float:left; font-size:11px; font-weight:bold; padding:7px 10px; text-decoration:none; }
#cssOwnPage a:focus { color:#fff; }
#cssOwnPage a { text-transform:uppercase; padding:10px; border-right:0px solid #444; }
#cssOwnPage a:hover { background:transparent; }
#cssOwnPage a.cssUrlOwnPage:hover { background:#ccc; }
#cssOwnPage a.cssUrlOwnPageActive { background:#bbb; }
#cssLangFlagChoose { float:right; width:200px; }
#land {	width:100px;}
h1.cssPageLogo a { font-family:"Trebuchet MS", Helvetica, Arial, sans-serif; font-size:29px; letter-
spacing:0px; cursor:pointer; cursor:hand; text-decoration:none; }
.frmCurrChoose {width:99px;}
.cssOwnPageItem { clear:both; }
.cssOwnPageItem ul li, .cssOwnPageItem ol li { margin-left:4px; }
.cssOwnPageDelimitor { display:none; }

/* LEFT
********************************************************************************/
.cssPageCell_1 { min-height:550px; width:193px; float:left; }
.cssPageCellInner_1 { position:absolute; width:193px; }
#cssProdCatTree a { color:@@ClrUrlArtMenu@@; font-size:12px; padding-left:0; text-decoration:underline; }
.cssProdCatTreeNodeIcon { display:none; }

#cssProdCatTree .cssProdCatTreeSubTree .cssProdCatTreeLink { font-size:11px; }
#cssProdCatTree .cssProdCatTreeLink:hover { color:#000; }
#t1_0 { border-top:0; }

/* MAIN
********************************************************************************/
.cssPageCell_2 { width:630px; float:left; overflow:hidden; margin:0 10px; }
#cssPageCell_2 .cssSquareBox { min-height:500px; margin:0; }
#cssPageCell_2 { -moz-border-radius:5px; -wekit-border-radius:5px; border-radius: 5px; background:@@ClrAppBg@@; }
#cssPageCell_2.cssPageWidthFull .cssPageMainBox { background:@@ClrAppBg@@; }
#cssPageCell_2 .cssSquareBoxTitle { float:right; width:200px; }
.cssPageMainBox { width:628px; margin-right:10px; font-size:0.875em; float:left; }
.cssPageMainBox .cssSquareBoxContent { margin:20px; }
.cssPageWidthBroad { width:830px; margin-right:0; }
.cssPageWidthBroad .cssPageMainBox { width:828px; margin-right:0; padding:0; }
.cssPageWidthBroad .cssPageMainBox .cssSquareBoxContent { margin:0; }

/* RIGHT
********************************************************************************/
.cssPageCell_3 { float:left; width:193px; overflow:hidden; }
.cssPageCell_3 .cssImgBorder {  margin-bottom:5px; }

/* BOXES
********************************************************************************/
.cssSquareBox { margin:10px 0 20px; }
.cssSquareBoxTitle { color:@@ClrTxtHeadline@@; text-transform:uppercase; font-size:11px; font-weight:bold; font-size:12px; font-weight:bold; padding:5px 0px; text-transform:uppercase; }
.cssSquareBoxContent { padding-top:1px; background:@@ClrTblArtRowBg@@; }
.cssSquareBoxFrmContent { height:21px; }
.cssSquareBox select { margin:0; }

/* ARTICLE
********************************************************************************/
#cssImg_1 { margin-left:0; }
#cssImgDescr { margin-bottom:18px; }
#cssImgDescr .cssBox { border:1px solid #eee3c5; width:22px; height:10px; }
.cssImgDescrRow { clear:both; }
.cssImgDescrCell { float:left; padding:2px; }
.cssArtMenuBox { overflow:hidden; }
.cssArtItemHdr .cssPadding_1 { padding:0; }
.cssArtList { border:0; }
.cssArtItemDataRow_1 { overflow:visible; }
.cssArtItemDataRow_1 .cssPadding_1 { padding:0; }
.cssArtItem { float:left; width:100%; margin-top:20px; }
.cssArtItemRow_2 { float:left; margin-top:20px; }
.cssArtItemData { float:left; }
.cssArtGalleryCell { margin:0 14px 14px; }
#cssArtItemStockStatusTxt, #cssArtItemModelIdTxt, #cssArtItemWeightNrTxt, #cssArtItemSupplierHomepageTxt { margin-right:2px; }
input.cssArtItemCostExclVatNr, input.cssArtItemCostDiscountExclVatNr { background:transparent; }

/* CART
********************************************************************************/
.cssCartBox { float:right; width:182px; font-size:12px; border:1px solid #ccc; }
.cssCart { border:0; }
.cssCartBoxInner { background:transparent; overflow:visible; }
.cssCartHdr { background:transparent; color:@@ClrTxtHeadline@@; float:right; width:180px;}
.cssCartDiv { font-size:12px; }
.cssCartDiv .cssPadding_1 { padding:0; }
.cssCartData { background:transparent; padding:0; margin-top:20px; }
.cssCartText { margin-bottom:2px; }
.cssCartCostContent { margin-bottom:2px; }
.cssCartTable td { margin:0; padding:0; }
.cssCartBottom { overflow: auto; }
.cssCartArtTotalQtyNr { padding:0; }

/* CHECKOUT
********************************************************************************/
.cssCheckOutArtList .cssCheckOutDiscount { margin:0; }
.cssCheckOutDiscount { float:left; }
#cssCheckOutDiscountCodeContent { margin-top:10px; }
.cssCheckOutEnterDiscountCode { margin-top:15px; }
.cssCheckOutArtList .cssCheckOutRowSummary, .cssCheckOutArtList .cssCheckOutDiscount { font-size:12px; }
.cssCheckOutArtList .cssCheckOutRowSummary { background:transparent; }
.cssCheckOutRow { border-color:#222; }
.cssCheckOutRow { border-bottom:1px solid #ccc; }
#bIsViewCustEditDeliveryAddress { background:transparent; padding:0; }

/* MISC.
********************************************************************************/
#cssCycleBody { width:100%; }
#cssCycleContent { text-align:center; }
.cssCycleItem { background-color:#fff; }
input.cssTxtArtSearch, 
input.cssTxtNewsletter { width:130px; padding:1px 2px 1px 4px; }
input.cssTxtArtSearch, input.cssTxtNewsletter { border: 1px solid #ccc; color:#000000; font-size:11px; padding:3px 4px; width:133px; }
.cssPageCell_4 { display:none; }
.cssFooter { height:150px; background-color:#ccc; padding:20px; font-size:0.8em; margin-bottom:30px; clear:both;  }
#footer1  { width:340px; float:left; font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	 }
#footer2  { width:340px; margin-left:5px; float:left; font-family: Arial, Helvetica, sans-serif;	font-size: 11px;}
#footer3  { width:340px; margin-left:5px; float:left; font-family: Arial, Helvetica, sans-serif;	font-size: 11px;}
.cssFrmArtSearch, .cssFrmNewsletter { position:relative; overflow:hidden; width:100%; }
.cssBtnArtSearch, .cssBtnNewsletter { position:absolute; right:15px; top:4px; *top:2px; }
.cssGoods { background-color:#fff7dd; }
.cssPageOwnPageItem form { clear:both; }
.cssPadding_1 { padding:10px; }
.cssPadding_2 { padding:20px; }
.cssPadding_3 { padding:30px; }
.cssPadding_4 { padding:40px; }
.cssHr_2 { height:0px; background:#ccc; }
#sCurrCode { width:60px; }
.cssCopyrightPricesAreShownByVat { text-align:center; }
.cssArtMenuBox div.cssSquareBoxContent { padding-left:0; }
#cssOrderList th.header { background:url(@@UrlImgSett@@/General-HeaderBg.gif) no-repeat center right; }
#cssOrderList th.headerSortDown { background:url(@@UrlImgSett@@/General-HeaderAsc.gif) no-repeat center right; }
#cssOrderList th.headerSortUp { background:url(@@UrlImgSett@@/General-HeaderDesc.gif) no-repeat center right; }
.cssTblRoundTopGray { background:url('Img/Corner_1g.gif') top left no-repeat; border-bottom:1px solid #d9d9d9; margin:0; padding:0; }
.cssTblRoundTopGray div { background:url('Img/Corner_2g.gif') top right no-repeat; min-height:5px; _height:5px; }
.cssTblRoundTopGray h2 { background:url('Img/Corner_2g.gif') top right no-repeat; line-height:30px; margin:0; padding:0 10px; font-size:11px; font-weight:bold; color:#000000; font-family:Arial; }
.cssTblRoundBottomWhite { background:url('Img/Corner_4w.gif') top left no-repeat; height:5px; margin-bottom:10px; }
.cssTblRoundBottomWhite div { background:url('Img/Corner_3w.gif') top right no-repeat; height:5px; }
.cssThTitleDefault { background:url('Img/ThTitleDefault.png') no-repeat top left; height:31px; text-align:left; line-height:31px; padding:0 7px; vertical-align:middle; white-space:nowrap; }
.cssThTitleDefault img { float:right; margin-top:-24px; }
.cssThTitleLeft { background:url('Img/ThTitleLeft.png') no-repeat top left; height:31px; text-align:left; line-height:31px; padding:0 7px; vertical-align:middle; white-space:nowrap; }
.cssThTitleLeft img { float:right; margin-top:-24px; }
.cssThTitleRight { background:url('Img/ThTitleDefault.png') no-repeat top left; padding:0; }
.cssThTitleRight img { float:right; margin-top:-24px; }
.cssThTitleRight div { background:url('Img/ThTitleRight.png') no-repeat top right; height:31px; text-align:left; line-height:31px; padding:0 7px; vertical-align:middle; white-space:nowrap; margin-left:2px; }
.cssSearchUrlPageList { }
.cssFaqListUrlTop { font-size:11px; color:#777; font-weight:bold; background:url(@@UrlImgSett@@/General-Up.png) no-repeat right center; padding-right:20px; }
.cssFaqListUrlReadMoreRow { font-size:11px; color:#777; font-weight:bold; background:url(@@UrlImgSett@@/General-Right.png) no-repeat right center; padding-right:20px; }
.cssTabMenuGalleryAndList { background:transparent; position:relative; width:100%; padding:0; margin:30px 0 0 0; }
.cssTabMenuGalleryAndList div.cssMarked { border:1px solid #aaa; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:auto; }
.cssTabMenuGalleryAndList div.cssMarked a { cursor:default; }
.cssTabMenuGalleryAndList div.cssUnmarked { border:1px solid #666; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:@@ClrOwnPageDelimitor@@;}

#imgslide { width:588px; height:382px; position:relative; overflow:hidden; }
.cssSidebarFloatLeft { float:left; width:191px; }
.cssVr { display:none; } 
.cssHr { background:#fff; }
.ui-dialog { margin-top:130px; }
#cssStarwebTrademark a em { margin-left:0; }
.cssNewsletter { position:relative; }

/* COLORS
********************************************************************************/
h1.cssPageLogo a { color:@@ClrTxtLogo@@;}
.cssCartDataRow_2, .cssArtCostExclVatNr, .cssArtCostInclVatNr, .cssArtItemCostExclVatNr, .cssArtItemCostDiscountExclVatNr {
color:@@ClrTxtArtCost@@;}
.cssCartCost { color:@@ClrTxtFrameCost@@;}
.cssArtCostDiscountExclVatNr { color:@@ClrTxtArtCostDiscount@@;}
.cssPageLogo { font-size:32px; color:@@ClrTxtLogo@@;}
.cssHeadline { color:@@ClrTxtHeadline@@;}
h1.cssCheckOutHdr { color:@@ClrTxtChoosePayAndFreight@@; }
.cssFaqHeadlineSmall { color:@@ClrTxtFaqHeadline@@;}
input.cssArtModelId { color:@@ClrTxtArtModelId@@;}
input.cssArtWeightNr { color:@@ClrTxtArtWeightNr@@;}
input.cssArtStockStatus { color:@@ClrTxtArtStockStatus@@;}
.cssCustEditHdrAddress h2 { color:@@ClrTxtCustInfoAddress@@;}

.cssUrlOwnPage { color:@@ClrUrlOwnPage@@;}
.cssUrlFrameVat { color:@@ClrUrlFrameVat@@;}
#oBtnGoToCart { background:#fff; color:@@ClrUrlFrameCart@@;}

#cssProdCatTree .cssProdCatTreeSelectedNode > .cssProdCatTreeLink { color:#000; }
input.cssBtnDefault, input.cssBtnBig { background:@@ClrBtnBg@@;color:@@ClrBtnTxt@@;}
input.cssBtnBuy, input.cssBtnBuyBig { background:@@ClrBtnBuyBg@@;color:@@ClrBtnBuyTxt@@;}
.cssCheckOutCostOfGoodsRowCustEu { clear:both; }

/* BUTTONS
********************************************************************************/
input.cssBtnDefault,
input.cssBtnBig,
.cssArtItemDataBtnRowList .cssBtnTransparent,
#cssAc_ArtCompareBtnRow .cssBtnTransparent { background:@@ClrBtnBg@@;color:@@ClrBtnTxt@@; font-size:11px; }

input.cssBtnDefault:hover,
input.cssBtnBig:hover,
.cssArtItemDataBtnRowList .cssBtnTransparent:hover,
#cssAc_ArtCompareBtnRow .cssBtnTransparent:hover { background:#222; }

#oBtnGoToCart,
input.cssBtnBuy,
input.cssBtnBuyBig,
.cssCheckOutBtnSendOrder input.cssBtnBig { background:@@ClrBtnBuyBg@@; color:@@ClrBtnBuyTxt@@; }

#oBtnGoToCart:hover,
input.cssBtnBuy:hover,
input.cssBtnBuyBig:hover,

.cssBtnArtSearch,
.cssBtnNewsletter { background:@@ClrBtnBg@@; }

.cssBtnArtSearch:hover,
.cssBtnNewsletter:hover { background:#222; }

.cssArtItemBtnNextArt input.cssBtnDefault,
.cssArtItemBtnPrevArt input.cssBtnDefault { background:@@ClrBtnBg@@; }

.cssArtItemBtnNextArt input.cssBtnDefault:hover,
.cssArtItemBtnPrevArt input.cssBtnDefault:hover { background:@@ClrUrlHover@@; }

.cssBtnTransparent { background:transparent; }
input.cssBtnAc_CompareArtList { background:@@ClrBtnBg@@; }
input.cssBtnAc_CompareArtList:hover { background:#222; }

#fancy_inner .cssBtnTransparent { background:@@ClrBtnBg@@; }
.cssArtItemBtnPrint { margin-bottom:5px; }

.cssUrlArtSmall { font-size:11px; }
.cssTabMenuArtRow.cssOdd { background:transparent; }

/* THEME SPECIFIC 2
********************************************************************************/
h1.cssPageLogo a { color:#fff; }
#cssOwnPage { background: @@ClrOwnPageBg@@; }
#cssOwnPage a, #cssOwnPage a:focus { color:@@ClrUrlOwnPage@@; }
#cssProdCatTree .cssProdCatTreeLink { color:@@ClrUrlArtMenu@@; text-decoration:underline;}
.cssSquareBoxTitle { color:@@ClrTxtFrame@@; }

/* 
SPEKTRA
Load colors
**************************************************************/
h1, h2, h3, h4, h5, h6 { font-family:@@FontTypeHeadline@@; }
.cssPageMainBox { background:@@ClrAppBg@@; color:@@ClrTxtApp@@; }
body { @@TplImgBgOrClrBg@@ color:@@ClrTxtApp@@; font-family:@@FontType@@; }
#cssOwnPage { background:@@ClrOwnPageBg@@; }
.cssSquareBoxTitle { background-color:@@ClrTblArtRowBg@@; }
.cssSquareBoxCartTitle { background-color:transparent; }
.cssSquareBox { color:@@ClrTxtFrame@@; }
.cssCartCost { color:@ClrTxtFrameCost@@; }
.cssCartData { background:transparent; }
.cssArtItemCostDiscountExclVatNr, .cssArtItemCostDiscountInclVatNr, .cssArtCostDiscountExclVatNr{ color:@@ClrTxtArtCostDiscount@@; }
.cssCheckOutLabelWorth { color:@@ClrTxtApp@@; }
h1.cssPageLogo a { color:@@ClrTxtLogo@@; }
h1.cssHeadline { color:@@ClrTxtHeadline@@; font-family:@@FontTypeHeadline@@; }
.cssFaqHeadlineSmall { color:@@ClrTxtFaqHeadline@@; }
input.cssWeightNr { color:@@ClrTxtArtWeightNr@@; }
input.cssArtModelId { color:@@ClrTxtArtModelId@@; }
input.cssArtStockStatus { color:@@ClrTxtArtStockStatus@@; }
a, a:focus { color:@@ClrUrl@@; }
a:hover { color:@@ClrUrlHover@@; }
.cssPageCell_1 .cssSquareBoxContent a, .cssPageCell_3 .cssSquareBoxContent a { color:@@ClrUrlFrame@@; }
#oBtnGoToCart { color:@@ClrUrlFrameCart@@; }
.cssUrlFrameVat { color:@@ClrUrlFrameVat@@; }
.cssProdCatTreeLink { color:@@ClrUrlArtMenu@@; }
.cssProdCatTreeLink:hover { color:@@ClrUrlHover@@; }
.cssUrlOwnPage { color:@@ClrUrlOwnPage@@; }
.cssUrlOwnPage:hover { color:@@ClrUrlHover@@; }
.cssOwnPageDelimitor { color:@@ClrOwnpageDelimitor@@; }
.cssArtItemBtnPrint { margin-bottom:3px; }
input.cssBtnDefault, input.cssBtnBig, input.cssBtnArtSearch, input.cssBtnNewsletter, .cssArtItemDataInner .cssBtnTransparent { background:@@ClrBtnBg@@; color:@@ClrBtnTxt@@; }
input.cssBtnDefault:hover, input.cssBtnBig:hover, input.cssBtnArtSearch:hover, input.cssBtnNewsletter:hover, .cssArtItemDataInner .cssBtnTransparent:hover { background:#000000; color:@@ClrBtnTxt@@; }
input.cssBtnBuy, input.cssBtnBuyBig, #oBtnGoToCart, .cssCheckOutBtnSendOrder input.cssBtnBig { background:@@ClrBtnBuyBg@@; color:@@ClrBtnBuyTxt@@; }
input.cssBtnBuy:hover, input.cssBtnBuyBig:hover, #oBtnGoToCart:hover, .cssCheckOutBtnSendOrder input.cssBtnBig:hover { background:@@ClrUrlHover@@; color:@@ClrBtnBuyTxt@@; }
textarea, input.cssFrmFld, input.cssFrmFldCheckOutCartRowArtQtyNr, input.cssTxtArtSearch, input.cssTxtNewsletter { background:@@ClrInputBg@@; }
.cssTabMenuGalleryAndList div.cssUnmarked { background:@@ClrTxtApp@@; }

table.cssCartTable { width:100%; }

.cssCheckOutArtList.cssCheckOutFldList { margin:10px; }

#cssProdCatTree table { margin:0; }
#cssProdCatTree table tbody tr td a { white-space:normal; }
.cssSquareBoxTitle { position:relative; }

.cssCheckOutCostExclVatNrHuge .cssCheckOutCostOfGoodsSumToPayCost {color:@@ClrTxtCostSendOrderPage@@; }

-->
</style>
    <div id="cssPageLogo">
      <h1 class="cssPageLogo">
        <a href="http://www.foreverhair.se/"><img id="cssImgLogo" src="http://www.foreverhair.se/Shop/Image/Setting/logo.png" style="border:0px;" alt="Foreverhair" /></a>
      </h1>
      
      
      <!-- Language / Currency - Start -->
 
<div class="land">

		      <a title="Swedish" href="http://www.foreverhair.se/nyheter?sLang=LangSwe&sCurrCode=SEK"><img width="20" height="18" alt="Swedish" style="border: 0px none;" src="http://www.foreverhair.se/Shop/Image/LangSwe.png"></a> 

     <a title="English" href="http://www.foreverhair.se/nyheter?sLang=LangEng&sCurrCode=GBP"><img width="20" height="18" alt="English" style="border: 0px none;" src="http://www.foreverhair.se/Shop/Image/LangEng.png"></a> 

<form name="frmCurrChoose" id="frmCurrChoose" action="/"    method="post">   <select name="sCurrCode" id="sCurrCode" onchange="this.form.submit();"   >
                           <option value="SEK" selected="selected">SEK</option>
                           <option value="GBP" >GBP</option>
                        </select>
      </form></div>

      <!-- Language / Currency - End -->
  
  <!-- Cart - Start -->
      
      <div class="cssCart cssCartBox cssCartBoxInner">
<div class=" cssCartHdr cssBoxTitle "><div class="cssPadding_3">Din kundvagn</div> </div>
        <div class="cssCartDiv">
          <div class="cssPadding_1">
            <div class="cssCartText"> <span class="cssCartArtTotalQtyNr"></span>
              <span class="cssCartArtTxtNr">Inga produkter</span>
              ligger i kundvagnen. </div>
                  <div class="cssCartCostContent">
         <span class="cssCartCostTitle">Pris: </span><span class="cssCartCost cssFrameTxtCost">0:-</span>
      </div>
                
             <div class="cssCartPreview"><a class="cssUrlCartPreview" href="javascript:;"
         onclick="CartShowOrHideContent('Visa inneh&aring;ll', 'G&ouml;m inneh&aring;ll', '', '1')"
         >Visa inneh&aring;ll</a></div>
                <form name="frmGoToCart" id="frmGoToCart" action="/"    method="post">               <input type="image" name="oBtnGoToCart" id="oBtnGoToCart" alt="Till kassan &raquo;" title="Till kassan &raquo;" onclick="javascript:location.href = 'http://www.foreverhair.se/checkout'; return false;" class="cssBtnDefault"    src="http://www.foreverhair.se/Shop/Image/Setting/General-ButtonAlpha-2-ButtonCart.png"  />
               <!--[if IE]><input type="hidden" name="oBtnGoToCart"  value="Till kassan &raquo;" /><![endif]-->
               </form>
               
          </div>
        </div>
        <div class="cssCartData">      <div id="cssCartContentsCon">
                     <div class="cssCartDataHdr">Inneh&aring;ll</div>

                           <div class="cssCartDataRow">
                  <div class="cssCartDataRow_2"></div>
                  <div class="cssCartDataRow_1">Din kundvagn &auml;r tom!</div>
               </div>
               </div> <!-- /cssCartContentsCon -->
      
            <script type="text/x-mustache" id="cartDataTpl">
            <div class="cssCartDataHdr">Inneh&aring;ll</div>

            {{#aaItems}}
                  <div class="cssCartDataRow">
                     <div class="cssCartDataRow_2">{{sFormattedTotalPrice}}</div>
                     <div class="cssCartDataRow_1">
                        <span class="cssCartDataRowQtyNr">{{iQtyNr}} st</span>
                        <span class="cssCartDataRowArtName">, {{^bIsHidden}}<a href="{{sProductUrl}}" title="{{sName}}" class="cssUrlCartDataRowArtName">{{/bIsHidden}}{{sShortName}}{{^bIsHidden}}</a>{{/bIsHidden}}</span>
                     </div>
                  </div>
            {{/aaItems}}
            {{^aaItems}}
               <div class="cssCartDataRow">
                  <div class="cssCartDataRow_2"></div>
                  <div class="cssCartDataRow_1">Din kundvagn &auml;r tom!</div>
               </div>
            {{/aaItems}}
         </script>      </div>
      </div>
      <!-- Cart - End -->
    </div>
    <!-- Logo - End -->
före.pngefter.png
GildebrandMedlem sedan juni 2009920 inlägg
#2

Hade varit lättare om man kunnat gå in på sidan i fråga men men...
Sätt float:right och position: relative på den som ska ligga i högerkant. Funkar det inte? Använd utvecklarverktygen i Chrome eller motsvarande för att felsöka

sugarbombshellMedlem sedan nov. 200843 inlägg
#3

sidan

Här har finns sidan att besöka :)
http://www.foreverhair.se/

GildebrandMedlem sedan juni 2009920 inlägg
#4

Ge klassen .land följande attribut
display: inline;
float: right;

Vill du justera den i x-led, gör det med margin-right.

sugarbombshellMedlem sedan nov. 200843 inlägg
#5

Inget av dem funkade tyvärr Gildebrand. Provade båda, provade med nått liknande själv förut.

GildebrandMedlem sedan juni 2009920 inlägg
#6

Vadå inte funkade? Vad hände? Jag testade själv, funkade utmärkt.

sugarbombshellMedlem sedan nov. 200843 inlägg
#7

Fasen va konstigt! Möjligt att den inte visade ändringen på en gång då. Provar och låter den marineras lite :)

sugarbombshellMedlem sedan nov. 200843 inlägg
#8

Funka inte, helt sjukt. Det borde ha funkat men men... måste vara nått fel som är trasigt.
Fick flytta ned språkdelen i höger kolumnen på sidan, annars såg det för kasst ut.

Nu får jag koncentrera mig på java som jag inte alls kan för att den inte ska sabba sidan som den gör.

Inte alls nöjd :(

GildebrandMedlem sedan juni 2009920 inlägg
#9

Anlita någon som gör det istället (hint) ;)

143 ms totalt · 3 externa anrop · v20260731065814-full.3ab8d573
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
140 ms — hämta tråd, inlägg och bilagor (db)