moving shopping cart to header problem

ok i have my shopping cart showing up in my header, but i have no idea how to move the words they keep showing up below my header image i want it moved to the right side and then up on top of the image how do i do that?

i know i have to probably add some code to the stylesheet.css

but i dont know what to add and also i dont know what the classname is for the header shopping cart code to move the stuff someone please help thanks in advance...

i already have another banner created with the place for the shopping cart text to show up
looks something similar to this website... Also how do i get rid of the bullet beside the word shopping cart
http://www.echo-electronics.com/

By the way i added the code from the shopping cart in headers contribution into my tpl_header.php...i have been trying to figure this out forever with no avail and ive read all the threads on this in the forum

It looks fine in firefox what ae you using or did you square this?

kobra:

It looks fine in firefox what ae you using or did you square this?

No my website is https://www.rickiesdiscountelectronics.com

I was wanting my website to look like how their shopping cart information is showing up at https://www.echo-electronics.com

And i cant get it to display like this for the life of me.....i have a another header already created...and i want to be able to move the shopping cart words into the same spot... my header is all one single image, but echo electronics have seems to use different images in the header

i havent ever gotten a answer about this from anyone id really appreciate any help thanks

i just switched my header image to the one im gonna use so you can see what im talking about...

Posts by
06:45 PM
07:27 PM
07:36 PM

i havent ever gotten a answer about this from anyone id really appreciate any help thanks
Most here are volunteers and you have to be patient and wait for one that might have a suggestion.

Viewing your source

<div class="clearBoth"></div>
<li>Shopping Cart: <span class="style1">
	0  items  

 	$0.00</span>

You have no assigned tag for this and as a result cannot address it

Try this first and it will not relocate anything but will give it a name

<div class="clearBoth"></div>
<div id="cartContents">
<ul>
<li>Shopping Cart: <span class="style1">
	0  items  

 	$0.00</span>
</li>
</ul>

Yeah i wasnt talking about you kobra i appreciate the help i mean i have had other posts similar to this like moving the search bar to the header in that thread i proceeded to ask the same question but never got an answer and thats been over a week..i appreciate all your help......
OK i added the code you said to my tpl_header....now what do i do?

Sorry if i sound stupid ...i appreciate your help

Sorry took so long as I was waiting for your cart to load....

I do not see where you have assigned a tag as I outlined to this at all

<div class="clearBoth"></div>
<DIV ALIGN=RIGHT>
<li>Shopping Cart: <span class="style1">
	0  items  
 	$0.00</span>

<br class="clearBoth" />
</DIV>
</li>

You also need to close them in the proper order

its up there now but there is a ton of white space

it moved all my product descriptions and titles to the right too....had to remove right align

rickiesdiscount:

it moved all my product descriptions and titles to the right too....had to remove right align

Ok i fixed that now i just need to know how to move it to the left a little and up...and remove the white space in between it now...i assume u move it to the left and up using css?

You actually added this outside of the logoWrapper area and did not close them in the proper order
I have not counted every open div you have but think that this will repair what you need(make a copy of your current in case)
Replace this part fron the bof through the eof branding with the following

<!--bof-header logo and navigation display-->
<div id="headerWrapper">
  <!--bof-navigation display-->
  <div id="navMainWrapper">
    <div id="navMain">
      <div id="navMainLinks">

        <ul class="back">
          <li><a href="http://www.rickiesdiscountelectronics.com/">Home</a></li>
                    <li><a href="https://www.rickiesdiscountelectronics.com/account/login.html">Log In</a></li>
                            </ul>
      </div>
      <div id="navMainSearch">
              </div>
    </div>

  </div>
  <div class="clearBoth"></div>
  <!--eof-navigation display-->
  <!--bof-branding display-->
  <div id="logoWrapperOuter">
    <div id="logoWrapper">
      <div id="logo"><a href="http://www.rickiesdiscountelectronics.com/"></a></div>
            <div id="taglineWrapper">
                <div id="tagline"><h1></h1></div>

			</div>
		</div>
	</div>
	<div id="cartContents">
		<ul class="forward"> 
		<li>Shopping Cart: <span class="style1"> 0  items   $0.00</span>
		</li>
		</ul>
		</div>
</div>
<div class="clearBoth"></div>

<!--eof-branding display-->

thanks for the help, but that didnt fix it...actually when i replaced what u said it did something weird it made my webpage almost dissapear and shrink up to like 2 pixels high ...i tried it a few times and i know i pasted it right..

Sorry 'bout that as it must be div open and close tags not counted correctly. You have logoWrapperOuter and I am not familiar with it's intent.

You do need to get your cart code into the same area(code wise) as the rest of the things. You currently have a clear both(new line) after the closing div for the logo stuf and then the cart code

It's no problem at all...do you have any idea how im gonna accomplish this cause im kinda confused.....

Can anyone help me? please i still havent been able to accomplish this

Rickie,

Youe best bet would be place this code

 
<?php echo CART_ITEMS ?> <?php echo $_SESSION['cart']->count_contents() . ', ' . TABLE_HEADING_TOTAL . ' ' . $currencies->format($_SESSION['cart']->show_total());
       ?>

Where ever you want it show that would the simpliest way to do this.

Designing the font, color and so on would be css for example

<div id="cart_content">
<?php echo CART_ITEMS ?> <?php echo $_SESSION['cart']->count_contents() . ', ' . TABLE_HEADING_TOTAL . ' ' . $currencies->format($_SESSION['cart']->show_total());
?> </div>
 

Edit the ID class cart_content to whatever you like.

You can use your own class name if you wish

http://www.echo-electronics.com header is using 11 images with a table (11 tables cells) where you are using 1 image.
Some of the images are background cell images.
They are using the table cell to control where the shopping cart info is placed.
The "Cart" link is in 1 cell, the "Item in cart" is in another cell.
This is letting you know how they did it.

tophand:

http://www.echo-electronics.com header is using 11 images with a table (11 tables cells) where you are using 1 image.
Some of the images are background cell images.
They are using the table cell to control where the shopping cart info is placed.
The "Cart" link is in 1 cell, the "Item in cart" is in another cell.
This is letting you know how they did it.

I appreciate it...which way is more efficient to do? i did it with one because it is a lot easier

rickiesdiscount:

I appreciate it...which way is more efficient to do? i did it with one because it is a lot easier

Not really sure, still new with a lot of this.

You could change your image around.
Shopping cart on the left, your logo on the right.