demonhale — Fri, 01 Jul 2005 00:32:49 +0000

fifeclub wrote: Hi. Thanks for the reply. Before I go on, can you please remove the link to the site from your last post? I used a redirect url to avoid being linked to the site in Google.

Removed

fifeclub wrote:
Now then, I haven't had an opportunity to test out what you suggested yet but I am confused by some items. I notice you removed the float css from #featured_items.

to avoid the overlapping of text

fifeclub wrote:
That's fine and I'll try that later. But I don't understand two other things. Why did you add padding-left: 1px; to #left_column? It lined up perfectly left/right on both IE and FF so wouldn't that just shift it out of horizonal alignment?

you could remove it if you want im just making sure that it wont push the graphics by defining a padding; it wont realine though...

fifeclub wrote:
Also, I don't understand anything about why I would resize my left graphic to 20% of it's current size.

this is beacause the non alignment of the graphics is visible in FF and IE in some instances(too thin for the top image); especially if you want that blue line removed... Just Try it out coz by the way I edited it; Browsers see the same; if thats what you want to happen,

fifeclub — Thu, 30 Jun 2005 16:12:18 +0000

Hi. Thanks for the reply. Before I go on, can you please remove the link to the site from your last post? I used a redirect url to avoid being linked to the site in Google.

Now then, I haven't had an opportunity to test out what you suggested yet but I am confused by some items. I notice you removed the float css from #featured_items. That's fine and I'll try that later. But I don't understand two other things. Why did you add padding-left: 1px; to #left_column? It lined up perfectly left/right on both IE and FF so wouldn't that just shift it out of horizonal alignment? Also, I don't understand anything about why I would resize my left graphic to 20% of it's current size.

demonhale — Thu, 30 Jun 2005 15:42:29 +0000

First you need to resize the size of the image on the left resizing the width to about 20%...

Then Edit Compare the ff, CSS and Html to original... I edited it to fix the problem... Cross browser with FF, Opera and Ie

Image names are different coz i just saved your page...

Heres CSS
body {
margin: 10;
background-color: #063;
color: #000;
font-style: normal;
font-weight: normal;
text-decoration: none;
font-size: 16px;
font-family: times new roman, serif;
}

a:link, a:visited, a:active {
color: #00f;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#main_container {
width: 750px;
background-color: #A8D4FF;
border: 2px solid #000;
}

#header {
width: 750px;
height: 180px;
background-color: #cfc;
background-image: url(template.jpg);
}

#left_column {
background-color: #fff;
background-image: url(templatf.jpg);
background-repeat: repeat-y;
width: 200px;
padding-left: 1px;
height: 100%;
}

#featured_items {
margin-left: 60px;
}

#main_content {
background-color: #fff;
width: 550px;
padding: 10px;
}

.center {
display: block;
text-align: center;
margin: 0 auto 0 auto;
}

Heres Html

A Southern Touch Gifts and Home

//*****************************************
// Blending Image Slide Show Script-
// © Dynamic Drive (dynamicdrive.com)
// For full source code, visit http://www.dynamicdrive.com/
//*****************************************

//specify interval between slide (in mili seconds)
var slidespeed=3000

//specify images
var slideimages=new Array("/graphics/slideshow/front.jpg","/graphics/slideshow/lampe.jpg","/graphics/slideshow/usc.jpg","/graphics/slideshow/baby.jpg","/graphics/slideshow/lamps.jpg")

//specify corresponding links
var slidelinks=new Array("http://www.dynamicdrive.com","http://javascriptkit.com")

var newwindow=0 //open links in new window? 1=yes, 0=no

var imageholder=new Array()
var ie=document.all
for (i=0;i

items section
items section
items section
items section
items section
items section
items section

Website Currently Under Construction.

var whichlink=0
var whichimage=0
var blenddelay=(ie)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage