simple layout questions

howdy,
few simple questions:
I have set up widths for content and container and column in the css however the border
of the boxes in the column still overflow as well as a line under the "welcome guest, would you like to ...."
overflows to the right. box width is set to 100% so it should stick to column width.

also: I have changed the tab.png file (template/default/image/..) replacing it with my own with the same name and extension.
I can see my new tab images but underneath slightly lower (with a lower z-index) I can still see the old tab.png image.
How do I get rid of it?

I set up a contact us link in the information box and then discovered it comes as a default from the info module.
So I deleted it but it won't go away. How do I get rid of it?

Also where do I change the wording of "Contact Us" and "Site Map" ?

Thanks in advance

/catalog/language/english/controller/sitemap.php  is the language file can can adjust the name there...
and contact.php for the contact us

I set up a contact us link in the information box and then discovered it comes as a default from the info module.

you may have to go into the db and manuly remove the entry..

if you post a url to the site.. I can help more with the template issues

Thanks.

I have changed the names and uploaded but no results.

link is: http://preyasjewellery.com.au/store/

Thanks

Maybe I have a problem w database not updating?

says It needs authorization

Oops sorry forgot about that
it is accessible now

just had a look at it with IE for mac and it is a mess!!

IE windows is not too bad

IE windows does not show that the boxes are overflowing either
must be a FF issue

maybe it is a margin issue

#header .b a (line 77)
{
background-color: transparent;
background-image: url(../image/tab.png);
background-repeat: repeat;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
width: 101px;
height: 21px;
padding-top: 5px;
color: #00cccc;
text-align: center;
text-transform: uppercase;
text-decoration: none;
float: left;
display: block;
cursor: pointer;
}


remove the background transparent line

that should fix it

if you like you can add me on msn for faster chat....

sorry how I missed it I don't know take your repeat line out....

or change to
background-repeat: repeat-x;

or background-repeat: no-repeat;

that's weird.

I don't know where you got that code from but this is what I have in the default.css file (catalog/template/default/css/default.css):

#header .b a {
background: url('../image/tab.png');
behavior: url('catalog/javascript/iepngfix.htc'); 
width: 101px;
height: 21px;
padding-top: 5px;
color: #00CCCC;
text-align: center;
text-transform: uppercase;
text-decoration: none;
float: left;
display: block;
cursor: pointer;
}

I did fix it with adding a no-repeat to the image.

After a long time staring at code it all becomes a bit fuzzy and I tend to miss the obvious.
Time to go surfing...

I still have a problem with alignment of the column and content tables:

CSS is:

#container {
width: 964px;
position: relative;
left: 50%;
margin-left: -489px;
}

#header {
height: 84px;
clear: both;
}

#header .a {
background: url('../image/logo.png') no-repeat;
behavior: url('catalog/javascript/iepngfix.htc');
width: 459px;
height: 61px;
float: left;
position: absolute;
top: 22px;
left: 0px;
}

#header .b {
position: relative;
top: 62px;
float: right;
}

#header .b a {
background: url('../image/tab.png') no-repeat;
behavior: url('catalog/javascript/iepngfix.htc'); 
width: 101px;
height: 21px;
padding-top: 5px;
color: #00CCCC;
text-align: center;
text-transform: uppercase;
text-decoration: none;
float: left;
display: block;
cursor: pointer;
}

#header .b a:hover {

color: #FFFFFF;
text-decoration: none;
cursor: pointer;
}

#header .b a img {
width: 14px;
height: 8px;
}

#column {
width: 180px;
margin: 0px 0px 0px 0px;
padding-top:15px;
float: left;
background-color: #0000cc;
}

#content {
margin: 0px 0px 0px 0px;
float: right;
padding-left: 15px;
border-left: 1px solid #EEEEEE;
width: 758px;
background-color: #ffffff;
}

In IE it does what I want but in FF the column looks like it does not go to the full length though the top borders do go the full length.

Also in the container css you can see the with is 964. adding the column width and content width equals 938 Where are the 26 pixels

You can see what I mean here: www.preyasjewellery.com.au/store

on line

#column (line 104)
{
width: 180px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 15px;
float: left;
background-color: #0000cc;
}



change the width to like 170or 165px



things to remember  firefox counts board 1px width 150  as = 150px
ie will count that as 152px  ie measures/counts the inner as the width and adds the boarder
where firefox will look at a left right board as to be included in the total width of the 150

just a fwe thoughts there

thanks for your suggestions.
however increasing or decreasing the width does just that: increases or decreases the width of the column.
I still have no clue why FF and Opera and Safari (all on Mac) display it the way they do.

it showed the same here...  where it carried over...

I look closer at it later...

okay I got it too look good in ff and O

the style sheet edit I did was line 112

#content {
margin: 0px 0px 0px 0px;
float: right;
padding-left: 15px;
border-left: 1px solid #EEEEEE;
width: 758px;
background-color: #ffffff;
position: absolute;
left: 180px;  <--- had to add the px  to the 190 you had
}

I had taken the absolute positioning out and also the 'left'. You must have downloaded it as I was playing around with it.
However the code you used only moves the content block to the left. As the borders of the boxes in the column are white they fall away against the white background of the content block. They are still there as you can see when you click on bracelets.
Also the width of the content block is now to short.
Making the width larger results in the block fitting in FF but not in IE (probably got to do with what you wrote earlier re how IE measures the block).
Isn't there a simpler way, like creating html tables?

okay well here is an edited version that looks like good in FF ...

try it out..

take a screen shot or 2 of what its doing or what you want it to do and I work on it..
-=Luvz2drv=-

thanks for that.
I can see what you have done.
making the background white works in hiding the box borders that go out of bounds.
Still it does not explain why this is.
Anyhow, FF still displays the border of the heading outside of the content box.
I have made a few changes to the CSS regarding background colours.
Also have take out a few floats. Now I can not move the 'powered by ..' back up.
The new div now puts it on the next line.


Also: I tried to change the information content (change 'Contact us' to 'contact us' in the php files but nothing happened.
Where do I go to change:
Text inside the boxes: 'contact us' and heading 'SHOPPING CART'
'Results 1 - 1 of 1' is now displayed twice: once in the top section above the image of the product and again floating over the image.
I like to get rid of the second one.

I have unchecked resize image so the my client can decide on image size. However what do I change to display a bigger image in the pop-up.
The best solution would be to have a unique automatic image size for every category, or have all the images across the site be resized to a percentage of their original size so that the pop up would still show the correct original.

Thanks heaps.