Zum Inhalt springen

Breite der Searchbox

Erstellt am 26. Oktober 2011 · 1 Antwort · letzte Antwort am 27. Oktober 2011

Tags: HTML & CSS, Suche, Frage

Chrisse ·

Guten Abend,

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

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

karlchen ·

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

in deiner CSS probier es mal mit folgender Regel:

.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.