Find solution
What's another great website besides Y!A?

Website design problems...Help?

  • Hi, at the min im in the middle of coding a website, ive encountered some problems however... the problem is that some of the pages dont display properly when previewed in a web browser, the images and objects are all over the place and all jumbled up, the strange thing is that they display how i want them to in the design view in dreamweaver so i dont know whats wrong with it... below ive posted the source code and the stylesheet to try see if you can see what ive done wrong :) thanks :) Source code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-… <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>NewOrleans Saints News</title> <link href="newsteamstyles.css" rel="stylesheet" type="text/css" /> <style type="text/css"> </style> </head> <body> <div id="Container"> <div id="leftbox"> <div id="logobox"><a href="index.html"><img src="../photologo.jpg" width="289" height="246" alt="lgo" /></a></div> <div id="newdeal"> <a href="newdeal.html">Drew Brees contract talks </a></div> <div id="colouredspaceone"></div> <div id="probowlteams"><a href="probowlteams.html">Probowl Teams Anounced</a></div> <div id="colouredspace2"></div> <div id="playoffresults"> <a href="http://www.espn.go.com/nfl/story/_… Results 2012 on ESPN</a></div> <div id="colouredspacethree"></div> <div id="opponent"><img src="../pic.jpg" width="294" height="289" /></div> <div id="colouredspaceforu"></div> </div> <div id="mainbox"> <div id="topbox"> <div id="topdivider"></div> <div id="choicebar"> <a href="news.html">News</a> <a href="teams.html">Teams</a> <a href="fixtures.html">Fixtures</a> <a href="videos.html">Videos</a> <a href="fans.html">Fans</a> <a href="shop.html">Shop</a> </div> <div id="middivider"></div> <div id="mainboxbox"> <div id="tickets"> Pre-season<img src="prese.jpg" width="270" height="207" /></div> <div id="saintsindrivingseat"> Regular-season<img src="kickooff.jpg" width="263" height="86" /></div> <div id="saintsations"> Post-season/Playoffs<img src="playyooffs.jpg" width="279" height="207" /></div> </div> </div> <div id="grey"></div> <div id="blacklinkbox">Outside links</div> <div id="blackbox"><a href="http://www.nfl.com"><img src="../nfllogo.jpg" width="65" height="85" /></a> <img src="../nflplayerslogo.jpg" width="77" height="78" /> <img src="../channel logos.jpg" width="102" height="91" /><img src="../shoplogo.jpg" width="77" height="82" /></div> <div id="contact">Contact us - FAQ - Privacy Policy</div> </div> </div> </body> </html> Its the main body part of the page which is affected not the side bar, the bit listed mainbox seems to have the problems. :) Anyways hope ya can help :)

  • Answer:

    Why do people pay the big bucks for Dreamweaver that writes bad code in Visual Mode? ANY good and FREE WYSIWYG Web editor will do just as good as DW. You need to learn how to code/css manually. I think what you need to do is validate your CSS and HTML. Correct any mistakes. Then post your code on sites like http://PasteBin.com/ and post the link here to the code. Since you are using relative paths (as you should), would need the images uploaded to an image hosting site and the full URL to the images ONLY listed in pasted code. Not the page they are own. Validating: Why Validate?: http://validator.w3.org/docs/why.html CSS Validator: http://jigsaw.w3.org/css-validator/ HTML Validator: http://validator.w3.org/#validate_by_uri+with_options Ron

l at Yahoo! Answers Visit the source

Was this solution helpful to you?

Other answers

It would be a lot easier to answer your question if you upload your HTML page, CSS files and images to a server. In the browser, it it easy to see the cause of problems by using Firebug. Can you upload it to your server and update this question with a link to your page?

Dan

Its better to ask some web design expert team which offer free consultancy on this issue... I know the best online graphics design company which offer this type of things to solve out coding issues. You may contact there online support team for help.

Ashley

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.