[thelist] CSS image position

Andrew Maynes andrew at humanbehaviour.co.uk
Sun Jan 19 08:17:01 CST 2003


Thank you David

I was trying to avoid using more tables and really wanted a CSS solution.
Saying that, this of course is the solution and has cleared my brains traffic
jam, which is currentlt congested with php, mysql, xml issues....

Thank you
Andrew

-----Original Message-----
From: thelist-admin at lists.evolt.org [mailto:thelist-admin at lists.evolt.org]On
Behalf Of David Treves
Sent: Sunday, January 19, 2003 13:24
To: thelist at lists.evolt.org
Subject: Re: [thelist] CSS image position


Hi there,

I believe you know already this solution, but I will share it with you
anyway...  :o)

set a <TABLE> inside the <TD> and than you will be able to divide the inner
table to 4 TDs each will have the appropriate bg image.

HTH,
David Treves.

----- Original Message -----
From: "Andrew Maynes" <andrew at humanbehaviour.co.uk>
To: "Thelist at Lists. Evolt. Org" <thelist at lists.evolt.org>
Sent: Sunday, January 19, 2003 3:06 PM
Subject: [thelist] CSS image position


> This is probably impossible but there must be a way around it and more
than
> likely involves *not* using tables!
>
> I have a right <TD> and want to position corner images at the top and
bottom of
> the <TD> but it is only possible to have one backround image with the same
> class:
>
> TD.rightfill {
> color : #000000;
> background-color :#DBDBD2;
> border : 0px solid #FFFFCC;
> width : 19%;
> margin:5px 5px 0px 5px;
> background-image: url(../images/rcorner.gif);
> background-repeat: no-repeat;
> background-position: top right;
> background-attachment: fixed;
> font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
> font-size : 11px;
> padding-left : 5px;
> }
>
> So how would I over come this so that I can create 4
>
> background-image: url(../images/ltcorner.gif);
> background-image: url(../images/rtcorner.gif);
> background-image: url(../images/rbcorner.gif);
> background-image: url(../images/lbcorner.gif);
>
> Thanks
>
> Andrew
>
>
> --
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !

--
* * Please support the community that supports you.  * *
http://evolt.org/help_support_evolt/

For unsubscribe and other options, including the Tip Harvester
and archives of thelist go to: http://lists.evolt.org
Workers of the Web, evolt !

---
Incoming mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.443 / Virus Database: 248 - Release Date: 10/01/2003




More information about the thelist mailing list