EMY buttons

9 views
Skip to first unread message

Rune Back

unread,
Jan 26, 2018, 8:30:20 AM1/26/18
to iphone...@googlegroups.com
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?

Regards, Rune



Remi Grumeau

unread,
Jan 26, 2018, 9:01:30 AM1/26/18
to iphone...@googlegroups.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
--
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

unread,
Jan 30, 2018, 10:23:47 AM1/30/18
to iphone...@googlegroups.com
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

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?

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.
Reply all
Reply to author
Forward
0 new messages