How can i remove a unwanted horizontal scroll bar on IE?
I have an expanding search bar in my navigation, however only on IE the horizontal scroll appears which allows you to move it off the screen. Which obviously i don't want. It there any way to stop this?
Here is my HTML and CSS;
<div id="logocontainer">
<div id="secondary-bar" class="clearfix">
<form id="search" action="#" method="post">
<div id="label"><label for="search-terms" id="search-label">search</label></div>
<div id="input"><input type="text" name="search-terms" id="search-terms" placeholder=""></div>
</form>
<nav>
<ul>
<li><a href="#">[email protected]</a></li>
<li><a href="#">(0191)2521348</a></li>
<div class="box"><a href="https://twitter.com">twitter</a></div>
<div class="box2"><a href="http://instagram.com">instagram</a></div>
</ul>
</nav>
</div>
#secondary-bar {
position: relative;
height: 40px;
padding-left: 60px;
margin-top: 3%;
min-width: 320px;
@media all and (max-width: 1000px) {
#secondary-bar {
margin-left: auto;
margin-right: auto;}
#search {
position: relative;
float: right;
width: 40px;
height: 40px;
margin-left: -40px;
#label {
width: 40px;
height: 40px;
position: relative;
z-index: 20;
#label label {
display: block;
width: 40px;
height: 40px;
background:url("../Graphics/search.png") 0 0;
font-size: 0;
color: rgba(0, 0, 0, 0);
text-indent: 9999px;
cursor: pointer;
#label label:hover {
background:url("../Graphics/search.png") -40px 0
#label.active label {
background:url("../Graphics/search.png") -40px 0
#input {
position: absolute;
top: 0;
right: 45px;
width: 410px;
height: 40px;
z-index: 5;
overflow: hidden;
#input input {
display: block;
position:relative;
top: 0;
left: -410px;
width: 410px;
height: 100%;
margin: 0;
padding: 0 10px;
border:solid;
border-width:thin;
border-color:#706E6E;
background-image:url(../Graphics/black-linen.png);
color: #898888;
font-size: 12px;
-ms-backface-visibility: none;
-webkit-backface-visibility: none;
-moz-backface-visibility: none;
backface-visibility: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-ms-transition: left 0;
-webkit-transition: left 0;
-moz-transition: left 0;
-o-transition: left 0;
transition: left 0;
overflow: hidden;
#input input:focus {
outline: none
#input.focus {
z-index: 20
#input.focus input {
left: 0;
-webkit-transition: left 0.3s;
-moz-transition: left 0.3s;
-ms-transition: left 0.3s;
-o-transition: left 0.3s;
transition: right 0.3s;
nav{
width: 96%;
float: left;
position: relative;
z-index: 10;
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
nav li {
display: inline-block;
height: 40px;
line-height: 40px;
font-size: .9rem;
float: right;
margin-top: .5%;
font-weight:100;
nav a {
display: block;
padding: 0 15px;
color: #787878;
nav a:hover {
color: #FFF;
That results in the search bar being visible before clicking to expand it, like this
and it moves to its correct position when clicking on magnifying class.
Similar Messages
-
How can i remove an unwanted store balance from my account
how can i remove an unwanted store balance from my account
If you can't spend it then you can try contacting iTunes support and ask if they can remove the balance from ir for you : http://www.apple.com/support/itunes/contact/- click on Contact iTunes Store Support on the right-hand side of the page.
-
How do I temporarily hide the horizontal scroll bar ?
How do I temporarily hide the horizontal scroll bar ?
cor-el: I have re-read your posts and have attempted to follow the instructions with these results:
Firefox>tools>web developer>scratch pad(deleted the instructions so as to have a blank box)>inserted your code, vis. javascript:void(document.body.style.setProperty('overflow-x','hidden',));
The result was: syntax error
I then performed the same steps as above but inserted your code: javascript:void(document.body.style.setProperty('overflow-y','hidden','important'));void(document.body.style.setProperty('overflow-x','hidden','important'));
The result was that after clicking on 'run' nothing at all happened. The cursor just kept blinking.
I'll bet that there is just some small syntactic error. -
How can I eliminate unwanted horizontal scroll bars from certain pages on my site?
A few pages on my website have a horizontal scroll bar at the bottom of the browser. I have several other pages in the exact same format and none of them have the horizontal scroll. No elements are off the edge of the page or anything. I'm a designer and don't know code, which is why I'm using Muse, but all the forums I've checked so far give coding solutions that I don't understand or know how to apply to my Muse site. Anyone have any suggestions?
Can you post a URL for your site? (You could publish a free temporary site on Adobe Business Catalyst and provide the URL.)
Other than the page being wider than the browser window or there being content that's outside the page bounds, I don't know what else to tell you to look for. If you provide a URL, we can probably detect what's causing the horizontal scrollbar and let you know what needs to change. -
How can I remove one unwanted image directory?
Hi experts,
due to privilige of anonymous to access XDB, I tried to use the script below to re-create a image:
-- connect to oracle and log sys as sysdba
@apex_epg_config c:\my_image_dir
And then I found two image diretories on my localhost:
http://localhost/
Index of /
Name Last modified Size
OLAP_XDS/ Thu, 01 Nov 2007 21:34:47 GMT -
home/ Mon, 13 Jul 2009 02:19:32 GMT -
images/ Thu, 13 Aug 2009 03:33:07 GMT -
images_200908131131/ Thu, 13 Aug 2009 03:31:54 GMT -
olap_data_security/ Thu, 01 Nov 2007 21:34:48 GMT -
public/ Thu, 01 Nov 2007 21:21:50 GMT -
sys/ Mon, 13 Jul 2009 02:19:31 GMT -
From the created on (time) in EM--> security --> resources --> , I can find the images_200908131131/ is the first image for APEX.
And now I configured anonymous OK. APEX works.
I think it still uses the images_200908131131/.
And I think I have created a unwanted images/.
How can I remove it?
And is there a way to prevent link to http://localhost/. Generally, we access http://localhost/apex/f?p:APP_ID:..
If I don't want user to link http://localhost/ to find the file catalog listed above, What can I do?
Thanks advance.
PPMonkey.
Edited by: PPMonkey on Aug 13, 2009 7:29 PM
Edited by: PPMonkey on Aug 13, 2009 7:30 PMHi,
I don't use thumbnails but I went ahead and turned them on.
Perhaps due to the position of the slideshow only a few thumbnails appeared.
I wasn't able to delete the image I wanted removed.
I tried to remove the image from my assets, and that deleted the whole slide show.
( didn't save the changes )
thanks,
christos -
How can i remove history from the menu bar?
I don't want the option "history" showing on the menu bar, how can i remove it?
Add code to [http://kb.mozillazine.org/UserChrome.css userChrome.css] below the @namespace line.
<pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
#history-menu { display:none!important; }
</nowiki></pre>
* http://kb.mozillazine.org/Editing_configuration
* ChromEdit Plus: http://webdesigns.ms11.net/chromeditp.html -
Can we manipulate the Show Horizontal Scroll Bar property during runtime?
Hi
i have set the Show Horizontal Scroll bar to true in the property palette during design time but i want to set to false during run-time based on certain conditions.
it is possible to set the Show Horizontal Scroll Bar property of the forms window to true or false during runtime?
if yes, how do you do it?
any help is appreciated. thx.
SitiHi there
thank you for the reply.
so is resizing of canvas using set_canvas_property('CANVAS6',WIDTH,690)
possible during run-time based on certain conditions? thx.
Siti -
''Duplicate post, continue here - [https://support.mozilla.com/en-US/questions/805257]''
i stupidly installed incredimail...Have removed it and the toolbar in add/remove. But the toolbar is still there, along with 2 others i never asked for, or even know what they are...Windows xpHi peahen,
Most toolbars are just add-ons. I would try going to ''Tools >Add-ons>Extension'' and removing it from there. You might need to restart Firefox afterwards, but that should be all it takes.
Hopefully this helps! -
How can we remove an unwanted # in sales order texts created using a bapiFM
Hi,
i've written the following code which splits the record fetched from apllication server and moves it into a workarea.
CONSTANTS:c_sep VALUE cl_abap_char_utilities=>horizontal_tab, "for separation
SPLIT wa_tab1-rec1 AT c_sep INTO wa_inf_itm-inf_vbeln
wa_inf_itm-itm_number
wa_inf_itm-material
wa_inf_itm-req_qty
wa_inf_itm-uom
wa_inf_itm-amount_pr00
wa_inf_itm-amount_pi02
wa_inf_itm-amount_mwst
wa_inf_itm-amount_vprs
wa_inf_itm-currency
wa_inf_itm-text.
Here c_sep will have a value '#' instead of 'space' in Flatfile from application server.
The field 'wa_inf_itm-text' though it doesnot contain any value in debugging, when the sales order is created using FM 'BAPI_SALESORDER_CREATE_FROM_DAT2' the item texts are having a # character at the end of the text if it has any text(when checked in va03--sales order item text) or if it doesnot contain any text ,then also # character is seen in texts.
Thanks & Regards,
Prasad Reddy.hi
use
Replace all occurrence of '#' with space from .......
I think it will solve ur problem.
Rewards with point if helpful.
Regards
Santosh. -
Please If anybody know this answer, please post me.
Welcome to the Apple Community.
Your apps are not in your back up file, only your app data. -
How can I remove icons from the menu bar?
Help tells me to hold down the command key and drag the icon off the bar. But all that happens is that a dropdown menu appears which lists various actions which can be performed by the application. None of the actions listed include deleting the icon. When I try to drag the icon (still holding the command key down) it does not move at all.
I am running OS X 10.7.4.Do you mean the screen's menubar or the Finder's toolbar? Would you take a screen snapshot of what you are trying to remove? Some menubar icons are generated by the application and cannot be dragged out. Instead you have to quit the application that installs the item. I suspect this applies in your case.
-
How can i remove bookmarks on my iphone foxfire?
I have many more bookmarks on my firefox iphone app than I do on my iMac. How can I remove those unwanted bookmarks on my iphone?
Not very brighthttp://www.apple.com/support/iphone/mail/
settings >>>mail >>>gmail >>> and you can work the rest out yourself for your attitude -
Please advise, i have somehow downloaded some extra tracks of the same songs, plus their relavant albums showing in songs/albums lists on my ipod nano 7th gen,how can i remove the unwanted extra songs/albums safely. Please note i am a newcomer to using a ipod nano/uploading,downloading music.
Hi Myketyke,
Welcome to the Support Communities!
Since you are syncing your iPod nano to your computer, the best option is to remove the duplicates from the iTunes library on your computer. Then resync your device. The article below will show you how:
How to find and remove duplicate items in your iTunes library
http://support.apple.com/kb/ht2905
Cheers,
- Judy -
I have this site that I'm practicing on called
Massattack Studios,
it's been a work in progress for a while experimenting with Flash
and Dreamweaver 8.
In internet explorer my scroll bar situation works fine, in
Fire Fox the unwanted horizontal scroll bar appears. At least at
the moment I'm not concerned with other browsers. Can anybody tell
me how to get rid of that little guy?
I'm looking at the Validator and it is very overwealming to
me as a beginner with the code.
Any help would be great, i can post anything you may need to
figure it out, thank you very much!
This is my main index page...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<title>Massattack Studios</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
</head>
<frameset cols="*,650,*" border="0">
<frame src="left.htm" name="left" marginwidth="0"
marginheight="0" scrolling=no>
<frameset rows="100,*,25" border="0">
<frame src="head.htm" name="head" marginwidth="0"
marginheight="0" scrolling=no noresize>
<frame src="home.htm" name="MainFrame" scrolling="yes"
noresize="noresize" marginwidth="0" marginheight="0"
id="MainFrame">
<frame src="footer.htm" name="footer" marginwidth="0"
marginheight="0" scrolling=no noresize>
</frameset>
<frame src="right.htm" name="right" marginwidth="0"
marginheight="0" scrolling=no noresize>
</frameset>
<noframes><body>
</body></noframes>
</html>In the home.htm file that loads into your main frame, change
the DOCTYPE.
CHANGE:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"
TO THIS:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">BTW:
"Bumbing" has no effect in the NNTP forums where most of the
answers come
from and it's just annoying to the web form user who are
patiently waiting
for a response. -
Can horizontal scroll bar be removed?
The listbox controls have horizontal scroll bar that can not be removed by property notes. Is there a way to change it to invisible? Also how do I change the controls from raised or recessed to flat? Thank you for your help.
The only listbox with a horizontal scroll bar is the multicolumn listbox and it does have a property node to remove it or display it. In 8.5, the property is Visible Items>Horizontal Scrollbar Visible.
There are modern controls, classic controls, and system controls on the palette. Pick the one you want or right click on an existing one and select 'Replace'. You can also right click and select Advanced>Customize.
Maybe you are looking for
-
Not getting all resolutions from webcam with getFormats() - why?
Hey fellow Java geeks! I own a Philips SPC1300NC/00 which is a kick-ass webcam that can take up to 1.3 megapixel video/snapshots. Using Owen's code from http://forum.java.sun.com/thread.jspa?forumID=28&threadID=570463 it gives you a list of all avail
-
Download failed. Safari cannot download this file.
Hi there! I am trying to transfer a Ticketmaster ticket from "oss.ticketmaster.com" to Passbook. I have done this several times in the past, no problem. However this time, I am getting the following error message, "Download failed. Safari cannot down
-
Any word on a fix for Nokia Photo Transfer for Mac...
Since it won't even open since the update to OS X Mavericks...
-
I want to get a Router with a USB port for Home Sharing my library of Music and Movies off a 3TB external HD to my iMac, Apple TV, and iPad so that I don't have to leave my iMac on all the time, but more importantly, I have almost filled the 1TB of m
-
Handling of emails in Snow leopard
Dear All, I have recently made the transition form PC (Very happy BTW). Anyway I have one "Issue". On the PC if I opened my mail program, emails would download and I would read and then delete. If I then opened mail on my iphone the deleted emails we