Member Avatar for marjan_m

How to make table on a web page..I hv designed a table in adobe n thn place it on the page bt can there be another to make table else the Insert table option in dreamweaver as that table can't be formatted.

Regards,

  • 4 Contributors
  • 3 Replies
  • 88 Views
  • 2 Weeks Discussion Span
  • Latest Post Latest Post by wangchengbao

Dani AI

Generated

A few practical points that build on what and started: exporting your design from Adobe as an image and placing it on the page makes changes, accessibility, and responsive behavior hard. Hand-authoring the HTML gives precise control and keeps content semantic and selectable; Dreamweaver's Insert Table can be convenient but often produces presentational markup that is harder to style or adapt.

Start with semantic markup (caption, thead, tbody, th) and separate styling into CSS. Export only decorative bits (icons, backgrounds) from Adobe and use them as image assets. Example skeleton (replace with your own headings/data):

<table class="data-table">
  <caption>Sales by region</caption>
  <thead>
    <tr><th>Region</th><th>Q1</th><th>Q2</th></tr>
  </thead>
  <tbody>
    <tr><td>North</td><td>120</td><td>150</td></tr>
  </tbody>
</table>

Keep CSS in a stylesheet so the table is easy to format and reuse; use border-collapse, padding, classes, and a wrapper with overflow-x: auto for small screens. If the layout is not tabular data, use CSS Grid or Flexbox instead of tables. For accessibility and best practice, include a caption and use proper header cells; see MDN: table element and WebAIM: Using Tables for guidance. A quick troubleshooting tip: if styling seems ignored, check for inline attributes or legacy HTML from WYSIWYG tools—move styles into a stylesheet and target the table via classes.

Recommended Answers

All 3 Replies

Member Avatar for MidiMagic

Code it manually. Use tr for each table row, and td for each table data cell. Close all tags.

<p>Example of a 3X3 table. The cell contents describe their locations.</p>
<table>
  <tr>
    <td>This is the top left cell</td>
    <td>This is the top center cell</td>
    <td>This is the top right cell</td>
  </tr>
  <tr>
    <td>This is the middle left cell</td>
    <td>This is the middle center cell</td>
    <td>This is the middle right cell</td>
  </tr>
  <tr>
    <td>This is the bottom left cell</td>
    <td>This is the bottom center cell</td>
    <td>This is the bottom right cell</td>
  </tr>
</table>
Member Avatar for Member #114696

Here are few links to teach you html tables:

http://www.w3schools.com/html/html_tables.asp

Or if you still want to do this with adobe (dreamweaver I suppose, since there is GoLive too) go here

Member Avatar for wangchengbao

MidiMagic's is ture,But I do not quite understand the meaning of Q

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.