Hey everyone. Brand new here! I am a functional html coder and nothing else, but can figure out stuff when I have to. But here my lack of knowledge fails me! I just finished a design in photoshop. I sliced it up and was using the HTML that photoshop gave me. However, when viewing the page in firefox (no problems in IE), there are these inexplicable lines that separate the images. Doing my research, everyone on these forums and others says the fix is to convert the tables to divs. But I have absolutely no idea how to do that. Here's the site. It's pretty simple and straight forward: http://www.justonesimplequestion.com/website.html Thanks everybody Mitch
Pretty simple - Do something like... Take all the text off the picture that you don't want as an image, i.e the list in the middle Save the image as one whole image Have 2 divs <div id="container"> <div id="content"> <!-- Content goes here, ie <li> List stuff </li> </div> </div> Then style with css the container div with width -of image height - of image margin: 0 auto; <-- Centers it background: url for image Then the content div style with padding-top and padding-left to align the list to where you want inside the container div Be easier to ditch the go button all together and use a text link since you're uncomfortable with xhtml/css
photoshop can generate html code with divs. watch - Create Web Page using Photoshop - tutorial on youtube regards