Jump to content

jjb123

Members
  • Posts

    9
  • Joined

  • Last visited

About jjb123

  • Birthday 07/02/1992

Previous Fields

  • Languages
    php, html, css, javascript, sql

Contact Methods

  • Website URL
    http://jbcomp.net
  • ICQ
    0

Profile Information

  • Location
    Michigan, USA

jjb123's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. Happy birthday. Didn't know you were on W3Schools as well :P

  2. jjb123

    Image Resizing

    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.
  3. jjb123

    footerstick help

    Alright, I got it, I just used http://www.sitepoint.com/forums/showpost.p...amp;postcount=3. Thanks everyone who helped
  4. jjb123

    footerstick help

    That didn't work ether
  5. jjb123

    footerstick help

    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.
  6. It is also better for handicap people because there text to speech software don't have to read:"TABLE PADDING EQUALS ZERObreak breakTABLE ROW..."
  7. jjb123

    footerstick help

    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.
  8. 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.
  9. 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...