I am currently building a responsive site and I am trying to solve an issue I have run into.

In peoples biographies we have a chunk of text and then a group of links to their social profiles.

What I am trying to achieve is to have the buttons float to the top right, with the bio text wrapped around the div on a large layout and then at a certain point clear the buttons below the text.

I've made two bens for the 2 states:

Full width: http://codepen.io/mtedwards/pen/qpCnb

Mobile: http://codepen.io/mtedwards/pen/DJtnx

Any ideas how to achieve this?

Thanks

Matt

http://codepen.io/mwbcomputers/pen/xFEzp not sure how to do it properly can do boxes ok just not text

I am facing a prob in firefox.

the code is written here: http://cdpn.io/JrCus

in firefox, the label is coming outside the textbox, whereas in other browsers, it comes as a "placeholder". is there any way i can make this label as placeholder in firefox as well.

Please help

I've made a codepen here:

http://codepen.io/johnasp/pen/gBrdv

  <ul>
      <li class="a"><a href="1" class="a">A</a></li>
      <li class="b"><a href="2" class="b active">B</a></li>
      <li class="c"><a href="3" class="c">C</a></li>
  </ul>

This is the CSS:

ul {
    background: gray;
    width: 50px;
}
ul li a.active {
    border-right: 1px solid red;
}

I want the red border of the 'active' element to be shown outside the box on a fixed position (no metter the length of the 'a' element).

It's on a CMS and I don't have control to move the 'active' class to the 'li' element. How can I do it with this markup?

http://jsfiddle.net/7fdMh/

Before retina I would do it like this, targeting desktop and device -

@media all and (max-width: 480px) { }

But now I do this because of retina devices, their width will become 960px so I need to use a separate device width query.

@media all and (max-device-width: 480px), (max-width: 480px) { }

Is this correct? I haven't seen any examples for targeting both, I thought developers would want their site to look the same for device and desktop at a certain size.

Note: This isn't my creation. Just looking to read your thoughts on this type of product.

I made a wordpress powered website for a friend of mine about a year ago with a custom built theme that I followed tutorials for on YT.

He would like his blog page to be kind of like a masonry.js style (featured image of the post, date posted/comments and a little introduction) in its each individual box, however, he does not want it responsive where they all move around the page when the window is resized.

Is there a way to do this with a plugin? Or could I maybe throw in some CSS and float the boxes to the left of each other and apply some margin/padding?

The thing is, the last time a tried to do this, alot of things messed up in IE9 and I couldn't figure out a fix.

Thanks in advance.

I just finished a vector logo and I saved it as .svg file. What's the preferred way of coding it as a logo? I'm going for the mobile-first responsive site so the logo will scale at some break points.

Thank you.

feel free to copy or use design

http://codepen.io/mwbcomputers/pen/KwLJl

I'm experiencing some issues with my website responsive design. You can view the site on www.onderdedraak.be. When you check it on a smartphone there is a white space on the right that makes it possible to scroll left and right, and that's not the intention of course. However, I have no idea what is causing this issue.

Can you guys have a look? Thanks!

I have used a slider on my theme and it's responsive ready slider.

All the contents on it is resizing when I resize my browser window but the slider's holder.

Please take a look at here (first page) :

http://pro-themes.net

and resize your browser window to see my issue.

Thank you for your answers.

Alireza.M

Thanks!

I have xampp running and installed wp into the htdocs folder and my blank template is inside the themes folder inside the wp folder. Live view is activated. But I keep getting that PHP error. Also when dreamweaver asks me to discover related files it doesn't open any of the related files. HELP!!!

http://codepen.io/mwbcomputers/pen/Idysz

Mdm.Group = Ember.Object.extend()

Mdm.Group.reopenClass
  all: ->
    Mdm.ajax(
      url: Mdm.apiUrl('/groups')
    ).then (data) ->
      console.log data
      groups = []
      for group in data.response
        groups.addObject(Mdm.Group.create(group))
      console.log(groups)
      groups

  find: (group_id) ->
    Mdm.ajax(
      url: Mdm.apiUrl("/groups/#{group_id}")
    ).then (data) ->
      console.log data

And a GroupsRoute:

Mdm.GroupsRoute = Ember.Route.extend
  model: ->
    Mdm.Group.all()

And a GroupRoute:

Mdm.GroupRoute = Ember.Route.extend
  model: (params) ->
    console.log 'oh hai'
    Mdm.Group.find(params.group_id)

It's a simple ember app, I have a groups template that is listing out all the group objects. When you click an individual group, the group template renders inside the groups template, displaying the name of the group.

However, when I manually enter a group_id into the url, such as 'groups/:group_id', or use the back or forward buttons to change the url, the group template does not render, leaving the area where it should be blank.

In the console though the app is returning the correct group object when you manually enter a group url, its just not displaying the group template with that group object.

How can I load the group template to use that group object that I'm getting in the console, the same group object that the url is referencing but not displaying?

so i'm working on my form, and html5 is working as great

but i'm moving on trying to add some jQuery to it, but can't get to work, and i'v been staring at the code for some time now, maby a fresh par of eyes can help i hope :)

the thing i wan't it to do is in the < span id="formerror" class="error" >

I wan't the jquery to pop in a message "This is a required field" that is in the jQuery code

here is the pen, i hope i did it right, fist time making a pen :p

http://cdpn.io/ifKmz

Hope you can help

regards

Sekbet

Link Here

can anyone tell me whats wrong?

Anyone seen something like this before? My image could be improved on but that's the main concept.

http://oi43.tinypic.com/dc57ia.jpg

My framework will be mostly edited and updated by me only and maybe a small team of friends. I want my css to be available for everyone to use and edit but the users are NOT allowed to edit the top of the CSS file that will say the css framework name and license details.

I would like to learn from anyone here roughly how much time is needed to get the Google Analytics Individual Qualification, and any study tips or other pearls of wisdom about Google Analytics. What priority I assign, I realize, depends on my goals, but I don't think getting the Qualification is very hard, something greatly in its favor.

Thanks.

Currently a 18 year old student from England (UK) and need a project.

My skills:

HTML
CSS
Basic PHP
Basic WordPress
Adobe Photoshop
Adobe Illustrator
Adobe Dreamweaver
Good at Typography (not generally as skill...)

LubkedIn

  .price:before {
content: '£';
  }

The problem I'm running into is some prices are prefixed with the word "from", which as you might have guessed look a little like this:

  £from 15

Is there a way to use the :before element before the first number using pure CSS?

Any help would be appreciated. Thanks in advance!

Any recommendations?

I'm very new to CSS so go slowly, please.

I've googled till I'm not getting any new responses. I've used any amount of different words to try and describe what I want, all without much success. I was hoping to be able to attach a small png but I can't.

Basically I want to create a 2D checker with CSS for a game I'm building. 20px by 20px in various colours. It seems this is accomplished in Photoshop by light and shade but I'm no artist.

Any help or direction to online explanation would be gratefully received.

TIA

John

What's in the feed title looks something like this:

<item><title><![ CDATA[< ! --Head-->Jim Bob Blueshead]]></title>

What appears then in the page is: < ! --Head-->Jim Bob Blueshead

I need to remove the head brackets sort of thing, the search replace of the Autoblog commercial plugin appears to want regular expressions for it's search parameters, I think is why it's not working to just enter

Any suggestions, is there an online text to regular expressions converter somewhere or is that too easy/not possible. I have extra space in the head comment, so it doesn't parse as just a comment here in the forums. thanks, Crssp