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 { Link to comment https://forums.phpfreaks.com/topic/96793-help-positioning/ 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. Link to comment https://forums.phpfreaks.com/topic/96793-help-positioning/#findComment-495359 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 Link to comment https://forums.phpfreaks.com/topic/96793-help-positioning/#findComment-495409 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.