473,396 Members | 2,010 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.

creating tables in ccs in html rounded edges wrap text

Looking for help in creating the following pic below with ccs in a html page, i have tried and cannot figure out how.

http://www.dreadfulzombie.com

I have been trying to insert the ccs into the <head> instead of a file.

I have looked up so many websites on ccs and tables its crazy, trying to make this simple and work corectly with Firefox/Explorer etc..

Expand|Select|Wrap|Line Numbers
  1. -moz-border-radius-topleft: 15px;
  2. -moz-border-radius-topright:15px; 
  3. -moz-border-radius-bottomleft:15px;
  4. -moz-border-radius-bottomright:15px; 
  5. -webkit-border-top-left-radius:15px;
  6. -webkit-border-top-right-radius:15px; 
  7. -webkit-border-bottom-left-radius:15px;
  8. -webkit-border-bottom-right-radius:15px;
  9. border-top-left-radius:15px;
  10. border-top-right-radius:15px; 
  11. border-bottom-left-radius:15px;
  12. border-bottom-right-radius:15px;
  13.  
i have had a hard enuff time with basic nested html tables, but getting it into ccs, more difficult.

Trying to create Table 1 with text that will wrap around Table2 inside of Table1 with both table edges being rounded.
Without having to create 4 rounded edge pics or 1 top / 1 bottom rounded pic's.

Anybody out there that can help create this please?
Dec 20 '10 #1
4 2157
Death Slaught
1,137 1GB
You should never use tables for layout. Learn how to use CSS with div and this will be a thousand times easier.

Regards, Death
Dec 21 '10 #2
AutumnsDecay
170 100+
CSS has a word-wrap function that may allow for this.

Expand|Select|Wrap|Line Numbers
  1. <div style="word-wrap:normal; float:left; text-align:left;">
  2.     <div style="float:right; text-align:left;">
  3.         Text Text Text
  4.     </div>
  5.     <p align="left" style="float:left;">
  6.         This is primary text
  7.      </p>
  8. </div>
  9.  
Completely untested, but may work.
Dec 21 '10 #3
drhowarddrfine
7,435 Expert 4TB
I am not aware of 'word-wrap:physical'. I don't believe there is any such thing.
Dec 21 '10 #4
AutumnsDecay
170 100+
You're right, Howard. Not sure why I typed physical. I've corrected my code using 'normal' as the property for word-wrap.
Dec 21 '10 #5

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

Similar topics

1
by: Ed Hawkes | last post by:
I am having the following problem and any help would be GREATLY appreciated: In an application I am developing, at some points we create a new table. When I create this table on another users...
1
by: Mark P | last post by:
My images are fixed in size and can't be redone. Many of them are tall and narrow. How can I wrap text so that the text starts on the right of the image at a level with the top of the image....
2
by: Shinya | last post by:
How can I force to set table size when you have list chars without spaces? Shin
4
by: searider86 | last post by:
Does anyone know if there is a snippet of code that automatically removes the wrap text format in excel? I have an access form that displays data and allows the user to click on a cmdbutton to...
1
by: Diego | last post by:
Hi, how do I set the wrap property to FALSE for a datagrid with autocolums enabled? I know there's a work around this bug when the columns are set up in design time but I need the autocolumns...
2
by: Rocco | last post by:
Hi, I have a drop down box with width=120px. The box length cannot be extended because of design issue. How can I wrap text in html drop down box ? Thanks, Rocco
0
by: Keithb | last post by:
I have a GridView control with 2 template columns. Both contail a Label control in their ItemTemplate. The right column label wraps text on long strings, the left column just gets wider with long...
1
by: RAB | last post by:
On the following website: http://www.ieee.org How did they make the container that centers the webpage with a shadowing effect and rounded edges? If you would, please provide some...
1
by: DWiggin | last post by:
We are getting deadlock errors (sporadically) on a batch job we've created. This job runs against a SQL Server 2000 back-end. The first step of the batch job is to run a DDL script to drop...
15
by: removeps-groups | last post by:
How to wrap text in <ptag if the text has no spaces and is very long? Here is an example: ...
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: 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
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
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:
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...
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
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,...
0
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...

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.