SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Addict jodmcc's Avatar
    Join Date
    Dec 2003
    Houston, Texas
    0 Post(s)
    0 Thread(s)

    Unhappy Problems with round corner box

    I am trying to create a round corner box using 3 images, since the round corner tutorial didn't work at all, and I can't figure out why the bottom part of box image is cut off. I feel like everytime I try to do something in CSS, that I'm jumping through hoops to get it to work right even after reading Eric Meyer on CSS and Teach yourself CSS in 24 hours.


    Here is the code:

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


    <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
    <meta name="generator" content="Adobe GoLive 6">
    <title>Welcome to Adobe GoLive 6</title>
    <style type="text/css" media="screen"><!--
    #box { color: black; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin: 0px; border: 0px black; top: 10px; left: 10px; width: 117px }
    .boxTop { background: url(boxTop100.gif) no-repeat 0px 0px; margin: 0px; padding: 10px 15px 10px 10px; border: 0px red }
    .boxMiddle { background: url(boxMiddle100.gif) repeat-y 0px 0px; margin-top: -5px; padding: 0px 15px 0px 10px; border: 0px purple }
    .boxBottom { background: url(boxBottom100.gif) no-repeat 0px 0px; margin: 0px; padding: 0px 15px 10px 10px; border: 0px yellow }

    <body bgcolor="#cccc00">
    <div id="box">
    <div class="boxTop"></div>
    <div class="boxMiddle">This is a test box set at 100 pixels wide. I am trying to see if it will expand when I enter a lot of copy into it.</div>
    <div class="boxBottom"></div>

    Attached Images Attached Images

  2. #2
    SitePoint Member
    Join Date
    May 2005
    0 Post(s)
    0 Thread(s)

    cicles on web page help


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts