Jak umístit like a +1 tlačítka vedle sebe?

[Peťa]

Tyto dvě tlačítka bych potřeboval na svém webu mít vedle sebe, tzn. na jednom řádku. Web mám u webnode. Když si dám vložit html kód a vložím tam html kód, který jsem si vygeneroval pro tlačítko like a pod to vložím kód, který jsem si vygeneroval pro tlačítko +1 jsou obě tlačítka logicky pod sebou. Jak to udělat, aby byly vedle sebe? Je na to nějaký tag nebo něco?

[CZechBoY]

dej tomu styl, ale nevim jestli to u webnode jde...
kdyžtak přidej k tomu tagu atribut style="float:left" u obou

[Peťa]

Atribut jsem přidal ale tlačítka jsou pořád pod sebou :(

[Myloš]

Podle mě jsou obrázky obalené nějakým blokem (hádám div), případně je v tom obalu ještě text) – mohlo by stačit dát je spolu do jednoho divu.

Zkopíruj nám sem ten kód pro obě tlačítka, něco s tím vyvedeme.

[Peťa]

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Flive4speed.webnode.cz&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>

<!-- Umístěte tuto značku na místo, kde chcete zobrazovat tlačítko +1. -->
<g:plusone annotation="inline"></g:plusone>

<!-- Umístěte tuto žádost o vykreslení na příslušné místo. -->
<script type="text/javascript">
window.___gcfg = {lang: 'cs'};

(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

[Myloš]

Ten float přijde do toho iframu:

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Flive4speed.webnode.cz&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px; float: left;" allowTransparency="true"></iframe>


Jinak je zajímavé, že v iframe url neobsahuje http a začíná přímo www: <iframe src="//www.
Bez protokolu (http v adrese) mi to vůbec neběhalo.

[CZechBoY]

// použije aktuální protokol nebo výchozí pro prohlížeč nejspíš, docela se to teď používá na webech, ale já na to kašlu :)

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Flive4speed.webnode.cz&send=false&layout=standard&width=450&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px; float:left" allowtransparency="true"/>

<div id="___plusone_0" style="height: 24px; width: 450px; display: inline-block; text-indent: 0px; margin:0; padding:0; background-attachment: scroll; background-repeat: repeat; background-image: none; background-position: 0% 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; line-height: normal; font-size: 1px; vertical-align: baseline">

u Googlu jsem zkrátil zápis padding+margin - tohle fakt nechápu, všude Google krátí co se dá, ale tady to všechno vypisujou jak ****

[Peťa]

Myloš: tak jsem to umístil na web a html pro tlačítko +1 jsem nechal tak jak bylo. A výsledek je zde http://live4speed.webnode.cz/ posunula se celá část stránky vlevo i s like tlačítkem a tlačítko +1 zůstalo uprostřed. Takže to má dvě chyby. Nechci aby se posunul i zbytek stránky a pak přestože tlačítka už nejsou přímo pod sebou, stále nejsou na jednom řádku.

CZechBoY to co jsi poslal v citaci mám dát na web, aby to fungovalo?

[CZechBoY]

jo dej to místo těch dvou tagů co tam máš teď (iframe+div)

[Peťa]

Tak jsem to tam dal a celá stránka je rozhádaná, větší část se stránky zmizela http://live4speed.webnode.cz/

[CZechBoY]

tak se tam asi fakt musí dát konec <iframe> no..

<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Flive4speed.webnode.cz&send=false&layout=standard&width=450&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px; float:left" allowtransparency="true"></iframe>

<div id="___plusone_0" style="height: 24px; width: 450px; display: inline-block; text-indent: 0px; margin:0; padding:0; background-attachment: scroll; background-repeat: repeat; background-image: none; background-position: 0% 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; line-height: normal; font-size: 1px; vertical-align: baseline">
</div>

nakonec jsem zapoměl i na konec DIVu (čtu to z DragonFly a ono to tady tak divně zkracuje )

[Peťa]

Tak zase je to divně posunuté, viz. odkaz na ten můj web výše. Řekl bych, že problém bude v té administraci na webnode, že to nějak nebere.