Search...
FAQs
Subscribe
Pie
FAQs
Recent topics
Flagged topics
Hot topics
Best topics
Search...
Search within HTML Pages with CSS and JavaScript
Search Coderanch
Advance search
Google search
Register / Login
Post Reply
Bookmark Topic
Watch Topic
New Topic
programming forums
Java
Mobile
Certification
Databases
Caching
Books
Engineering
Micro Controllers
OS
Languages
Paradigms
IDEs
Build Tools
Frameworks
Application Servers
Open Source
This Site
Careers
Other
Pie Elite
all forums
this forum made possible by our volunteer staff, including ...
Marshals:
Campbell Ritchie
Jeanne Boyarsky
Ron McLeod
Paul Clapham
Liutauras Vilda
Sheriffs:
paul wheaton
Rob Spoor
Devaka Cooray
Saloon Keepers:
Stephan van Hulst
Tim Holloway
Carey Brown
Frits Walraven
Tim Moores
Bartenders:
Mikalai Zaikin
Forum:
HTML Pages with CSS and JavaScript
How to write the html code for this kind of table
phs tan
Greenhorn
Posts: 2
posted 15 years ago
Number of slices to send:
Optional 'thank-you' note:
Send
Hi,
I am trying to write a html table as followings: it is like 2x2 cells (2 rows and 2 columns), and I want to leave the top-right cell alone and merge the rest of the 3 cells. May I know how to write the html code for this?
James
Eric Pascarello
author
Posts: 15385
6
posted 15 years ago
Number of slices to send:
Optional 'thank-you' note:
Send
You should
not be using a table for that [plus you can not do that with a table].
All you need is 2 divs and some css
<style type="text/css"> div.outside{ width:500px; height:300px; border: 1px solid black; background-color: #CCC; } div.inside{ float:left; margin-right: 5px; margin-bottom: 5px; width:250px; height:250px; border-right: 1px solid black; border-bottom: 1px solid black; background-color: #EEE; } </style> <div> <div class="outside"> <div class="inside"> TEST </div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt diam ac nibh. Quisque odio. Etiam eleifend dolor quis tellus. Integer quis nisl. Phasellus luctus nunc a elit. Aliquam mauris. Donec eget est. Sed interdum. Vestibulum tempus. Morbi facilisis tincidunt nunc. Aliquam erat volutpat. Ut mi dui, tristique vitae, laoreet eu, dignissim nec, purus.</p> <p>Nulla feugiat, risus eu pulvinar tempor, risus odio blandit tortor, vitae eleifend ante nibh non est. Quisque pharetra. Cras sed massa sed augue mollis tempus. Aenean vel orci eu nunc convallis facilisis. Pellentesque volutpat felis. Nullam eu dui sit amet velit tempor egestas. Maecenas a massa blandit urna ultrices pretium. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut quis enim consequat arcu sodales fermentum. Donec quis ligula id lacus consequat suscipit. Sed felis mi, laoreet id, laoreet a, fermentum at, purus. Suspendisse sed diam id dui eleifend euismod. Proin iaculis, nisi ut eleifend accumsan, erat turpis cursus justo, vel posuere odio dolor et orci. Integer laoreet orci eget nisl. Donec at leo. Morbi dui erat, bibendum nec, gravida vitae, hendrerit a, arcu. Vestibulum dictum ante non libero.</p> </div> </div>
reply
reply
Bookmark Topic
Watch Topic
New Topic
Boost this thread!
Similar Threads
Dynamically created table's checkbox's value
select multiple cells in table
Help me to have a sortable table in my html profile!
how to copy a row data to another row in a html table?
Auto Refresh For Table Cells
More...