0
Welcome Guest! Login
0 items Join Now

why is the text doing this ?

    • Shania's Avatar
    • Shania
    • Sr. Rocketeer
    • Posts: 104
    • Thanks: 0

    why is the text doing this ?

    Posted 17 years 2 months ago
    • I added a module to the left side and inserted an image and added a little text.
      But the text seems too auto double space onto new lines for some reason.

      makes no difference in the editor what options I select, text still does it.

      Basically I want to be able to align text to be like the wowtrooper on the demo in the modules on the left hand sides.

      This image is hidden for guests.
      Please log in or register to see it.
    • GollumX's Avatar
    • GollumX
    • Elite Rocketeer
    • Posts: 2817
    • Thanks: 0

    Re: why is the text doing this ?

    Posted 17 years 2 months ago
    • Looks like a job for... Superrrmaaaan!!! ummm... i mean...
      Looks like a job for.. *drumroll* Firebug!!
    • Say no to Internet Explorer 6.
      twitter.com/mark_up
    • Shania's Avatar
    • Shania
    • Sr. Rocketeer
    • Posts: 104
    • Thanks: 0

    Re: why is the text doing this ?

    Posted 17 years 2 months ago
    • huh ?
      That wasnt a helpful response.
    • Mariela Vasquez's Avatar

    Re: why is the text doing this ?

    Posted 17 years 2 months ago
    • why dont just try simple html
    • GollumX's Avatar
    • GollumX
    • Elite Rocketeer
    • Posts: 2817
    • Thanks: 0

    Re: why is the text doing this ?

    Posted 17 years 2 months ago
    • Ok that fell flat :(

      My apologies Shania, what I meant was.. install the Firefox extension, Firebug , and use it to identify the issue.

      When you have Firebug installed and active, you click on the HTML tag containing that text (possibly a <p>), and it will tell you what CSS is being applied to the text in that module. You can then either modify the offending CSS styling, perhaps even add a module class suffix.

      Of course if you had provided a link in the first place, I would have shown you the solution.

      Again, sorry about the pixel wasting in my first post... I was in a funny mood.
    • Say no to Internet Explorer 6.
      twitter.com/mark_up
    • Shania's Avatar
    • Shania
    • Sr. Rocketeer
    • Posts: 104
    • Thanks: 0

    Re: why is the text doing this ?

    Posted 17 years 2 months ago
    • That's alright, I'll give you the url, if I use firebug I still won't know what I'm doing or looking for.

      I just presumed I use the editor that comes with Joomla and the layout options to work.

      www.onceweren00bs.com
    • GollumX's Avatar
    • GollumX
    • Elite Rocketeer
    • Posts: 2817
    • Thanks: 0

    Re: why is the text doing this ?

    Posted 17 years 2 months ago
    • Aha.. It appears you've formatted each line of text as a paragraph, and paragraphs in that template have a bottom margin of 15px.

      I'm not sure how to do it in whatever WYSIWYG editor you're using, but with JCE, you can put in a line break <br /> , instead of the <p> by holding down the SHIFT key while pressing ENTER.

      Or, you not put any line breaks at all. Just make all the text one big paragraph... it should wrap itself (no need to force the line breaks).

      If either of those confuses you, when you're in the module manager adding the content, see the HTML button in your WYSIWYG editor. Click on it and it should show you the source.

      The current source is:
      <p align="left">
      <img align="texttop" alt=" "/>
      <img width="90" height="113" align="left" alt=" " src="images/wow/wowxpac1.jpg"/>
      sWhy is this text
      </p>
      <p align="left">auto spacing itself</p>
      <p align="left"> for some reason</p>
      <p align="left">No matter what I set the settings too</p>
      <p align="left">Hmm.. </p>

      Change it to:
      <p align="left">
      <img width="90" height="113" align="left" alt=" " src="images/wow/wowxpac1.jpg"/>
      Why is this text auto spacing itself for some reason no matter what I set the settings too Hmm..
      </p>

      Or to :
      <p align="left">
      <img width="90" height="113" align="left" alt=" " src="images/wow/wowxpac1.jpg"/>
      sWhy is this text<br />
      auto spacing itself<br />
      for some reason<br />
      No matter what I set the settings too<br />
      Hmm..
      </p>

      Hope that helps.
    • Say no to Internet Explorer 6.
      twitter.com/mark_up

Time to create page: 0.085 seconds