---
title: "Breite der Searchbox"
url: "https://www.typo3.net/d/107951-breite-der-searchbox"
source: "typo3.net"
tags: ["Extensions","Frage","HTML & CSS","Suche"]
created: "2011-10-26"
last_reply: "2011-10-27"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Breite der Searchbox

Extensions · 1 Antwort · gestartet 2011-10-26

## Eröffnungsbeitrag

**Chrisse** · 2011-10-26 · [Beitrag #1](https://www.typo3.net/d/107951-breite-der-searchbox/1)

Guten Abend,

ich möchte gerne die Breite der onet_searchbox festlegen. Ich habe sie folgendermaßen eingebunden:

```typoscript
plugin.tx_indexedsearch._CSS_DEFAULT_STYLE (
.tx-indexedsearch {font-family:Arial;}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {width:150px; font-family:Arial; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {width:150px; font-family:Arial; }
.tx-indexedsearch .tx-indexedsearch-whatis P . tx-indexedsearch-sw {font-weight:bold; font-style:italic; font-family:Arial;}
.tx-indexedsearch .tx-indexedsearch-what is {margin-top:10px; margin-bottom:5px;font-family:Arial;}
.tx-indexedsearch .tx-indexedsearch-noresults {text-align: center; font-weight:bold; font-family:Arial;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title {background:#eeeeee; font-family:Arial;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P {font-weight:bold;font-family:Arial;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent {font-weight:normal;font-family:Arial;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P {font-style:italic;font-family:Arial; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup {color:red;font-family:Arial;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {background:#eeeeff;font-family:Arial;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px;font-family:Arial;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 {margin-top:0px; margin-bottom:0px; font-family:Arial;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE {background:#cccccc;font-family:Arial;}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD {vertical-align:absmiddle;font-family:Arial;}
.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em;font-family:Arial; }
.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left;font-family:Arial; }
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right;font-family:Arial; }
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left;font-family:Arial; }
.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none;font-family:Arial; }
.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; font-family:Arial;}

)

plugin.tx_indexedsearch {
  

  
  tableParams {
    searchBox = border=1 cellpadding=0 cellspacing=0
  }
  # deaktiviert Wert 1
  
  searchUID = 11
  show {
    advancedSearchLink = 0
    rules = 0
    parsetimes=0
    L1sections=1
    L2sections=1
    LxAlltypes=0
  }
  blind {
    defOp = 1
    desc = 1
    extResume = 1
    groups = 1
    lang = 1
    media = 1
    order = 1
    results= 1
    sections = 1
    type = 1  
   
  }
  
    
  }

}

 

    





lib.searchbox =COA_INT
lib.searchbox {

 
  show.advancedSearchLink = 0
  stdWrap.prefixComment = 2 | lib.searchbox
  10 = TEXT
  10.typolink.parameter = {$plugin.tx_indexedsearch.searchUID}
  10.typolink.returnLast = url
  10.wrap = <div id="indexedsearchbox"><form action="|" method="post" id="indexedsearch"><table cellpadding="0" cellspacing="0"  border="0">
  20 = COA
  20 {
    wrap = <tr> | </tr>
    10 = TEXT
    10.data = GPvar : tx_indexedsearch |sword
    10.htmlSpecialChars = 1
    10.wrap = <td>   <input name="tx_indexedsearch[sword]" value="Suche"  onblur="if (value =='') {value = 'Suche'}" onfocus="if (value == 'Suche') {value =''}"  class="searchbox-sword" type="text" /></td>
    20 = COA
    20 {
      wrap = <td> | </td>
      10 = TEXT
      10.value = <input type="hidden" name="tx_indexedsearch[sections]" value="0"   />
      20 = TEXT
      20.value = <input name="tx_indexedsearch[submit_button]" value="Suche" type="hidden" />
      30 = TEXT
      30.value = <input name="search" src="fileadmin/icons/zoom.gif" width="15" height="15" align="texttop" value="Suche" class="searchbox-button" type="image" />
    }
  }
  30 = COA
  30 {
    wrap = <tr>|</tr>
    10 = TEXT
    10.value = Advanced search »
    10.typolink.parameter = {$plugin.tx_indexedsearch.searchUID}
    10.typolink.additionalParams = &tx_indexedsearch[ext]=1
    10.wrap = <td align="right" colspan="2">|</td>
    if.isTrue = {$plugin.tx_indexedsearch.showAdvanced}
  }
  wrap = | </table></form></div>
}
```

Ich denke, der untere Teil ist der wichtigere. Ich bin mir nicht sicher wie und wo ich die Breite definieren kann.

Gruß
Christian

## Antworten

### [#2](https://www.typo3.net/d/107951-breite-der-searchbox/2) · karlchen · 2011-10-27

Das ist etwas für CSS, hat somit nicht wirklich was mit TYPO3 zu tun.

in deiner CSS probier es mal mit folgender Regel:

```css
.searchbox-sword{
width:350px;
}
```

Falls es nicht klappt, könnte eine ander CSS Regel, die später eingebunden wird, das eventuell überschreiben.
Wenn du kannst, poste einfach mal den Link zur Seite, so könnte man etwas genauer nachsehen.

---

Quelle: „Breite der Searchbox“, typo3.net, https://www.typo3.net/d/107951-breite-der-searchbox
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.