Yamaha32088 Posted March 18, 2008 Share Posted March 18, 2008 Alright I am having problems figuring out how to position different images I will include two photos and the code for both the HTML and CSS. Picture that needs to be fixed Picture of what it needs to look like HTML code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="file:///C|/Documents and Settings/Owner/My Documents/PCPAGEADS/fff.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="Content"> <p><img src="file:///C|/Documents and Settings/Owner/My Documents/PCPAGEADS/1333.jpg" width="780" height="69" /><br /> <img src="file:///C|/Documents and Settings/Owner/My Documents/PCPAGEADS/10.jpg" width="600" height="34" /><img src="file:///C|/Documents and Settings/Owner/My Documents/PCPAGEADS/11.jpg" width="180" height="25" align="texttop" /><br /> <img src="file:///C|/Documents and Settings/Owner/My Documents/PCPAGEADS/13.jpg" width="192" height="53" class="span" /><img src="file:///C|/Documents and Settings/Owner/My Documents/PCPAGEADS/14.jpg" width="408" height="53" /><img src="file:///C|/Documents and Settings/Owner/My Documents/PCPAGEADS/12.jpg" width="180" height="26" /></p> </div> </body> </html> CSS Code @charset "utf-8"; body { margin:50px 0px; padding:0px; text-align:center; } #Content { width:780px; margin:0px auto; text-align:left; padding:15px; background-color:#FFFFFF; } #normal { background-image: url(1333.jpg); height: 69px; width: 780px; } .span { Quote Link to comment Share on other sites More sharing options...
TheFilmGod Posted March 18, 2008 Share Posted March 18, 2008 replace things like: file:///C|/Documents and Settings/Owner/My Documents/PCPAGEADS/fff.css to relative linking. Make your html/css uniform and consistent. Currently, you have some weirdly closed classes/ids in css. This confuses me since there is a ton of code to comprehend. The major problem that I think is causing this behavior is that you have <img /> within <p> element. That doesn't seem to work in the hierarchy of html. <p> is used for text not to enclose images. You should use a <div probably instead. Quote Link to comment Share on other sites More sharing options...
Yamaha32088 Posted March 18, 2008 Author Share Posted March 18, 2008 Thanks for the reply I will try that out and see how it works Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.