...

View Full Version : CSS making the table appear too large



ippo
06-19-2012, 12:57 PM
<style type="text/css">

.hovergallery img{
-moz-transform:scale(0.1); /*Mozilla scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: .7; /*initial opacity of images*/
margin: 0 10px 5px 0; /* margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px red; /*Mozilla shadow version*/
opacity: 1;
}

</style>

I applied the above CSS on the below PHP code to get a hover effect of the uploaded images but the table containing the images is appearing too large .What do?


<?php
}
if($_GET[page]=="show")
{
?>
<table border=2 class='hovergallery'>
<tr>
<td>Serial No</td>
<td>Image</td>
<td>Action</td>
</tr>
<?php
$c=1;
while($row=mysql_fetch_array($res))
{
echo "<tr>
<td>$c-$row[id]</td>
<td ><img src='$row[image]'></td>
<td><a href='img.php?del=$row[id]'>Delete</a></td>
</tr>";
$c++;
}
?>
</table>

p.s.: I am using Firefox 12 browser so please run the code in Firefox only.

sunfighter
06-19-2012, 04:02 PM
There are a number of ways of doing this. I'd just copy and paste a code snippet that does what you want. Check this on out http://www.shadowbox-js.com/

ippo
06-20-2012, 06:02 AM
Please someone give me some helpful answer!! :(

Will Bontrager
06-20-2012, 12:33 PM
It would help to post the HTML code generated by the PHP, instead of the PHP code. Then we can see the actual HTML without having to either do a test with your PHP code or guessing.


p.s.: I am using Firefox 12 browser so please run the code in Firefox only.

Some people may use other browsers. Do you really mean to tell them not to bother with helping you?

Will

ippo
06-20-2012, 02:35 PM
Some people may use other browsers. Do you really mean to tell them not to bother with helping you?
No of course not.

Sorry I specified Firefox because I haven't used CSS code for IE or Opera or Google Chrome but I am open to advice from all.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum