Hi,
I am new here. i need help from you peoples. i am stuck in making css in div for rounded corner image. the problem is that i want this css not to be fixed it should be in 100% in height and width. i have maked this in table with css and its work fine but when i use div then i really screw up and didn't get any trick to solve it. can any one help me how to make this. i have uploaded the image please see the image below. you will notice that this box have bevels on top,side and bottom.all this should be in 100%.
so any one here can tell me what will be the html and css for this image?
Thanks,
Khurram 
3  1582 
I could show you a picture of the correct image but that would do you as much good as your picture of that image. Without your complete code or a link it's impossible to help you.
I could show you a picture of the correct image but that would do you as much good as your picture of that image. Without your complete code or a link it's impossible to help you.
Hi,
Please download the zip file of sliced images at the end of the msg, you will get an idea what i am trying to do, you will find corner images, repeating images etc. i just want this box to be in div no links nothing else just this box in div with 100% width and height, middle part would be for content and no matter at what resolution you see the div should fix to 100% width and 100% height and content should also no go out from the div.
let me know if you can help me in this matter i need only html and css for this box nothing else. zip file here
Thanks,
Khurram
KevinADC 4,059
Recognized Expert Specialist
Mate, this is not a code writing service. You start the code, we help. Not you post what you want and we write it for you.
Sign in to post your reply or Sign up for a free account.
Similar topics | |
by: Fred Zilz |
last post by:
I am trying to use an external style sheet to create a round cornered
box. I am have difficulties correctly referencing my class in my
style sheet. I am posting an excerpt from my style sheet:
<code>div.prodlinks {font-family:Aria; float:right;
vertical-align:top; font-size:10px; background-color:#efbc24; }
div.prodlinks h1 {font-weight:bold; text-decoration:none;
font-size:12px;font-family:Arial;margin: 0 10px;...
|
by: harish |
last post by:
Hi everyone,
How to make a round corner dorders using div? with
images or without images. Pls help me!
--
harish
------------------------------------------------------------------------
harish's Profile: http://www.highdots.com/forums/m11
View this thread: http://www.highdots.com/forums/t174579
|
by: Stephen Takacs |
last post by:
I've been reading lots of rounded corners table tutorials lately,
because I'm a Perl guru, not an HTML guru. :-) So far all of the
examples I've seen have edges with narrow angles, which fit easily into
a single corner cell. Simple stuff. Piece of cake. By now I can do
them in my sleep while juggling hippopotamuses and hanging upside down.
But this one is different. In this particular case, it takes three
corner edges to hold each...
|
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.
|
by: Stuart Ferguson |
last post by:
I am looking to create the effect shown in the image
(http://img291.imageshack.us/img291/4476/effectuc6.jpg) this is taken
from www.asp.net. I was wondering if there is a specific technique to
creating this rounded corner effect (e.g. a css class or server side
ASP.Net component) or is this as simple as creating a gradient image
with rounded corners and reusing throughout the site.
Many Thanks
Stuart
| | |
by: Cruelemort |
last post by:
All,
I have a div in my page that has a set width of 1000px, height of
200px, inside this i declare two more div's, both relatively
positioned and floated left, the first is placed to the top left of
the box and is a 30px square, the other one is set to 970px and is
naturally positioned next to the square and so fills all the way to
the right hand edge of the box.
Now i need the second (wider) box to overlap the square and so start
|
by: rfox |
last post by:
Searching the web, there seems to be a myriad of ways to achieve
rounded corners on a fixed-width div. I'm looking for suggestions on
the simplest, most straight-forward method of achieving this.
Thanks.
-Ray
|
by: raknin |
last post by:
Hi,
I am looking for a css and js solution for making rounded corners, with no images. Currently I tried to use nify corners as describe in http://www.html.it/articoli/nifty/index.html in example 4, a problem occure when I try to use it in a table. What happen is that a multi windows opens overlapping one over the other in one cell and in the other cell the script was not activated at all, no rounded corners (IE7). What I want to get is that...
|
by: mehstg1319 |
last post by:
Hi People
I have a page built around a central content pane. The problem I am
having is that in IE6, the left nav bar seems to push the corner
images across whereas they seem to sit ontop of eachother fine in
Firefox/Opera/Safari.
Any ideas
Also does anybody know how I can get the corners to move about in a
|
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...
|
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...
| | |
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,...
|
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...
|
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 launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
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...
|
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...
|
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
| | |
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...
| |
