473,574 Members | 17,882 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Questions on the background: url("http://"); property

Ok I basically am creating a container for a bunch of other <div> tags.
But I want to make four jpegs/gif/whatever that goes in each corner so
they look rounded.

I thought this is how I would do it but I could be wrong.

body {
background:#999 url("http://") no-repeat top left;
background/* */:/**/url("http://") no-repeat top right;
background: /**/url("http://") no-repeat top right;
background/* */:/**/url("http://") no-repeat bottom right;
background: /**/url("http://") no-repeat bottom right;
background/* */:/**/url("http://") no-repeat bottom left;
background: /**/url("http://") no-repeat bottom left;
margin:0;
padding:10px 0 14px;
font:x-small Verdana,Sans-serif;
text-align:center;
font-size/* */:/**/small;
font-size: /**/small;
}

Any suggestions to pull this off easier?

Jul 21 '05 #1
7 5793
Ahh damn, let me clarify.

#container{
position:relati ve;
background:#999 url("http://to_picture") no-repeat top left;
background / * * / :/**/url("http://to_picture")
no-repeat top right;
background: / **/url("http://to_picture") no-repeat top right;
background / * * / :/**/url("http://to_picture")
no-repeat bottom right;
background: / **/url("http://to_picture") no-repeat bottom
right;
background / * * / :/**/url("http://to_picture")
no-repeat bottom left;
background: / **/url("http://to_picture") no-repeat bottom
left;;
width:700px;
padding:0;
margin:auto;
text-align:left;
}

Jul 21 '05 #2
"ry************ @gmail.com" <ry************ @gmail.com> wrote in message news:<11******* *************** @z14g2000cwz.go oglegroups.com> ...
Ahh damn, let me clarify.

#container{
position:relati ve;
background:#999 url("http://to_picture") no-repeat top left;
background / * * / :/**/url("http://to_picture")
no-repeat top right;
background: / **/url("http://to_picture") no-repeat top right;
background / * * / :/**/url("http://to_picture")
no-repeat bottom right;
background: / **/url("http://to_picture") no-repeat bottom
right;
background / * * / :/**/url("http://to_picture")
no-repeat bottom left;
background: / **/url("http://to_picture") no-repeat bottom
left;;
width:700px;
padding:0;
margin:auto;
text-align:left;
}


Ryan,

Web Standards Solutions, by Dan Cederholm, has a discussion of
multiple background images using CSS, starting on page 57.

Basically, you have to assign background images to muliple elements
since each element can only have one background image.

In his example he defines three elements - a blockquote containing two
unique paragraphs - and gives each a different background.
Jul 21 '05 #3
"ry************ @gmail.com" <ry************ @gmail.com> wrote:
background:#999 url("http://to_picture") no-repeat top left;


Aside: url(), without the quotes.
Jul 21 '05 #4
Hmm. Well let me showyou what I want to do.

www.ryanfairchild.com

take a look at the corners I made. I cam up with the solution to do
this.

Make a picture with the corners for each side and palce it in a <div>
without padings or margins.

The only real reason I wanted a for different images in the background
was so it saved load times and made it so the user was not downloading
those top and bottom pics all the time.

If you have any suggestions for any easier way than I implemented this
please let me know.

Jul 21 '05 #5
in comp.infosystem s.www.authoring.stylesheets, Martin Bialasinski wrote:
"ry************ @gmail.com" <ry************ @gmail.com> wrote:
background:#999 url("http://to_picture") no-repeat top left;


Aside: url(), without the quotes.


Very aside. It is not really worth bandwith safe.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Jul 21 '05 #6
Lauri Raittila <la***@raittila .cjb.net> wrote:
in comp.infosystem s.www.authoring.stylesheets, Martin Bialasinski wrote:

Aside: url(), without the quotes.


Very aside. It is not really worth bandwith safe.


Gee, I had somehow remembered that quotes are illegal at this
place. They are not if I read the spec correctly.

string1 \"([\t !#$%&(-~]|\\{nl}|\'|{non ascii}|{escape} )*\"
string2 \'([\t !#$%&(-~]|\\{nl}|\"|{non ascii}|{escape} )*\'
string {string1}|{stri ng2}
url ([!#$%&*-~]|{nonascii}|{es cape})*
"url("{w}{strin g}{w}")" {return URI;}
"url("{w}{url}{ w}")" {return URI;}
Jul 21 '05 #7
Hey, guys thanks alot for the help I am just going to stick with my
current solution as it works pretty well.

Jul 21 '05 #8

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

Similar topics

1
2924
by: Manjesh Gowda | last post by:
Hi all, I am maintaing a persistent HTTP connection using the "HTTP CONNECT" method , this works fine for many proxies like Squid, ISA , etc. But the iPlanet proxy disconnects the conneciton after 15 mins. It fires the HTTP 501 status code saying " Server Internal Error". Is there any way the i can overcome this problem and maintain a...
17
7249
by: Torbjørn Pettersen | last post by:
I've got a table where I want some of the cells to use a background image. The cells have variable height, so I am using an image with a rather small height to fill up the background of the cells, thus making I look like one high image in there. When validating it, I get this error: there is no attribute "BACKGROUND" The validators also...
4
461
by: Charles Law | last post by:
When displaying the Color Picker for a web page (in the VS IDE), Background is listed on the System Colors tab. Also, Color.FromName("Background").IsNamedColor returns True. However, Background is not a member of the SystemColors class, and it is not
4
2447
by: Martin | last post by:
Hi, From Page1.asp, I use "Server.transfer" to "REDIRECT" to another asp page (page2.asp), in page2.asp I use Request.ServerVariables("URL") and Request.ServerVariables("REFERER") to get the lastpage and the actual page, this method (or property) return incorrect values: "Page1.asp" and "" Why? Martin
8
2224
by: Maxwell2006 | last post by:
Hi, Using ASP.NET 2.0, I have this tag in my asp page: <td runat =server background="~/Images/Header2.gif">&nbsp;</td> The problem is when I run the page, the server side TD tag renders in this format in html output:
1
1864
by: wstach | last post by:
Hi, I'm using Windows XP, IIS & ASP to develop a web service that executes several programs (command line .exe files) on a server, shows next webpage with info on progress in execution, and presents the results page. Basically, on the first webpage (html) user chooses which programs are to be executed, and then an asp script runs the...
7
2227
by: chardish | last post by:
Hello, Is it possible to make a div part of the "background"? In other words, I want it to always render if that part of the screen is showing, but not create scrollbars under any circumstances. Furthermore, I want it to obey the same positioning rules as a normal div. And (like a background image) I don't want the presence of this div to...
0
7820
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...
0
7738
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
1
7835
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...
0
8121
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...
0
6486
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...
1
5635
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...
0
5325
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
1
2255
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
1
1360
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.