TheCatapult Posted March 12, 2012 Share Posted March 12, 2012 <html><head> <title>Test!</title> <style type="text/css">#Logo{ width: 768px; height: 128px; position: absolute; top: 0px; left: 0px;}#Navigation{ width: 768px; height: 35px; position: absolute; top: 128px; left: 0px; </head> </style> <body><div id="Logo"><img border="0" src="logo.png" alt="Programs" width="768" height="128" /> </div><div id="Navigation"><img border="0" src="1.png"/><img border="0" src="2.png"/><img border="0" src="3.png"/> </div> </body> </html> Images has indent. Please help me to remove the indent to each image. http://catapultphpmysql.eu.pn/testwebsite/ Link to comment Share on other sites More sharing options...
Ingolme Posted March 12, 2012 Share Posted March 12, 2012 You mean that you have put spaces between the images. Images are inline blocks, which means that they behave like a character. If you have spaces or line breaks in your code, they will show up as a space when the document is rendered.You should probably consider validating your code. Link to comment Share on other sites More sharing options...
fuzzylr Posted March 12, 2012 Share Posted March 12, 2012 I am not sure which version of html your trying to write the code in. Here is a good example of how you could do it in HTML5. http://www.w3schools.com/html5/tag_nav.asp Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.