≡ Menu

How To Make Lists Look Better In HTML, Part 2

Tweet about this on Twitter1Share on Google+0Share on Facebook1Share on LinkedIn0Email this to someone

I started this mini-series with a look at how to spread things out more easily using standard (though outdated) HTML list tags. Now, a look at my secret weapon — fake lists. It looks like a list, but it isn’t a list at all.

By the way, these tips are meant for folks who aren’t on intimate terms with CSS or are working on sites where they don’t have access to the CSS — there may be more elegant ways to accomplish this stuff, but I’m no designer/coder.

So, first, let’s look at the problem we’re trying to solve:

normalunordereslist

(Note: I’m using an example from George Aspland’s recent Marketing Land column, so be sure to check it out.)

The above doesn’t look terrible, but, for my taste, it’s kind of bunched up. I’d like some spaces between the bulleted items. And, in some cases, I’d like to break up the bulleted items into multiple paragraphs. It’s just easier to read with a bit more space.

So, what I do — and this may or may not work depending on how your CSS is set up with regard to the display of blockquotes — is cheat.

Rather than make an unordered list, I enclose all the to-be-bulleted items between <blockquote> </blockquote> tags. This indents the text (on both sides), which adds some nice white space.

But what about the bullets? Well, turns out there’s special code — &bull; or &#8226; — to create a bullet. So I add those to the front of each bulleted paragraph.

Here’s how it turned out on my edit of the above text:

spacedoutlist

You can do the same thing with ordered lists. Just write the actual numbers or letters, rather than using a <LI> tag within an ordered list. The bullets or numbers aren’t out in the white space, as they are with real lists, but I prefer that quirk over bunched up text.

Works for me. Maybe it’ll work for you. Thoughts?

Tweet about this on Twitter1Share on Google+0Share on Facebook1Share on LinkedIn0Email this to someone
{ 0 comments }

The Future Of The Internet/Web/Whatever

Tweet about this on Twitter1Share on Google+0Share on Facebook2Share on LinkedIn0Email this to someone

I don’t even know what to call it. Is it still “the web” if you’re looking at it through an Oculus Rift-type headset? I don’t think so.

lowLatencyHeadTracking

Anyway, Fred Wilson got my attention this week with his musings on how big Internet players are (now that they’ve dedicated themselves to mobile) looking for the new big thing.

Here’s a video he shared where Google CEO Larry Page talks about the company’s future, in a TED interview by Charlie Rose:

Gets you thinking, huh?

Tweet about this on Twitter1Share on Google+0Share on Facebook2Share on LinkedIn0Email this to someone
{ 0 comments }

Back From SMX West 2014

Tweet about this on Twitter2Share on Google+0Share on Facebook2Share on LinkedIn0Email this to someone

I arrived home last night this morning after a whirlwind beginning to the conference season — starting with SXSW Interactive, which had to be interrupted midstream for a trip to San Jose for our company’s own conference, SMX West.

I don’t know what it was about this year’s show — maybe our inaugural Marketing Land Digital Marketing Summit — but I came away from the show with such a good feeling. I loved socializing with people, meeting columnists I hadn’t met before in person, and seeing long-time industry friends again. Additionally, the panelists for the sessions I moderated did such a good job and had such interesting and valuable things to share.

So I thought I’d take the opportunity to share the live blogs and slides from my sessions here.

“Life After Not Provided” explored the options for measuring success (and fixing problems) in a world where we no longer have access to keyword data in analytics platforms.

“Pro-Level Tips For Succeeding At Retargeting” covered a few different approaches and platforms (Google search, GDN, FSLA, FBX and a technique that uses LinkedIn) to successful retargeting.

Related Posts with Thumbnails
Tweet about this on Twitter2Share on Google+0Share on Facebook2Share on LinkedIn0Email this to someone
{ 0 comments }