Menu icon Foundation

Designer | Madison, WI

Graphic Designer, learning to code. Foundation is awesome. scss is awesome.

My Posts











My Comments

Joe Windeknecht commented on Joe Windeknecht's post 12 months

@Will Moody
That is PERFECT, exactly what I was looking for. Thanks a ton Will!!

Joe Windeknecht commented on Joe Windeknecht's post 12 months

@Rafi
That's what I was thinking. I'll give it a shot. Thanks!

Joe Windeknecht commented on Joe Windeknecht's post about 1 year

Hey Joshua, my only issue with this is that I'd like these buttons to expand to the full, equal width of the viewport.

Joe Windeknecht commented on Joe Windeknecht's post about 1 year

Here's what I'm working with:
<div class="top-bar" id="top-bar-menu">
<div class="top-bar-left float-left">
<ul class="menu">
<li><a href="#"><img src="http://placehold.it/350x150"&gt;&lt;/a&gt;&lt;/li>
</ul>
</div>
<div class="top-bar-right show-for-medium">
<ul class="vertical medium-horizontal menu dropdown">
<li class="menu-item"><a href="#">One</a></li>
<li class="menu-item"><a href="#">Two</a></li>
<li class="menu-item"><a href="#">Three</a></li>
</ul>
</div>
</div>

Joe Windeknecht commented on Joe Windeknecht's post over 1 year

Joe Windeknecht commented on Oliver Radini's post almost 2 years

From what I understand, it can work either way. Personally I've found more consistency with multiple .containers.

Joe Windeknecht commented on Oliver Radini's post almost 2 years

I'd suggest making each row in it's own .container table. Whereas you have multiple rows in each .container table. Does this make sense? Try

<table class="container">
  <tr>
    <td>

      <table class="row">
        <tr>
          <td class="wrapper last">

            <table class="twelve columns">
              <tr>
                <td>
                  <img src="https://cdn.colorlib.com/sparkling/wp-content/uploads/sites/5/2013/03/image-alignment-580x300.jpg" alt="">
                </td>
                <td class="expander"></td>
              </tr>
            </table> <!-- 12 col -->

          </td>
        </tr>
      </table> <!-- row -->

    </td>
  </tr>
</table> <!-- container -->

<table class="container">
  <tr>
    <td>

      <table class="row">
        <tr>
          <td class="wrapper">

            <table class="eight columns">
            ..........

versus

<table class="container">
  <tr>
    <td>

      <table class="row">
        <tr>
          <td class="wrapper last">

            <table class="twelve columns">
              <tr>
                <td>
                  <img src="https://cdn.colorlib.com/sparkling/wp-content/uploads/sites/5/2013/03/image-alignment-580x300.jpg" alt="">
                </td>
                <td class="expander"></td>
              </tr>
            </table> <!-- 12 col -->

          </td>
        </tr>
      </table> <!-- row -->

      <table class="row">
        <tr>
          <td class="wrapper">

            <table class="eight columns">
            ..........

Hope that works! Let me know how that works out for you.

Joe Windeknecht commented on Joe Windeknecht's post almost 2 years

I'd have to say the rapid prototyping. Just the ability to allowing for multiple breakpoints via sizing classes (a la Foundation for Sites).

Also, SCSS for emails?! Yes please!

Joe Windeknecht commented on Oliver Radini's post almost 2 years

Hey there Oliver, do you have a screenshot you could share? I've had some Gmail issues I was able to resolve.

Joe Windeknecht commented on Joe Windeknecht's post almost 2 years

Wanted to give this a bump and see if anyone had any ideas. Thanks.

Posts Followed


  • 2
    Replies
  • still having problems with YetiLaunch

    By Euan G

    sitesappsyeti

    Hi Guys Still having this problem with Yeti Launch on OSX 10.11.1, not sure if it has been fixed yet Have redownloaded to day from site. current runnings setup: foundation-cli 2.0 Node 5.10 npm 3.3.12 (because 3.4.1 crashes cordova) Bundler ve... (continued)

    Last Reply by Erik M almost 2 years ago





Following

    No Content

Followers

My Posts

My Comments

You commented on Joe Windeknecht's post 12 months

@Will Moody
That is PERFECT, exactly what I was looking for. Thanks a ton Will!!

You commented on Joe Windeknecht's post 12 months

@Rafi
That's what I was thinking. I'll give it a shot. Thanks!

You commented on Joe Windeknecht's post about 1 year

Hey Joshua, my only issue with this is that I'd like these buttons to expand to the full, equal width of the viewport.

You commented on Joe Windeknecht's post about 1 year

Here's what I'm working with:
<div class="top-bar" id="top-bar-menu">
<div class="top-bar-left float-left">
<ul class="menu">
<li><a href="#"><img src="http://placehold.it/350x150"&gt;&lt;/a&gt;&lt;/li>
</ul>
</div>
<div class="top-bar-right show-for-medium">
<ul class="vertical medium-horizontal menu dropdown">
<li class="menu-item"><a href="#">One</a></li>
<li class="menu-item"><a href="#">Two</a></li>
<li class="menu-item"><a href="#">Three</a></li>
</ul>
</div>
</div>

You commented on Joe Windeknecht's post over 1 year

You commented on Oliver Radini's post almost 2 years

From what I understand, it can work either way. Personally I've found more consistency with multiple .containers.

You commented on Oliver Radini's post almost 2 years

I'd suggest making each row in it's own .container table. Whereas you have multiple rows in each .container table. Does this make sense? Try

<table class="container">
  <tr>
    <td>

      <table class="row">
        <tr>
          <td class="wrapper last">

            <table class="twelve columns">
              <tr>
                <td>
                  <img src="https://cdn.colorlib.com/sparkling/wp-content/uploads/sites/5/2013/03/image-alignment-580x300.jpg" alt="">
                </td>
                <td class="expander"></td>
              </tr>
            </table> <!-- 12 col -->

          </td>
        </tr>
      </table> <!-- row -->

    </td>
  </tr>
</table> <!-- container -->

<table class="container">
  <tr>
    <td>

      <table class="row">
        <tr>
          <td class="wrapper">

            <table class="eight columns">
            ..........

versus

<table class="container">
  <tr>
    <td>

      <table class="row">
        <tr>
          <td class="wrapper last">

            <table class="twelve columns">
              <tr>
                <td>
                  <img src="https://cdn.colorlib.com/sparkling/wp-content/uploads/sites/5/2013/03/image-alignment-580x300.jpg" alt="">
                </td>
                <td class="expander"></td>
              </tr>
            </table> <!-- 12 col -->

          </td>
        </tr>
      </table> <!-- row -->

      <table class="row">
        <tr>
          <td class="wrapper">

            <table class="eight columns">
            ..........

Hope that works! Let me know how that works out for you.

You commented on Joe Windeknecht's post almost 2 years

I'd have to say the rapid prototyping. Just the ability to allowing for multiple breakpoints via sizing classes (a la Foundation for Sites).

Also, SCSS for emails?! Yes please!

You commented on Oliver Radini's post almost 2 years

Hey there Oliver, do you have a screenshot you could share? I've had some Gmail issues I was able to resolve.

You commented on Joe Windeknecht's post almost 2 years

Wanted to give this a bump and see if anyone had any ideas. Thanks.

Posts Followed





Following

  • No Content

Followers