Gå til innhold

Google Custom Searchbar: Hvordan unngå avkappet tekst?


Anbefalte innlegg

Jeg prøver å bruke Google Custom Searchbar i en kolonne som er 475px bred. Når man søker i er 475px for smalt til at alle resultattitlene vises på en linje. Teksten på andre linje blir avkappen slik som vises på bildet.

 

Screen%20Shot%202012-03-13%20at%209.19.41%20AM.png

 

Er det noen som vet hvordan jeg enten tar bort, eller gjør slik at hele linje to vises?

 

<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.no/jsapi" type="text/javascript"></script>
<script type="text/javascript"> 
 google.load('search', '1', {language : 'no', style : google.loader.themes.MINIMALIST});
 google.setOnLoadCallback(function() {
   var customSearchOptions = {};  var customSearchControl = new google.search.CustomSearchControl(
     '013091832181471213467:wr6cjzs5cge', customSearchOptions);
   customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
   customSearchControl.draw('cse');
 }, true);
</script>
<style type="text/css">
 .gsc-control-cse {
   font-family: Georgia, serif;
   border-color: #FFFFFF;
   background-color: #FFFFFF;
 }
 .gsc-control-cse .gsc-table-result {
   font-family: Georgia, serif;
 }
 input.gsc-input {
   border-color: #333333;
 }
 input.gsc-search-button {
   border-color: #000000;
   background-color: #333333;
 }
 .gsc-tabHeader.gsc-tabhInactive {
   border-color: #000000;
   background-color: #000000;
 }
 .gsc-tabHeader.gsc-tabhActive {
   border-color: #333333;
   background-color: #333333;
 }
 .gsc-tabsArea {
   border-color: #333333;
 }
 .gsc-webResult.gsc-result,
 .gsc-results .gsc-imageResult {
   border-color: #FFFFFF;
   background-color: #FFFFFF;
 }
 .gsc-webResult.gsc-result:hover,
 .gsc-imageResult:hover {
   border-color: #ffffff;
   background-color: #FFFFFF;
 }
 .gsc-webResult.gsc-result.gsc-promotion:hover {
   border-color: #ffffff;
   background-color: #FFFFFF;
 }
 .gs-webResult.gs-result a.gs-title:link,
 .gs-webResult.gs-result a.gs-title:link b,
 .gs-imageResult a.gs-title:link,
 .gs-imageResult a.gs-title:link b {
   color: #000000;
 }
 .gs-webResult.gs-result a.gs-title:visited,
 .gs-webResult.gs-result a.gs-title:visited b,
 .gs-imageResult a.gs-title:visited,
 .gs-imageResult a.gs-title:visited b {
   color: #666666;
 }
 .gs-webResult.gs-result a.gs-title:hover,
 .gs-webResult.gs-result a.gs-title:hover b,
 .gs-imageResult a.gs-title:hover,
 .gs-imageResult a.gs-title:hover b {
   color: #990000;
 }
 .gs-webResult.gs-result a.gs-title:active,
 .gs-webResult.gs-result a.gs-title:active b,
 .gs-imageResult a.gs-title:active,
 .gs-imageResult a.gs-title:active b {
   color: #333333;
 }
 .gsc-cursor-page {
   color: #000000;
 }
 a.gsc-trailing-more-results:link {
   color: #000000;
 }
 .gs-webResult .gs-snippet,
 .gs-imageResult .gs-snippet,
 .gs-fileFormatType {
   color: #333333;
 }
 .gs-webResult div.gs-visibleUrl,
 .gs-imageResult div.gs-visibleUrl {
   color: #000000;
 }
 .gs-webResult div.gs-visibleUrl-short {
   color: #000000;
 }
 .gs-webResult div.gs-visibleUrl-short {
   display: block;
 }
 .gs-webResult div.gs-visibleUrl-long {
   display: none;
 }
 .gs-promotion div.gs-visibleUrl-short {
   display: none;
 }
 .gs-promotion div.gs-visibleUrl-long {
   display: block;
 }
 .gsc-cursor-box {
   border-color: #FFFFFF;
 }
 .gsc-results .gsc-cursor-box .gsc-cursor-page {
   border-color: #000000;
   background-color: #FFFFFF;
   color: #000000;
 }
 .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
   border-color: #333333;
   background-color: #333333;
   color: #666666;
 }
 .gsc-webResult.gsc-result.gsc-promotion {
   border-color: #CCCCCC;
   background-color: #E6E6E6;
 }
 .gsc-completion-title {
   color: #000000;
 }
 .gsc-completion-snippet {
   color: #333333;
 }
 .gs-promotion a.gs-title:link,
 .gs-promotion a.gs-title:link *,
 .gs-promotion .gs-snippet a:link {
   color: #000000;
 }
 .gs-promotion a.gs-title:visited,
 .gs-promotion a.gs-title:visited *,
 .gs-promotion .gs-snippet a:visited {
   color: #000000;
 }
 .gs-promotion a.gs-title:hover,
 .gs-promotion a.gs-title:hover *,
 .gs-promotion .gs-snippet a:hover {
   color: #444444;
 }
 .gs-promotion a.gs-title:active,
 .gs-promotion a.gs-title:active *,
 .gs-promotion .gs-snippet a:active {
   color: #000000;
 }
 .gs-promotion .gs-snippet,
 .gs-promotion .gs-title .gs-promotion-title-right,
 .gs-promotion .gs-title .gs-promotion-title-right *  {
   color: #333333;
 }
 .gs-promotion .gs-visibleUrl,
 .gs-promotion .gs-visibleUrl-short {
   color: #000000;
 }
</style>

Lenke til kommentar
  • 4 uker senere...
Videoannonse
Annonse

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...