TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

jetzt buchen

Breite der Searchbox


Autor Nachricht
Verfasst am: 26. 10. 2011 [22:09]
Chrisse
Themenersteller
Dabei seit: 16.07.2006
Beiträge: 53
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
Profil
Verfasst am: 27. 10. 2011 [13:53]
karlchen
Dabei seit: 19.10.2006
Beiträge: 921
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.
Profil