Jump to content

jjb123

Members
 View Profile  See their activity

  • Posts

    9

  • Joined

  • Last visited

 Content Type 

Posts posted by jjb123

    Image Resizing

    in PHP

    Posted

    Hi, I am trying to resize an image. I run the following code and get no errors, but the image does not crop. I have GD installed.

    $thumbnail = "./includes/gallery/images/thumbs/$thumbtocopy";$newthumbnail = imagecreatetruecolor(70, 70);$thumbtosize = imagecreatefromjpeg($thumbnail);$thumbsize = getimagesize($thumbnail);$newwidth = $thumbsize[0] / 2;$newheight = $thumbsize[1] / 2;$cropLeft = ($newwidth/2) - ($width/2);$cropHeight = ($newheight/2) - ($height/2);imagecopyresampled($newthumbnail, $thumbtosize, 0, 0, $cropLeft, $cropRight, 70, 70, $newwidth, $newheight);imagedestroy($newthumbnail);imagedestroy($thumbtosize);

    The directory is also set to 777. Whats wrong? Thank you.

    footerstick help

    in CSS

    Posted

    Nope, that just yields that same thing that I was able to do before, the footer is at the bottom with about 10 pix between it and the end of the browser window, the footer it about 5 pix to far left, and the part I want to stretch (contentbody in the code I gave) I can't even tell if it stretches because even through the background is white (distinguishable from page background) the white just cuts off right were the footer would have been. Here is a picture. 4gg7s0j.jpg

    footerstick help

    in CSS

    Posted

    I am trying to get my footer to stick on the bottom of the page, to no avail. I have tried the FooterStickAlt think and can't get it to work.Here is the html.

    <!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"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><link rel="stylesheet" type="text/css" href="themes/default/style.css" /></head><body><center><div class="container"><div id="notfooter">	<!-- Top Most Header Images -->	<div class="headercontainer">		<div class="floatleft">			<img src="themes/default/images/logo.gif" />		</div>		<div class="floatright">			<img src="themes/default/images/contactlogo.gif" />		</div>	</div>	<!-- Main Body -->	<center>	<div class="contentbody">	<br /><br />		</div></div><div id="footer"><div class="footercontent"></div></div></div></body></html>

    And here is the CSS.

    .container {width: 807px;}.bodycontainer {width: 798px;background-color: #FFFFFF;height: 100%;}.headercontainer {width: 798px;height: 111px;background-image: url(images/headerbg.gif);}.footercontent {width: 798px;height: 31px;background-image: url(images/footerbg.gif);}html {height: 100%;}body {height: 100%;}#notfooter{position: relative;min-height: 100%;}* html #notfooter{height: 100%;}#footer{position: relative;margin-top: -7.5em;}.contentbody {width: 797px;background-color: #FFFFFF;}

    What happens when I use the above code is that the footer somehow escapes the container div and randomly floats up and to the left a little. When I apply a "position:absolute; bottom: 0;" to the footer it sticks to the bottom but the non footer stuff doesn't and the footer shifts left. What should I do? Thank you everyone. :)

    Setting inside size of a element

    in CSS

    Posted

    Ok,Here is the CSS

    .tabcontainer {width: 790px;height: 36px;border: solid;border-width: 1px;border-left: 0px;border-right: 0px;margin: 0px;padding: 0px;}.tabcontainer ul {margin: 0;float:left;}.tabcontainer ul li {display: inline;}.tabcontainer ul a.button:link {background-image: url(images/middle.gif);padding: 18px 50px 18px 50px;}.tabcontainer ul a.button:visited {background-image: url(images/middle.gif);padding: 18px 50px 18px 50px;}.tabcontainer ul a.button:hover {background-image: url(images/middlehover.gif);padding: 18px 50px 18px 50px;}.tabcontainer ul a.button:active {background-image: url(images/middle.gif);padding: 18px 50px 18px 50px;}

    And here is how it would be displayed

    <div class="tabcontainer"><ul><li><a href="index.php">Link1</a></li><li><a href="index.php">link2</a></li></ul></div>

    I want that padding in the css to not even notice the text in the div so that it is a fixed size and displays the entire background, but it this is not possible is there another way to do it? I really don't want to make 100 rollover images for the site.Thank you.

    Setting inside size of a element

    in CSS

    Posted

    Hi everyone, I am trying to make a div button with text in it that has a background image that is an exact width and height. I want the button to display the whole background image and the text inside the div. The problem is that when I don't set padding not the whole image is display, just the text and the background image clipped to the text's width and height but when I do set padding the padding notices the text and throws off the measurements. Basically I want a css rollover button with a width and height that can't change no matter the text in the div and that displays the whole background image. And ideas? Thanks.

×
×
  • Create New...