0
Welcome Guest! Login
0 items Join Now

css and tables

    • maybenot's Avatar
    • maybenot
    • Hero Rocketeer
    • Posts: 366
    • Thanks: 0

    css and tables

    Posted 18 years 1 week ago
    • Hi,

      I'm new to joomla and css. I've added a table to my joomla site, but it adds linebreaks in places where I don't want them.

      Is there a way to prevent this? Site it fpccwakefield.dreamhosters.com - uses colormatic template, entry is for the church services time.

      I've googled, and am reading the CSS Oreilly book, but so far, nothing.

      TIA...
    • Bob Ateah's Avatar
    • Bob Ateah
    • Elite Rocketeer
    • Posts: 4521
    • Thanks: 0

    Re: css and tables

    Posted 18 years 1 week ago
    • I don't see anything awry using Firefox.

      Maybe I don't understand your problem, do you want:
      Traditional Service

      09:00 AM (Covell Chapel)

      10:30 AM (Sanctuary)

      Contemporary Worship Service

      2nd Sun of every Month

      07:00 PM (Sanctuary)

      Infant/Toddler Care

      Available during 10:30 AM services

      To look like something like this (?):
      Traditional Service
      09:00 AM (Covell Chapel)
      10:30 AM (Sanctuary)

      Contemporary Worship Service
      2nd Sun of every Month
      07:00 PM (Sanctuary)

      Infant/Toddler Care
      Available during 10:30 AM services

      If I'm guessing correctly, the problem is likely related to (assuming you are a Windows user) using a WYSIWYG editor in the module creation/ edit area. When using creating/ editing custom module output or articles with the WYSIWYG enabled, one must hold the Shift key on your keyboard and then press Enter to get a single linebreak. ;)

      I hope that this helps.
    • Last Edit: 18 years 1 week ago by Bob Ateah.
    • The member formerly known as Roland Deschain
      After your question is solved, please Edit your original post and choose the Solved message icon, thank you!
  • Re: css and tables

    Posted 18 years 1 week ago
    • Nice tip Roland. I always wondered how to do that. Heck, a few months ago I didn't know where the "|" symbol was on a keyboard...

      Thanks man. :)


      Mike
    • Dan L's Avatar
    • Dan L
    • Elite Rocketeer
    • Posts: 1453
    • Thanks: 0

    Re: css and tables

    Posted 18 years 1 week ago
    • No that's not the problem.

      You've inserted a table into the content editor and split the table into cells, right? Each of the cells contains one line of data.

      The problem is that the table is created with a cellpadding value of "5", so all the cells will be padded out, which is what you are seeing.

      Re-edit the table with the WYSIWYG editor, and in the table properties, make sure you give "cellpadding" and "cellspacing" values of 0 (zero).
    • Toolbox Digital | Dribbble | Forrst
    • maybenot's Avatar
    • maybenot
    • Hero Rocketeer
    • Posts: 366
    • Thanks: 0

    Re: css and tables

    Posted 18 years 1 week ago
    • Thanks. I switched to the JCE editor, but whenever I click on something that launches a new window, it's blank

      Never mind - googled it and found the problem.

      Going to try it now.
    • Last Edit: 18 years 1 week ago by .
    • Bob Ateah's Avatar
    • Bob Ateah
    • Elite Rocketeer
    • Posts: 4521
    • Thanks: 0

    Re: css and tables

    Posted 18 years 1 week ago
    • Mike VanKirk wrote:
      Nice tip Roland. I always wondered how to do that. Heck, a few months ago I didn't know where the "|" symbol was on a keyboard...

      Thanks man. :)


      Mike

      You're welcome Mike!
      For what it's worth, the same thing applies to Dreamweaver and line breaks when using it in WYSIWYG mode. ;)
      Dan L wrote:
      No that's not the problem.

      You've inserted a table into the content editor and split the table into cells, right? Each of the cells contains one line of data.

      The problem is that the table is created with a cellpadding value of "5", so all the cells will be padded out, which is what you are seeing.

      Re-edit the table with the WYSIWYG editor, and in the table properties, make sure you give "cellpadding" and "cellspacing" values of 0 (zero).

      Good one Dan! Of course you are quite correct!

      Myself, I wouldn't use a table for the info in that module, I just don't see the need for one.

      Cheers!
    • The member formerly known as Roland Deschain
      After your question is solved, please Edit your original post and choose the Solved message icon, thank you!
    • maybenot's Avatar
    • maybenot
    • Hero Rocketeer
    • Posts: 366
    • Thanks: 0

    Re: css and tables

    Posted 18 years 1 week ago
    • What would you use if not a table? I'm a newbie at CSS, so I tried my old standby - tables.
    • Bob Ateah's Avatar
    • Bob Ateah
    • Elite Rocketeer
    • Posts: 4521
    • Thanks: 0

    Re: css and tables

    Posted 18 years 1 week ago
    • I'd put something like this in the custom module output:
      <strong>Traditional Service</strong><br />09:00 AM (Covell Chapel)<br />10:30 AM (Sanctuary)<br /><br /><strong>Contemporary Worship Service</strong><br />2nd Sun of every Month<br />07:00 PM (Sanctuary)<br /><br /><strong>Infant/Toddler Care</strong><br />Available during 10:30 AM services

      Which looks like:
      Traditional Service
      09:00 AM (Covell Chapel)
      10:30 AM (Sanctuary)

      Contemporary Worship Service
      2nd Sun of every Month
      07:00 PM (Sanctuary)

      Infant/Toddler Care
      Available during 10:30 AM services

      Of course you would insert this either with the WYSIWYG editor disabled, or by clicking the HTML button in the WYSIWYG editor and entering the code there.

      If you required columns, then I could see the need for a table.
    • Last Edit: 18 years 1 week ago by Bob Ateah.
    • The member formerly known as Roland Deschain
      After your question is solved, please Edit your original post and choose the Solved message icon, thank you!

Time to create page: 0.079 seconds