indexed_search: Template ohne Tabellen

Ich hasse unötige Tabellen, daher hier ein Template für indexed_search komplett ohne table, br oder p. Alles nur span oder div, daher kann man auch alles per CSS formatieren.

Hier ein Auszug aus dem Stylesheet, wie es z.B. sein könnte, das Ergebnis gibts auf derdrink.net

/*** indexed_search ***/
.tx-indexedsearch-searchbox form {
margin: 0;
padding: 0;
}
.tx-indexedsearch-searchbox .formline {
clear: both;
padding-bottom: 10px;
overflow: auto;
}
.tx-indexedsearch-searchbox label {
width: 150px;
float: left;
}
.tx-indexedsearch-searchbox input {
float: left;
border: 1px solid #116aae;
}
.tx-indexedsearch-searchbox-button {
width: 150px;
border: 1px solid #116aae;
background-color: #ffffff;
color: #116aae;
}
.isearch_linkMode {
display: block;
float: left;
padding: 2px 10px;
}
.tx-indexedsearch-rules {
position: relative;
padding: 10px 0;
}
.tx-indexedsearch-rules h2 {
font-weight: normal;
font-size: 100%;
padding: 0;
margin: 0;
}
.tx-indexedsearch-rules a .isearch-rules-text {
display: none;
text-decoration: none;
color: #116aae;
}
.tx-indexedsearch-rules a:hover .isearch-rules-text{
display: block;
text-decoration: none;
position: absolute;
font-weight: normal;
top: 0;
left: 100px;
background-color: #ffffff;
padding: 10px;
}
.tx-indexedsearch-whatis {
padding-bottom: 10px;
}
.tx-indexedsearch-sw {
font-weight: bold;
}
.tx-indexedsearch-browsebox {
padding-bottom: 10px;
}
.tx-indexedsearch-res .result-row {
margin: 10px 0 20px 0;
}
.tx-indexedsearch-icon {
float: left;
display: block;
}
.tx-indexedsearch-result-number {
float: left;
display: block;
}
.tx-indexedsearch-title {
float: left;
display: block;
}
.tx-indexedsearch-percent {
float: right;
display: block;
}
.tx-indexedsearch-descr {
clear: both;
display: block;
}
.tx-indexedsearch-info {
clear: both;
display: block;
}
.tx-indexedsearch-path {
display: block;
}