CSS Forum

**simster** · 07-07-2008, 07:50 AM

i cant get my image to valign

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    
 <title>Untitled</title>
<style type="text/css">
div.imgwrap{
    margin: 10px;
    padding: 0;
    float: left;
background:url(border.png);
    height:200px;
    width:200px;
    text-align:center;
}

div.img {
margin: 25 auto;
width: 150px;
height: 150px;
}
</style>
</head>

<body>
<div class="imgwrap">
<div class="img">
<img src="photos/tn_1.jpg" />
</div>
</div>
<div class="imgwrap">
<div class="img">
<img src="photos/tn_2.jpg" />
</div>
</div>

</body>
</html>

**wayfarer07** · 07-07-2008, 09:43 AM

When I want an image to align vertically, I make it into a background image, and position it like this:

HTML Code:

<style>
div#myimage {
background: url(../folder/myimage.jpg) left center no-repeat;
}
</style>

**simster** · 07-07-2008, 02:59 PM

im making a php (maybe with mysql) photo gallery so i that will not work.

**wayfarer07** · 07-07-2008, 03:07 PM

Sure it will, all you need to do is create a .php file with a header in it like this:

PHP Code:


			
<?php header("Content-type: text/css"); ?>

then link to it as if it were a regular CSS file(as far as the browser is concerned it is). Now, you can have dynamic content in the CSS doc, as well as access to a database. I don't recommend you do this with all of your CSS documents, however, because of caching issues.

**chrishirst** · 07-08-2008, 03:11 AM

vertical-align only applies to inline elements in the same container.

http://www.candsdesign.co.uk/referen...ertical-align/