• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Layout of text, in a HTML Table?

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Layout of text, in a HTML Table?

This topic is: resolved

Tagged: html tables, tables, Tabs

  • This topic has 2 replies, 2 voices, and was last updated 6 years, 4 months ago by colkav.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 5, 2016 at 11:15 am #194267
    colkav
    Member

    Hi all,

    I'm seeking some advice. I have a customer who wants a CV page laid out in a specific way, and I was wondering if there's a quick fix. E.g.

    1999 Somesuch Collage
    Inajob somewhere
    2000 Traveling the world
    2001 Returned from traveling the world
    Started work on my book

    They specifically want some space between the year and the event. And, in the line below 1999 for example, they want this to be in line with the text above.
    In a text editor I could simply use the tab key. This doesn't work in WordPress.

    I've tried a Plugin (table press), and looked at others, but they all seem to add formatting that I don't want / need. I just want it to inherit the existing formatting, with no padding, border lines etc. Does anyone know of such a plugin? Can anyone think of any quick fixes? Or, would the best practice be to create a HTML table and just manually do the CSS?

    Any thoughts much appreciated!

    http://liyuanchia.com/cv/
    October 7, 2016 at 5:14 am #194328
    Victor Font
    Moderator

    Using tables for formatting text is old school and frowned upon. Tables are good for tabular texts such as you might have in a report, but it takes work to make them responsive. A better choice these days is CSS display table which is applied to divs. The divs display like a table and can be made responsive easily. http://www.w3schools.com/cssref/pr_class_display.asp


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    October 7, 2016 at 9:56 am #194343
    colkav
    Member

    Hi Victor,

    Thanks for your response. I'll certainly look into the link your provided - I need to update my knowledge here!

    I ended up using a HTML / CSS responsive table generator!

    http://russellgoldenberg.github.io/responsive-table-generator/

    I had to edit the results a bit - perhaps my edits will also be frowned upon, but I won't know until i do my homework. I added the edited HTML part to the wordpress page, and added the CSS part to the style sheet, with a bit of editing it looks ok.

    All in all a quick fix solution, but yes, I'll need to get studying. These links were also helpful:
    http://stackoverflow.com/questions/157770/table-column-formatting

    Responsive Data Tables

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Layout of text, in a HTML Table?’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble