473,396 Members | 1,938 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

How to shape div tag in a following shape? (see image attachment)

ilya Kraft
134 100+
Hello,

I need to shape a div tag in the shape like in this image:



because I want to have a hover event when div with this shape changes color. I know how to make this shape from 2 divs, but then hover event would only work on one of them and I need whole div to change color.

Thnx ))))
Attached Images
File Type: jpg div.jpg (29.5 KB, 9397 views)
Jun 7 '11 #1

✓ answered by drhowarddrfine

div elements are square and there is no way around that, except for rounded corners. I just made a funny. :)

I once read an article where someone accomplished this with some trickery; probably overlapping elements. Just a week ago, Adobe had their CSS Regions introduced that CAN do that and much more but it only works in Webkit and it's very much in the draft stage.

1 4702
drhowarddrfine
7,435 Expert 4TB
div elements are square and there is no way around that, except for rounded corners. I just made a funny. :)

I once read an article where someone accomplished this with some trickery; probably overlapping elements. Just a week ago, Adobe had their CSS Regions introduced that CAN do that and much more but it only works in Webkit and it's very much in the draft stage.
Jun 7 '11 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

49
by: Lauren Wilson | last post by:
Hi folks, Just wondered if, for the sake of clarity, it is permissible to post small image files of an error box along with a text message about a problem with Access?
2
by: Ryan Taylor | last post by:
Hello. I have an ASP.NET application where I allow the user to upload attachments. I upload the attachments as binary data to an image column in sql server. I have managed to upload the data...
4
by: | last post by:
Hello, I must admit that i am new to PHP but not in programming in general... Anyway, i created a program in VB which creates after a few steps an image and this image should be sent to an...
2
by: Alec | last post by:
Can anyone help... I need to create a form that allows the user to attach an image, that when posted is emailed to me. Have been looking through the news group and searching for tutorials,...
0
by: Sick Monkey | last post by:
I wrote some code below (Code1 block) which will read a pop3 email account and will open each email in the inbox. What I want my code to do is only pull the attachment; as you see below I...
3
by: zion | last post by:
Hello, My webservice return image tag with the image path: <img src="file//c:\test.gif" /and I enter it to div innerHTML. The path and the image is ok. why I can't see the image? is there...
20
by: Pete | last post by:
There's probably a standard answer for this, but it's never cropped up for me before. I have a (png) image that includes some text (a labelled group photo of a conference), and it'd be useful if...
4
by: jeet123 | last post by:
hi, i am new to c#. How can i make a form which displays data in a tabular format where the data is retrieved from the database (ms-access) and displayed in that from in table. No matter if the...
7
by: Mmmel | last post by:
Hi again! This forum has been FABULOUS so far, so I thought I'd throw up my latest stumper. I know that this issue has been discussed out the wazoo but I can't find anything quite like my issue....
0
reginaldmerritt
by: reginaldmerritt | last post by:
I understand that the attachment field is very different to other field types. However, is there a way to tell if the field has an attachment or not ? Something like Me.EmployeePicture.Item > 1 or...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
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,...
0
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...
0
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...

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.