r4esh
08-27-2006, 05:43 PM
So i'm working on the photography site www.azurmele.com and I'm having some trouble with the CSS side. I was looking to make the whole page absolute centered, but that isn't working. Aslo there are gaps between images, whats the deal with that, how do I make that stop?
CSS is at : http://www.azurmele.com/media/stylesheet/screen.css
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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="Welcome to Azur Mele's personal online photography Portfolio" /> <meta name="keywords" content="azur, mele, photography, photo, print, service, services, prints, portfolio, bio, info, flash, r4esh, design, studios, art, picture, camera, digital" /> <title>Azur Mele's Online Portfolio</title>
<link rel="Shortcut Icon" type="image/ico" href="../favicon.ico" />
<label></label>
<head>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="feed/" />
<link rel="Shortcut Icon" type="image/ico" href="icon.ico" />
<link rel="stylesheet" href="http://www.azurmele.com/media/stylesheet/screen.css" media="screen,projection" type="text/css" />
<!--[if IE]>
<link href="http://www.azurmele.com/media/stylesheet/ie.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Dream ND</title>
<style type="text/css">
<!--
body {
background-color: #1D1D1D;
}
body,td,th {
color: #FFFFFF;
}
-->
</style></head>
<body>
<div id= "main">
<p align="center"><img src="/1.jpg" alt="" width="1200" height="89" align="bottom"/>
<div id="center">
<div align="left"><img src="/2a.jpg" width="268" height="427"/>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="640" height="427" title="Azur Mele's Portfolio">
<param name="movie" value="/azurmele2.swf" />
<param name="quality" value="high" />
<embed src="/azurmele2.swf" width="640" height="427" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>
<img src="/2b.jpg" width="293" height="427"/></div>
</div>
</p>
<img src="/3.jpg" width="1200" height="86" align="top"/></div>
</div>
<div id="copy">
<div align="center"><img class="top" border="0"
src="/copyright.gif" width="157" height="20"/></div>
<div id="r4esh">
<div align="center"><img class="top" border="0"
src="/r4esh.gif" width="86" height="16"/></div>
</body>
</html>
Thanks guys.
CSS is at : http://www.azurmele.com/media/stylesheet/screen.css
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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="Welcome to Azur Mele's personal online photography Portfolio" /> <meta name="keywords" content="azur, mele, photography, photo, print, service, services, prints, portfolio, bio, info, flash, r4esh, design, studios, art, picture, camera, digital" /> <title>Azur Mele's Online Portfolio</title>
<link rel="Shortcut Icon" type="image/ico" href="../favicon.ico" />
<label></label>
<head>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="feed/" />
<link rel="Shortcut Icon" type="image/ico" href="icon.ico" />
<link rel="stylesheet" href="http://www.azurmele.com/media/stylesheet/screen.css" media="screen,projection" type="text/css" />
<!--[if IE]>
<link href="http://www.azurmele.com/media/stylesheet/ie.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Dream ND</title>
<style type="text/css">
<!--
body {
background-color: #1D1D1D;
}
body,td,th {
color: #FFFFFF;
}
-->
</style></head>
<body>
<div id= "main">
<p align="center"><img src="/1.jpg" alt="" width="1200" height="89" align="bottom"/>
<div id="center">
<div align="left"><img src="/2a.jpg" width="268" height="427"/>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="640" height="427" title="Azur Mele's Portfolio">
<param name="movie" value="/azurmele2.swf" />
<param name="quality" value="high" />
<embed src="/azurmele2.swf" width="640" height="427" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>
<img src="/2b.jpg" width="293" height="427"/></div>
</div>
</p>
<img src="/3.jpg" width="1200" height="86" align="top"/></div>
</div>
<div id="copy">
<div align="center"><img class="top" border="0"
src="/copyright.gif" width="157" height="20"/></div>
<div id="r4esh">
<div align="center"><img class="top" border="0"
src="/r4esh.gif" width="86" height="16"/></div>
</body>
</html>
Thanks guys.