PHP - Set Max-width To All <img>

Hi Guys   I am using media queries to set a different CSS if a mobile device.  I am using 100% width on certain containers but the styling is using 100% based on the landscape orientation and not whichever way the device is being displayed.   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>   .slicknav_menu{ visibility:visible;

is there a way to make the column width to try not have multiple lines if possible when pulling 200 rows from a database?

hello,

lets say i want 3 of the following columns to only display on 1 line always, is there a way to do that?

Code: [Select]
<th align='center'>Date</th>
<th align='center'>Supplier</th>
<th align='center'>Requested By</th>
<th align='center'>Address of Job</th>
<th align='center'>Job Number</th>
<th align='center'>P.O. Number</th>
<th align='center'>Description</th>
<th align='center'>Amount</th>
<th align='center'>Notes</th>
<th align='center'></th>

This topic has been moved to JavaScript Help.

http://www.phpfreaks.com/forums/index.php?topic=351866.0

i am uploading image to s3 server and by php i am making a copy of that image on server , if i upload an image of 2.3 mb than the width of image is not coming but if i upload less size image like 26kb than it is showing the width of image so it is able to create the copy .

here is my code of php :

$s3 = new S3(awsAccessKey, awsSecretKey);

        $thumbId = uniqid();
        $thumbId .= ".jpg"; 
        $img = '';

        if($imgType == "image/jpeg"){
            $img = imagecreatefromjpeg($sourceUrl);
        }else if($imgType == "image/png"){
            $img = imagecreatefrompng($sourceUrl);
        }else if($imgType == "image/gif"){
            $img = imagecreatefromgif($sourceUrl);
        }else{
            $img = imagejpeg($sourceUrl);
        }

    echo    $width = imagesx( $img );
        echo $height = imagesy( $img );

please tell me what is the problem with size of image..

regards

rahul

hey guys thanks for the upcoming support how do I set the blue to fill up the remaining width of the while maininfo div? I tried setting the width:auto
 

<div class="maininfo">

    <div class="large">2</div>

    <div class="smallblock">

        <div class="smalltop">3</div>

        <div class="small">4</div>

    </div>

    <div class="smallblock">

        <div class="smalltop">5</div>

        <div class="small">6</div>

    </div>

</div>

.maininfo {



    width: 600px;



}



.large {

    float: left;

    height: 95px;

    background-color: blue;

    width:auto;

}





.smallblock {

    float: right;

    height: 90px;

    margin: 0 0 0 5px;

    width: 20%;

}



.small {

background-color: red;

height: 50%;

width: 100%;

}

.smalltop {

background-color: red;

height: 50%;

width: 100%;

    margin-bottom:5px;

}

Edit fiddle - JSFiddle  

i think that z-index is not solution
if you  look
http://www.radio-la.info

if z-index is 1 or more, banner go over web page (bouth), if z-index is 0 or lower, i cann not click on banner, i see only picture from left and right side of web page, available for a click

now, is logical to have z-index on bouth div (banner) value 1 or mor

but, how to count widhth of the banner, (now width of banner is 25% the left is z-index:0; right is z-index:1;)

width = free white space from left or right side of web page

thanks

Hi People. 

Thanks for all the help on here in the past, you have been brilliant.

I run the airfield cards.com website and have a script in the output page that is as follows.
Code: [Select]
To Embed this Card into your website, cut and paste the following code: <input name="generate" value="<? echo "<iframe  src='http://www.airfieldcards.com/php/courtesy_card.php?id=".$id. "' ></iframe>";?>">
Now the way it shows on the site is like this
Code: [Select]
<iframe  src='http://www.airfieldcards.com/php/courtesy_card.php?id=165' ></iframe>
So, I look at the iframe code from google that should be cut and pasted into a website (obviously it's working code from google)
Code: [Select]
<iframe width="700" height="1500" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps/ms?msa=0&amp;msid=203054009368331462137.0004aa731e7de2e86a0e0&amp;ie=UTF8&amp;t=h&amp;vpsrc=0&amp;ll=53.800651,-4.042969&amp;spn=80.03397,61.435547&amp;z=4&amp;output=embed"></iframe><br /><small>View <a href="http://maps.google.co.uk/maps/ms?msa=0&amp;msid=203054009368331462137.0004aa731e7de2e86a0e0&amp;ie=UTF8&amp;t=h&amp;vpsrc=0&amp;ll=53.800651,-4.042969&amp;spn=80.03397,61.435547&amp;z=4&amp;source=embed" style="color:#0000FF;text-align:left">AirfieldCards.com</a> in a larger map</small>
Now I have tried to take the code from the google iframe (width/height/scrolling/etc) and paste it into my source but it doesn't work.

Here's how I have done it.
Code: [Select]
To Embed this Card into your website, cut and paste the following code: <input name="generate" value="<? echo "<iframe  width="700" height="1500" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src='http://www.airfieldcards.com/php/courtesy_card.php?id=".$id. "' ></iframe>";?>">
Can someone please modify my fist lot of code so that I have the correct height and width settings (700 x 1500)

Thanks in advance

Regards
Vince Gledhill

Hi Fellas, having a bit of a brain freeze here, i am trying to set a max width or height for a uploaded image, but my brain has frozen, maybe its the cold weather lol

list($width,$height)=getimagesize($uploadedfile);


$newwidth=250;
$newheight=($height/$width)*$newwidth;
$tmp=imagecreatetruecolor($newwidth,$newheight);

basicly i want to find the biggest size of an image, beit width or height then set that size to 250...

Any pointers here?

how do i set the scrolll width of the page in the iframe, so i can scroll horizontally in the iframe?

Code: [Select]
<Iframe src="test.php?search=<?php echo $search; ?>" width="900px" height="600px"></Iframe>
this sets the iframe perimeter size, but i want the inner size to be much bigger.

maybe a better question is how to increase page size of test.php

Hi folks,

I'm using this code to display a picture that is uploaded in a form.

Code: [Select]

print "<img src='http://www.coast2kosci.com/mylongrun/test/photo_uploads/$imgx' width='300' height='300'  alt='Your photo' />";


At first I tried specifying only the width, without the height. But for tall photos, the display wasn't really what I was after.

Then I specified both width and height, which results in a mis-scaled photo.

Is there any way that I can specify the height and width atributes as a sort of maximum / or limiter. Ie:  If the height is greater than the width, limit the height to 300, and if the width is greater than the height, limit the width to 300?

Thanks for your time,

Dave

Ok, first off CSS is definitely not my strong suit so bear with me here.  This is my code:

<style media="screen" type="text/css">
	/* <!-- */

	.clear{
		clear:both;
	}
		 
	#grid{
		width: 100%;
	}
	 
	.grid-element{
		width:33%;
		float:left;
	}
	
	a.clickable-div {
		display: block;
		height: 100%;
		width: 100%;
		text-decoration: none;
	}
	
	.img {
		height:auto; 
		width:inherit;
		max-height:100%;
		max-width:100%;
	}
	
	.button {
		color: #900;
		font-weight: bold;
		font-size: 150%;
		text-transform: uppercase;
		display: block;
		width: 50%;
	}
	
	/* --> */
</style>
<div id="grid"><div class="grid-element" align="center">
				<img src="images/light_offline.png" class="img">
				<p><h1>Hue Lamp 1
			</h1></div><div class="grid-element" align="center">
				<a href="action.php?light=2&state=false">
					<img src="images/light_off.png" class="img"></a>
					<p><h1>Hue Lamp 2
			</h1></div><div class="grid-element" align="center">
				<a href="action.php?light=3&state=false">
					<img src="images/light_off.png" class="img"></a>
					<p><h1>Hue Lamp 3
			</h1></div></div><p>
<div align="center">
	<form method="POST" action="action.php">
		<input type="hidden" name="scene" value="02b12e930-off-0">
		<input type="submit" value="Scene 1" class="button">
	</form>
	<p><form method="POST" action="action.php">
		<input type="hidden" name="off">
		<input type="submit" value="All Off" class="button">
	</form>
</div>

This is the browser output.  A couple things are wrong:   1. Why aren't the images scaling so they are all the same size?  I assigned the same CSS class to each of the images but they are all appearing differently.  The original images are all the same size.   2. Why are my buttons in the far right corner?  I want to have them centered below the images so as to prevent the horizontal scroll bar, which I hate.     Attached Files  output.png   232.09KB   0 downloads

Hey guys!
I have the following php code that grabs variables (and the browsed image) from Flash.


//FLASH VARIABLES
$Name = $_POST['Name'];
$itemNumber = $_POST['itemNumber'];
$filename = $_FILES['Filedata']['name'];
$filetmpname = $_FILES['Filedata']['tmp_name'];
$fileType = $_FILES["Filedata"]["type"];
$fileSizeMB = ($_FILES["Filedata"]["size"] / 1024 / 1000);


list($filename, $extension) = explode('.', basename($_FILES['Filedata']['name']));
$filename = $Name;
$target = $filename . $itemNumber . "." . $extension;


// Place file on server, into the images folder
move_uploaded_file($_FILES['Filedata']['tmp_name'], "images/".$target);



This works perfect, but what I want to change is the width and height of the uploaded image.
Any ideas/suggestions on how this could be done?

Thanks in advance!!
Cheers!

Hey guys I have a small issue, i have an upload that resizes the image into thumbnail by max width and ratios the width based on that.

Here is my code

$width = 100; //*** Set a Fix Width & Height (Auto caculate) ***//

$size = GetimageSize($images);

$height = round($width * $size[1] / $size[0]);

$images_orig = imagecreatefromjpeg($images);

$photoX = ImagesX($images_orig);

$photoY = ImagesY($images_orig);

$images_fin = ImageCreateTrueColor($width, $height);

ImageCopyResampled($images_fin, $images_orig, 0, 0, 0, 0, $width + 1, $height + 1, $photoX, $photoY);

ImageJPEG($images_fin, $new_images);

What I am wanting to do is instead upload the image with a max height and ratio the width proportionally. What variables do I have to reverse?

I have folder with 100's images, how to find Height and width as Excel sheet?