473,804 Members | 3,447 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Images on Corners of a Div?

http://www.firasd.org/scrapbook/poet...vercheevy.html

This is probably wishful thinking, but it's worth a shot.. is there a
way to put four different images on the corners of the bordered div? To
make it look framed, kinda?
Jul 20 '05 #1
24 2860
On Wed, 04 Feb 2004 01:58:14 -0500, Firas D. <fd********@fir asd.org> wrote:
http://www.firasd.org/scrapbook/poet...vercheevy.html

This is probably wishful thinking, but it's worth a shot.. is there a
way to put four different images on the corners of the bordered div? To
make it look framed, kinda?

I don't know how to do that, if it is possible. But I can tell you that
Miniver Cheevy was published in 1910 so it is public domain.

(Anything before 1923 is public domain, and some items after are as well
if they were never renewed. I believe starting in 2013 works will again
enter the public domain one year at a time. All this presupposes the
current legal cases against the Sonny Bono Act will not succeed, of
course.)
Jul 20 '05 #2
> This is probably wishful thinking, but it's worth a shot.. is there a
way to put four different images on the corners of the bordered div? To
make it look framed, kinda?


Not as far as I know - a lot of people have tried... and succeeded to some
degree but it's not really well supported.

There is a mozilla-specific CSS style [i forget what it is now maybe someone
else knows] that creates rounded edges on borders.

Nickos.
Jul 20 '05 #3
On Wed, 04 Feb 2004 08:14:45 GMT, e n | c k m a <bo*@marley.com > wrote:
This is probably wishful thinking, but it's worth a shot.. is there a
way to put four different images on the corners of the bordered div? To
make it look framed, kinda?


Not as far as I know - a lot of people have tried... and succeeded to
some
degree but it's not really well supported.

There is a mozilla-specific CSS style [i forget what it is now maybe
someone
else knows] that creates rounded edges on borders.

I did see one page where they had before and after stuff, it was a fixed
width div and the top border (including the corners) was one wide GIF, the
bottom the same, and each line had a before and after border too. Of
course, this has its own set of problems...

Jul 20 '05 #4
"e n | c k m a" <bo*@marley.com > writes:
This is probably wishful thinking, but it's worth a shot.. is there a
way to put four different images on the corners of the bordered div? To
make it look framed, kinda?


Not as far as I know - a lot of people have tried... and succeeded to some
degree but it's not really well supported.

There is a mozilla-specific CSS style [i forget what it is now maybe someone
else knows] that creates rounded edges on borders.


..rounded {
\-moz-border-radius: 2em;
}

Also \-moz-border-radius-topright, etc.

Cautions:
Put it in an @import stylesheet or older browsers will complain
Put the style in a separate style block or a few browsers (Opera 6,
IIRC) will ignore the whole style block - so
..main {
padding: 1em;
\-moz-border-radius: 0.5em;
}
is not as good as
..main {
padding: 1em;
}
..main {
\-moz-border-radius: 0.5em;
}

--
Chris
Jul 20 '05 #5
On Wed, 04 Feb 2004 01:58:14 -0500, Firas D. <fd********@fir asd.org> wrote:
http://www.firasd.org/scrapbook/poet...vercheevy.html

This is probably wishful thinking, but it's worth a shot.. is there a
way to put four different images on the corners of the bordered div? To
make it look framed, kinda?

Read this: http://www.alistapart.com/articles/customcorners/
Jul 20 '05 #6
Neal <ne*****@spamrc n.com> wrote:
I don't know how to do that, if it is possible. But I can tell you that
Miniver Cheevy was published in 1910 so it is public domain.

(Anything before 1923 is public domain, and some items after are as well
if they were never renewed. I believe starting in 2013 works will again
enter the public domain one year at a time. All this presupposes the
current legal cases against the Sonny Bono Act will not succeed, of
course.)


It also presupposes something much more fundamental, namely that the
entire population of planet Earth is governed by the laws of the
United States of America.
Jul 20 '05 #7
"Firas D." <fd********@fir asd.org> wrote:
http://www.firasd.org/scrapbook/poet...vercheevy.html

This is probably wishful thinking, but it's worth a shot.. is there a
way to put four different images on the corners of the bordered div? To
make it look framed, kinda?


You got two options:
[1] Wait ten years until CSS3 is widely deployed:
[2] Wrap it in four DIVs:-
<div class="content one">
<div class="content two">
<div class="content three">
<div class="content four">
and use the classes .one .two etc. to put background images in the
corners. This ugly markup is marginally better than using a table
which would require 9 cells just to place the 4 corners.

Now let's talk about XML. Here's how the page begins, complete with
the fuzzy dice and all:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

And here's how it continues:

<div class="content" >
<center>
<b>Miniver Cheevy</b><br>
<tt>Edwin Arlington Robinson</tt>
</center>
<p>
Miniver Cheevy, child of scorn,<br>
&nbsp;&nbsp;&nb sp;Grew lean while he assailed the seasons<br>
He wept that he was ever born,<br>
&nbsp;&nbsp;&nb sp;And he had reasons.
<p>

I thoroughly approve of using simple paragraphs and line breaks (the
trendies would have you marking that up with a lot of <li>...</li>
because you know, "A poem is a list of lines," "A gallery is a list of
images," "A navigation bar is a list of links"...), but since it is
fad-compliant XHTML, one <p> should </p> before the next <p> opens.

(Those <br>s look too normal to be fashionable, too.)
Jul 20 '05 #8
On 4 Feb 2004 05:06:47 -0800, Karl Smith <go************ @kjsmith.com>
wrote:
Neal <ne*****@spamrc n.com> wrote:
I don't know how to do that, if it is possible. But I can tell you that
Miniver Cheevy was published in 1910 so it is public domain.

(Anything before 1923 is public domain, and some items after are as well
if they were never renewed. I believe starting in 2013 works will again
enter the public domain one year at a time. All this presupposes the
current legal cases against the Sonny Bono Act will not succeed, of
course.)


It also presupposes something much more fundamental, namely that the
entire population of planet Earth is governed by the laws of the
United States of America.


I suppose so. Though the purpose of this change in US law was to bring us
closer to the international standard. One would assume that this means in
most of the world similar dates would apply.

Of course, I am not a copyright lawyer, we all know that, and my advice
is, as always, worth the price.
Jul 20 '05 #9
Firas D. wrote:
This is probably wishful thinking, but it's worth a shot.. is there a
way to put four different images on the corners of the bordered div? To
make it look framed, kinda?


Wait for CSS3! <g>

3.4 The Border Image properties
http://www.w3.org/TR/2002/WD-css3-bo...e-border-image

--
Steve

If you can spend a perfectly useless afternoon in a perfectly useless manner,
you have learned how to live. -Lin Yutang
Jul 20 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

6
8510
by: rzed | last post by:
I'm using PIL to generate some images which may be rotated at the user's option. When they are rotated, the original image is cropped in the new image (which is fine), and the corners are black (which is not, in this case). I can't find any documented way to change the default fill color (if that's what it is) for the corners, and PIL also doesn't seem to support a flood fill. I have created a flood fill in Python, which works but which...
5
5355
by: Peter Cartwright | last post by:
Positioning four corner images in a stretchable box is possible using a table. But can it be done in CSS?
1
1956
by: matt | last post by:
Hi, I have two pairs of image. In each pair there is one image that is masked by the other. I have then attempted to overlay them. However, the image that is being masked has white corners. How can I make these corners transparent. An example is shown at http://portcanal.co.uk/filter.html What I would like is for the background to the yellow triangle pair to be transparent. How do I do this? Thanks.
4
1141
by: Mel | last post by:
i have a +.gif image and i want to change it to -.gif image when user clicked on it. so i have something like: img.src=(img.src == "+.fig" ? "-.gif" : "+.gif"); that works on the first click, but it never changes there after. can someone please come to ma rescue ?????
3
4882
by: blaq | last post by:
My latest project is almost done. It looks great in Firefox; I only have two IE bugs left to squash, yay! Please refer to http://www.blaqzone.com/Temp/Popfuel/ . Crib notes: - "reset.css" is a safety net that establishes some basic values. Coded by Matt Wilcox, found at meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/#comment-989 ..
8
2431
by: TheCornjerker | last post by:
I've been looking into what method I should use to show rounded corners (and I've found a lot). My question is why does Google seems to mostly use the table method with an image in each corner. Granted they do use a transparent gif so they don't need multiple colored gifs, but I thought most developers shun the table rounded corner method. Any thoughts why? Is it easier to maintain or have a higher browser support? Thanks.
3
1657
by: coltrane | last post by:
I created a rounded rectange using a graphic package. The fill color is set to transparent. when I try to use it as a border for a table the images is displayed and the table is placed below the image. First can this be done? is so how? My latest attempt is something like this <table cellspacing=1 cellpadding=1 width=200 border=1 ID="Table1"> <img src="images/image4.jpg"> <tr>
2
1793
by: Miked | last post by:
Hi: I have the following container: #left { float: left; color: #ffffff; width: 190px; margin-right: 5px;
6
1978
by: rupinderbatra | last post by:
Hello Everyone, I am working on a website and while trying to make rounded corners, I used a header and footer with rounded corners and a div between them to contain the text. In Internet Explorer 7 and Firefox 2.0, it renders properly showing it all as a single rounded table. However, in IE 6.0, the middle div expands horizontally beyond the width of the header and footer. The page is hosted at http://www.cambiumfunds.com/fund_bom.html...
0
9711
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
10594
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
1
10331
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
10087
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
7631
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5529
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
5667
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4306
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
3001
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.