Web Links

  • Print

Print screen without any additional CSS

 

Weblinks zonder aanvullende stijling

 

Structure with classes and id's


div.componentheading
table.contentpane (align:center)
tr
td (width:60%)
form table
tr
td (align:right)Toon # select.inputbox#limit
tr
td.sectiontableheader (width:10 text-align:right) #
td.sectiontableheader (width:90% height:20) a Web link
td.sectiontableheader (width:30 height:20 text-align:center) a Hits
tr.sectiontableentry1
td (align:right) 1
td (height:20) img (weblink.png)
a.category Creative Web Studio span.description
td (align:center) 2
tr.sectiontableentry2
td (align:right) 2
td (height:20) img (weblink.png)
a.category Nederlandse Joomla Website span.description
td (align:center) 2
tr
td.sectiontablefooter (align:center)
tr
td.pagecounter (align:right)
tr
td (width:60%)
ul
li a.category weblinks span.small (2)

 

CSS

 

table.contentpane td form table td {
   padding: 3px 0 3px 0;
   vertical-align: top;
}

table.contentpane td form table td span.description {
   display: block;
   padding: 0 0 0 20px;
}

table.contentpane td form table tr.sectiontableentry1 td img {
   display: none;
}

table.contentpane td form table tr.sectiontableentry1 td a.category {
   font-size: 12px;
   font-weight: bold;
}

table.contentpane td form table tr.sectiontableentry2 td img {
   display: none;
}

table.contentpane td form table tr.sectiontableentry2 td a.category {
   font-size: 12px;
   font-weight: bold;
}

table.contentpane td ul {
   display: none;
}

 

Print screen after applying CSS

 

Pagina Weblinks gestijld

Comments (0)
Post a commment or ask a question!
Your Contact Details:
Comment:
Security
Please input the anti-spam code that you can read in the image.