how align in the same line two <p> paragrapher - html

I have two tags one inside the other. The problem is that the with name "bookmark_corrente_operazioni" is printed in the new line. So this is my code:
<p name="copia_operazione_spiegata"><b>Copia</b>: copia i post del bookmark corrente <p name="bookmark_corrente_operazioni">facebook</p> e di copiarli in uno o più bookmarkk di destinazione</p>
and the result is:
Copia: copia i post del bookmark corrente
facebook e di copiarli in uno o più bookmark
I want that the result is:
Copia: copia i post del bookmark corrente facebook e di copiarli in uno o più bookmark
Anyone can help me?

Instead of a second paragraph tag you can try using a span tag. It will be within the first paragraph tag and will not cause a line break.
e.g.:
<p name="copia_operazione_spiegata"><b>Copia</b>: copia i post del bookmark corrente <span name="bookmark_corrente_operazioni">facebook</span> e di copiarli in uno o più bookmarkk di destinazione</p>

Using single <p> tag or Using <p> tag with <span> element would do
<p class="copia_operazione_spiegata"><b>Copia</b>: copia i post del bookmark corrente <span class="bookmark_corrente_operazioni">facebook</span> e di copiarli in uno o più bookmarkk di destinazione</p>

is a block element which adds a new line in front of it. is an inline element which should work better for you.

Remove the p element around Facebook

Rather using p use span
<p name="copia_operazione_spiegata">
<b>Copia</b>: copia i post del bookmark corrente
<span name="bookmark_corrente_operazioni">facebook</span>
e di copiarli in uno o più bookmarkk di destinazione
</p>

the question is why you'd want to nest paragraphs. thats not a good idea.
instead use <span> for what you're trying to achieve. <p> is a block element, which means it breaks into a new line after the block.
the cleanest solution:
<p name="copia_operazione_spiegata"><b>Copia</b>: copia i post del bookmark corrente <span name="bookmark_corrente_operazioni">facebook</span> e di copiarli in uno o più bookmarkk di destinazione</p>
that way, you have a wrapping paragraph around your text block, and inside, you have an inline element with <span> that doesn't break any rendering. you can apply classes and attributes to it, without worrying it will change the appearance of your wrapping <p>
reason:
default value for "display" on <p> is "block".
default value for "display" on <span> is "inline".

You can use a tag pointing nowhere.
<a nome="bookmark_corrente_operazioni">facebook</a>

Related

Which is the proper or best way to use i18n with many html tags on rails?

I have a code like that needs to be added to i18n, and I was wondering which would be the best/safest way to do it, For now I put it as is on i18n and called it on ruby code with a variable and html_safe, but I dont know if it implies any security danger, I also thought of passing the html tags as parameters of those i18n variables
<p>Através dos princípios da<strong> economia colaborativa </strong> e do <strong>
<span id="yellow">poder da tecnologia</span></strong> nosso modelo de negócio
alia a <strong> <span id="green"> expertise do executive search </span></strong>
<strong><span id="red">, a </span></strong>importância das relações humanas <strong> e o<span id="blue">alcance das redes</span>
You might want to have localized snippets for the whole thing instead (Rails Guides: Localized views):
spanish version in own file
# marketing.es.erb
<p>Através dos princípios da<strong> economia colaborativa </strong> e do <strong>
<span id="yellow">poder da tecnologia</span></strong> nosso modelo de negócio
alia a <strong> <span id="green"> expertise do executive search </span></strong>
<strong><span id="red">, a </span></strong>importância das relações humanas <strong> e o<span id="blue">alcance das redes</span>
and then the english one
# marketing.en.erb
<p>Something<strong> in english</strong>... <strong>
<span id="yellow">... </span></strong>
And automatically include the correct partial
(other content)
<%= render :marketing %>

How can I make text in a marquee element to scroll continuously?

I have a the next marquee element:
<marquee height="450px" class="quotes" behavior="scroll" direction="up" scrollamount="2">
Sal ahí fuera y prueba diferentes cosas hasta que descubras donde dan resultado tus talentos,
intereses y prioridades<br /><br />
The best founders get things done every time. Small chunks at a time.<br /><br />
Tienes que amar la idea en cuestión, tienes que sentir pasión por ella, si no, te pondrás contra las
cuerdas todos los días.<br /><br />
People can dismiss your start-up but you never can.<br /><br />
You cant build Twitter looking for it. Make something unsexy people will pay for.<br /><br />
Las ideas que parecen malas son las mejores, ya que no hay gente trabajando en ellas.<br /><br />
Intensity→ you can't have other hobbies.<br /><br />
Lo mejor es ir a por un mercado pequeño pero en crecimiento y expandirse desde ahí.
</marquee>
The text start from bottom and scroll to top, once the last text line appears, doesn't appear any other until this reach the top.
I want my text to start in the top and scroll up, also when the last quote appears, I don't want to wait until this to reach the top to see the first one, I want no space between them.
Is this possible?
Thanks in advance!

Joomla add &quote on my html code

This is my first time using Joomla. I'm editing a website and if I change the code in the module and save it, Joomla adds \" to all attributes.
This is my code
<div class="container-fluid">
<h1 id="consumers">Per chi compra</h1>
<div class="row-fluid">
<div class="span3 gk-demo-content"><img src="templates/meet_gavern/images/content/icon_tick.png" alt="Affidabile, come PayPal" title="TrustBack.me è affidabile" width="109" height="109" />
<h2>Affidabile. Come PayPal.</h2>
<p>Misuriamo l'affidabilità del commercio elettronico. E quando è vero, ci permettiamo anche di dire che un merchant non è affidabile.</p>
</div>
This is the code edited by Joomla :D
<div class="\"container-fluid\"">
<h1 id="\"consumers\"">Per chi compra</h1>
<div class="\"row-fluid\"">
<div class="\"span3"><img src="\"templates/meet_gavern/images/content/icon_tick.png\"" alt="\"Affidabile," title="\"TrustBack.me" width="\"109\"" height="\"109\"" />
<h2>Affidabile. Come PayPal.</h2>
<p>Misuriamo l\'affidabilità del commercio elettronico. E quando è vero, ci permettiamo anche di dire che un merchant non è affidabile.</p>
</div>
Check your php.ini to see if you have Magic Quotes disabled. If you don't have access to this file, check in the Joomla backend, by going to: [System] -> [System Information] -> [PHP Setting]
If it's set to "on", ask your host if they can turn it off for you.
Also, again in the Joomla backend, go to: [System] -> [Global Configuration] -> [Text Filter Settings] and ensure it is set to "No Filtering" for Super Users.
Please also ensure you are running the latest version of the Joomla 3.0 series (3.0.3).

Preferential break on float attribute

I'm working on a project, and I need know how I can force breakline, giving preference to a float:right element.
See this picture:
There are some CSS attribute that I can use to work with this case? I have tried clear: left, but nothing.
Code: jsFiddle
Out of script: what you think that have a better visual? :p
The easiest way is to move your element with float: right to before your other elements:
See: http://jsfiddle.net/G9UAR/1/
<div class="message">
<ul>
<li>Alterar preferências de idioma</li>
<li>Alterar preferências de idioma</li>
</ul>
<strong>Informação:</strong>
<span>A página não está disponível em seu idioma. O inglês está sendo usado.</span>
<br />
</div>
It is (probably) possible to do without switching around the HTML, but that answer would be a lot more complicated.

Page centering messes up

I'm making a website and it is here: http://animactions.ca/Animactions/accueil.php
My problem is when I go from accueil to contact, I notice the page shifts a bit. I cant figure out why though, the body is supposed to be a fixed width.Thanks
*Bear in mind my resolution is 1680x1050, it doesn't do this on 1280x800
It's just because the scrollbar appears when you go to Contact, since the page isn't long enough with your resolution to need one on Accueil.
Edit : mais pourquoi je parle en anglais moi ? :) Bref c'est juste la présence ou non de l'ascenceur de Firefox qui fait que la page semble bouger, c'est normal.