Skip to main content

Four column unnumbered list using CSS

By
In a blog I wanted to do a four column unnumbered list, I looked around and found a few sites showing you a method:

alistapart.com
csswizardry.com

Summary of CSS

Essentially you want an inline list that has a width, so first define the UL, with a margin, then make the list items inline and have  a width

  • item1.1
  • item1.2
  • item1.3
  • item1.4
  • item2.1
  • item2.2
  • item2.3
  • item2.4
  • item3.1
  • item 3.2
  • etc


Code


<ul style="margin-bottom: 20px; overflow: hidden; width: 100%;">
<li style="border-bottom: 1px solid #ccc; display: inline; float: left; line-height: 1.5em; width: 25%;">item1.1</li>
<li style="border-bottom: 1px solid #ccc; display: inline; float: left; line-height: 1.5em; width: 25%;">item1.2</li>
<li style="border-bottom: 1px solid #ccc; display: inline; float: left; line-height: 1.5em; width: 25%;">item1.3</li>
<li style="border-bottom: 1px solid #ccc; display: inline; float: left; line-height: 1.5em; width: 25%;">item1.4</li>
<li style="border-bottom: 1px solid #ccc; display: inline; float: left; line-height: 1.5em; width: 25%;">item2.1</li>
<li style="border-bottom: 1px solid #ccc; display: inline; float: left; line-height: 1.5em; width: 25%;">item2.2</li>
</ul>

Labels:

Comments

Post a Comment

Popular posts from this blog

Bitcoin / Cryptocurrency – what is it and how can I benefit

By
What is it I started investigating Bitcoin when it was worth just over $1000 a bitcoin. I was interested in what it was and how it worked. A lot of people are saying we missed the boat, but I believe that everyone should at least try put a little money in now, or at least use a faucet (see below) to make a little micro-currency. You can read a Wiki article about bitcoin and its history etc. But what you need to know is that it is a currency, that is independent of country. No one really knows who invented the concept of a cryptocurrency since the person who published the paper used a nom de plume. All new cryptocurrencies work more or less the same way as Bitcoin. So as I explain below I interchange these terms. Bitcoin is the original cryptocurrency. How Bitcoin works The currency releases a coin based on a mathematical formula. There will never be more than 21 million bitcoins (other cryptocurrencies do not work like this). Each bitcoin can have divided into one hundred mil...
Post a Comment
Read more

iTunes song purchased on iPhone not showing in the library, only show purchased

By
I recently purchase an album on my iPhone, and then when I wanted to mke sure it was in my iTunes library it was not there, but in the Store I found it and it said purchased. If I clieck on Check for Available Downloads, it said nothing. After some search i found this: https://discussions.apple.com/thread/5551143 Which had this fact: " Music can't be redownloaded in all countries, so depending upon where you are you might not be able to redownload music. If music does show as a category, but not that album, then is it hidden :   http://support.apple.com/kb/HT4919 " I then connected my iPhone and saw that to copy a purhcase your computer's iTunes via File > Devices > Transfer Purchases
Post a Comment
Read more

Access conversion NOTE1: default DateSerial in VBA/Access to SQL

By
I have started slowly converting my Access database to SQL. The reason is that I would like to take the application online. After trying to use Access's (version 2007) transfer tool, which did not work that well. I found Microsoft's SQL Migration Assistant 2008 for Access, nicknamed SSMA. Which you can download here . When you install there is a niggle about the license, which you need to download into their specified directory and it must be the name they provide. So about the create table. My one table would not convert and I could not see why. After looking at the SQL command I saw the problem was the use of DateSerial. I googled a few sites and could not find an answer The CREATE TABLE line was: [RequireUntilDate] datetime2(0) DEFAULT DateSerial(1980,1,1) NOT NULL, I clicked on the whole command and copied it and then in SQL Server Management Studio, I tried to create the table and found that if I specified the date in US date format it worked: [RequireUnti...
Post a Comment
Read more