EMY buttons

[Rune Back]

I have this code for two buttons side by side:

<div class="emy-grid">

  <div class="w50">

    <a href="javascript:gosomewhere();" class="mainButton greenButton">Go somewhere!</a>

  </div>

  <div class="w50">

    <a href="javascript:gosomewhereelse();" class="mainButton yellowButton">Go somewhere else!</a>

  </div>

</div>

In a Samsung pad the two button come out as 100% wide, the one under the other one. - Any ideas? Suggestions?

Would ex. https://emy-library.org/emy/1.1/plugins/elements/elements-demo.html#_segments be more reliable?

Regards, Rune

[Remi Grumeau]

Hi rune,

I guess the 100% doesn’t take in account extra margin or padding between them. Or just the extra pixel inline-block elements can have next to each others.

Classic box-model issue.

Segment is here to help you out with it yes, using table layout model. But nowdays we have flexbox & grid display modes, which i should definitely recode Emy css part with... one day :)

Remi GRUMEAU

06.63.68.72.06

https://remi-grumeau.com

--
You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to iphonewebdev...@googlegroups.com.
To post to this group, send email to iphone...@googlegroups.com.
Visit this group at https://groups.google.com/group/iphonewebdev.
For more options, visit https://groups.google.com/d/optout.

[Rune Back]

R / Only postpone bad things, not good ones! / R :)

2018-01-26 16:01 GMT+02:00 Remi Grumeau <remi.g...@gmail.com>:

Hi rune,

I guess the 100% doesn’t take in account extra margin or padding between them. Or just the extra pixel inline-block elements can have next to each others.

Classic box-model issue.

Segment is here to help you out with it yes, using table layout model. But nowdays we have flexbox & grid display modes, which i should definitely recode Emy css part with... one day :)

Remi GRUMEAU

06.63.68.72.06

https://remi-grumeau.com

Le 26 janv. 2018 à 14:30, Rune Back <rune...@gmail.com> a écrit :

I have this code for two buttons side by side:

<div class="emy-grid">

  <div class="w50">

    <a href="javascript:gosomewhere();" class="mainButton greenButton">Go somewhere!</a>

  </div>

  <div class="w50">

    <a href="javascript:gosomewhereelse();" class="mainButton yellowButton">Go somewhere else!</a>

  </div>

</div>

In a Samsung pad the two button come out as 100% wide, the one under the other one. - Any ideas? Suggestions?

Would ex. https://emy-library.org/emy/1.1/plugins/elements/elements-demo.html#_segments be more reliable?

Regards, Rune

--
You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group.

To unsubscribe from this group and stop receiving emails from it, send an email to iphonewebdev+unsubscribe@googlegroups.com.

To post to this group, send email to iphone...@googlegroups.com.
Visit this group at https://groups.google.com/group/iphonewebdev.
For more options, visit https://groups.google.com/d/optout.

--

You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group.

To unsubscribe from this group and stop receiving emails from it, send an email to iphonewebdev+unsubscribe@googlegroups.com.