Translate tag (I18n.t) in ruby on rails not having CSS formatting applied

[trekr67]

Hello,

I've got the following piece of code:-

%section#download

  %h1= t "section.title"  

  .content

    %p 

    = I18n.t "section.first_box.first" 

in name.html.erb file.

But I noticed that the css formatting that would apply to the %p tag no longer applies because of the internationalization tag I18n.t. Does anyone know how I can make sure that the text being translated "section.first_box.first" will preserve it's css formatting and not have it removed because of the I18n.t tag?

I'm a Rails newbie

Thanks

Angela

[Frederick Cheung]

On Monday, September 16, 2013 12:16:45 PM UTC+1, trekr67 wrote:

%section#download

  %h1= t "section.title"  

  .content

    %p 

    = I18n.t "section.first_box.first" 

in name.html.erb file.

But I noticed that the css formatting that would apply to the %p tag no longer applies because of the internationalization tag I18n.t. Does anyone know how I can make sure that the text being translated "section.first_box.first" will preserve it's css formatting and not have it removed because of the I18n.t tag?

This isn't related to the use of i18n ( as a shortcut you can use just 't' in views instead of I18n.t). As it stands the indentation in your haml file will put the internationalized text outside of the p tag, so the css rules for p tags won't be used.

Fred

[angela ebirim]

The problem is that the CSS formatting for the translated part is contained in the p tag and that's what I'd like preserved.

Or would you suggest creating a new tag for the translated text in the CSS file with the same formatting as the p tag and then applying it that way?

Thanks

> --
> You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
> To unsubscribe from this group and stop receiving emails from it, send an email to rubyonrails-ta...@googlegroups.com.
> To post to this group, send email to rubyonra...@googlegroups.com.
> To view this discussion on the web visit https://groups.google.com/d/msgid/rubyonrails-talk/d09bf5c9-1b89-400f-9c97-a668900b0f44%40googlegroups.com.
> For more options, visit https://groups.google.com/groups/opt_out.
>

[Walter Lee Davis]

Can you write out, in HTML, how you want the final code to appear? The use of HAML may be confusing things here.

Walter

> I'm a Rails newbie
>
> Thanks
>
> Angela
>

> --
> You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
> To unsubscribe from this group and stop receiving emails from it, send an email to rubyonrails-ta...@googlegroups.com.
> To post to this group, send email to rubyonra...@googlegroups.com.

> To view this discussion on the web visit https://groups.google.com/d/msgid/rubyonrails-talk/0431a4e5-6f3f-4c2c-a0bb-4aac4580e988%40googlegroups.com.

[Frederick Cheung]

On Monday, September 16, 2013 3:29:37 PM UTC+1, trekr67 wrote:
> The problem is that the CSS formatting for the translated part is contained in the p tag and that's what I'd like preserved.
>
> Or would you suggest creating a new tag for the translated text in the CSS file with the same formatting as the p tag and then applying it that way?
>
>

At the moment your haml is resulting in markup that looks like


<div class="content">
<p></p>
Translated text here
</div>

So it should be clear why the style rules for p have no effect. What I was trying to say was that for the translated text to be inside the p element you need to indent it, that is

%p
= I18n.t(...)

Or perhaps I've got the wrong end of the stick and you should spell out what you're trying to do, as Walter suggests.

Fred