SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Addict jodmcc's Avatar
    Join Date
    Dec 2003
    Location
    Houston, Texas
    Posts
    227
    Mentioned
    0 Post(s)
    Tagged
    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.

    John

    Here is the code:

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

    <html>

    <head>
    <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 }
    --></style>
    </head>

    <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>
    </div>
    </body>

    </html>
    Attached Images Attached Images

  2. #2
    SitePoint Member
    Join Date
    May 2005
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    cicles on web page help



Bookmarks

Posting Permissions

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