googlecse Skrevet 13. mars 2012 Del Skrevet 13. mars 2012 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. 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
NicholasWalkerHD Skrevet 8. april 2012 Del Skrevet 8. april 2012 Det ville vært lettere om du viste linken til der dette er så jeg kan bruke inspect element. Lenke til kommentar
Anbefalte innlegg
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 kontoLogg inn
Har du allerede en konto? Logg inn her.
Logg inn nå