Lines on the screen as if the browser is temporarily freezing

Similar Questions

• How can I get my navigation bar to stay on one line when the browser window is reduced to the minimum?

  I am new to coding and that you just created my first website in html and css.  I know that coding is quite disastrous, and I have a lot to learn and I hope someone can guide me in the way to solve this problem.  When the window is minimized, the navigation bar is broken down into 2 or 3 lines but I want the navigation bar to fit the window, regardless of the size of the client machine.

  I think I should add a media query, but I don't know if I do and if until the code to use and where to put?

  I fear that the page will be visible correctly on a desktop computer and I really want to learn how to make a fluid layout that can be accessed on 320px, 768px and 1200px.

  Any guidance would be greatly appreciated.

  Here is my code:

  HTML

  <! doctype html >

  < html >

  < head >

  < meta charset = "utf-8" >

  The Engineer < /title > < title > corset

  < link href = "styles/style.css" rel = "stylesheet" type = "text/css" media = "screen" > "

  < style type = "text/css" >

  {body

  background-color: #000;

  }

  < / style >

  < / head >

  < body >

  < div id = "container" >

  < div id = "navbar" >

  < ul id = "nav" >

  < li > < span class = "current-menu-item" > home </span > < /li >

  < li > < a href = "about.html" > about us < /a > < /li > "

  < li > < a href = "workshops.html" > workshops < /a > < /li > ""

  < li > < a href = "news.html" > News < /a > < /li > ""

  < li > < a href = "gallery.html" > Gallery < /a > < /li > ""

  < li > < a href = "contact.html" > contact us < /a > < /li >

  < /ul >

  < / div >

  < div id = "header" >

  "< img src="images/final/headerbeauty3.png "width ="1100"height ="341"alt ="of engineering the Corset">

  < / div >

  < div id = 'links' >

  < ul id = "link" >

  " < li > < a href =" https://www.Facebook.com/Bristolengineer "target ="_blank"" > < img src="images/final/fb3.png" width = "200" height = "45" alt = "follow us on Facebook" > < /li > "

  " < li > < a href =" https://Twitter.com/Engineerscorset "target ="_blank"" > < img src="images/final/twitter2.jpg" width = "200" height = "45" alt = "Follow us on Twitter" > < /a > < /li > "

  < /ul >

  < / div >

  < div class = "charming" >

  < img src = "images/final/CD Logo fin.png" width = "240" height = "200" alt = "Chantry Dance Company" >

  < / div >

  < div class = "about" >

  < P > corset engineer is a new play written by Janet Goddard for the performance by the Bristol community in 2015. < br > ~ < br >

  The game is based on the extraordinary events of real life of 1843 surrounding Catholic.org Kingdom Brunel's near-death experience after having swallowed a coin.  We travel through time to discover the adventure and horror of the Victorian industrialization. < Br > ~ < br > using the Corset of a community theater group The Engineer tells a familiar story of Brunel near death experience when he swallows a half sovereign gold. His wife, Mary fights to keep his cool but is torn by the waiting game. His servants and his staff, using dance and sound, expand his horizons. Like Mary the public too will see life in the 1840s through a different lens. < /p >

  < / div >

  < div class = "workshops" >

  "< img src="images/final/bridgebridge.jpg "width ="1100"height = '713' alt ="clifton suspension bridge">

  < span > < a href = "workshops.html" > will host us a series of workshops before production and hope that you will join us.  For more information, click here. < /a > < / span >

  < / div >

  < div id = "sponsorspace" > < / div >

  < div id = "footer" > < p > & copy; Heartprints Web Design 2014 < /p > < / div >

  < / div >

  < / body >

  < / html >

  CSS

  @charset "utf-8";

  / * CSS document * /.

  {body

  do-family: Arial, Helvetica, without serif.

  font-size: 125%;

  }

  @media screen {}

  #navbar:

  #navbar li {}

  Police: Arial 25px;

  display: inline;

  list-style-type: none;

  Background: #09F;

  Color: #000;

  border-radius: 20px;

  Padding: 15px 25px;

  }

  .the-menu-item {}

  color: #0FF;

  }

  #navbar a {}

  Padding: 15px 25px;

  background-color: #6cf;

  Color: #000;

  text-decoration: none;

  border-radius: 20px;

  }

  #navbar a: hover {}

  background-color: #0FF;

  Color: #000;

  Padding: 15px 25px;

  }

  #header {}

  Width: 1100px;

  height: 340px;

  margin-left: 50px;

  margin-top: 0px;

  margin-bottom: 0px;

  border-style: ridge;

  border width: 5px;

  border-color: #09F;

  }

  #links li {}

  display: inline;

  Width: 700px;

  margin left: 300px;

  }

  {.chantry}

  margin left: 40px;

  }

  .about {}

  position: relative;

  Width: 860px;

  text-align: center;

  background-color: #CCC;

  Color: #000;

  border-style: ridge;

  width of the border: 3px;

  border-color: #09F;

  border-radius: 15px;

  float: right;

  margin-top:-200px;

  right margin: 90px;

  }

  level {}

  position: relative;

  Width: 1100px;

  height: 713px;

  font-size: 24 PX.

  margin-left: 50px;

  border-style: ridge;

  border width: 5px;

  border-color: #09F;

  top of the margin: 130px;

  }

  level span {}

  position: absolute;

  Background: #6CF;

  Color: #000;

  left: 30px;

  top: 30px;

  right: 800px;

  Padding: 15px;

  font: 1em Georgia, serif;

  make-style: italic;

  text-align: center;

  border: 5px solid #09F;

  border-radius: 20px;

  top of the margin: 35px;.

  }

  duration of grade a {}

  Color: #000;

  }

  #link li {}

  border-style: solid;

  border-color: #6CF;

  padding: 10px 10px 30px of 5px;

  }

  {} .info

  text-align: center;

  Width: 1100px;

  top of the margin: 50px;

  margin-bottom: 50px;

  }

  . CDC {}

  float: left;

  right margin: 50px;

  left margin: 45px;

  }

  {.workshopinfo}

  height: 250px;

  text-align: center;

  top of the margin: 50px;

  }

  .pictures {}

  Height: 500px;

  text-align: center;

  top of the margin: 50px;

  }

  #footer {}

  text-align: center;

  top of the margin: 700px;

  color: #0CF;

  }

  {.brunel}

  top of the margin: 50px;

  margin left: 400px;

  }

  {#workshops2}

  Width: 1000px;

  border-style: outset;

  border width: 5px;

  Padding: 15px;

  border-color: #09F;

  background-color: #6CF;

  margin left: 100px;

  text-align: center;

  }

  #workshops2 a {}

  Color: #000;

  }

  {#sponsorspace}

  height: 300px;

  background-color: #6CF;

  border-style: outset;

  border-color: #09f;

  top of the margin: 15px;

  }

  Gives #navbar a width that is large enough to hold all the buttons it contains.

  {#navbar}

  Width: ###px;

  }

  Replace # with a number of pixels, large enough to hold the nav buttons.

• Annoying dotted lines in the browser

  Hi all

  I use a HTML Dreamweaver layout with links using a style with CSS unordered list. When I click on the dotted yellow link surrounds the box containing the link in Firefox and IE. How can I get rid of the yellow dotted line?

  Thank you!

  Randy

  Have a look here

  http://CSS-tricks.com/removing-the-dotted-outline/

• I lost my address line of the browser on my firefox home page, how do I restore it?

  The issue is free explainotoey

  Hello

  Please try to the reset bar of tools and controls in Safe Mode.

• How can I stop complete auto on the line of the browser search

  I'm operating in private research. I deleted the search history. But when I start to type in a topic of research, Firefox suggests historical precedent research corresponding letters I typed in so far. I would like to stop and delete all.

  Click in the right search box and uncheck the show suggests.

  or

  Options > privacy > Location Bar > when you use the suggest bar location > select anything

• SVG of Illistrator seems well in the programs but the lines appear when in the browser. Why?

  Graphic in Illustrator SVG seems to animate, but appears with the lines in the browser. Why?

  The reason for white lines is the works of how anti-aliasing. These are the artifacts of smoothing and you can't do much.

  For example, you have 2 black rectangles. The left, 5.5 pixel and right stop, we start 5.5.Ideally, you expect both of them to merge and no gap line. But in the browsers of the way this works is, each shape is rendered on its own. The left at 6 gets mixed up on the black with an opacity of 50% and when it renders the right, column 6 again gets mixed wire black one with an opacity of 50%, making it now a black man with an opacity of 75%, so you see these lines. It is the question. You can solve the problem by making things overlap always press the limits of pixels.

  Kind regards

  Soline

• Comment charger Acrobat reader DC in Add-ons pour that the browser can display a PDF file?

  I can't view a PDF of an administration in line with the browser window. Acrobat DC is not in the add-ins.

  Hi francoisp84187780,

  To view the PDF in the browser, please follow the steps mentioned in the link of the KB doc:

  https://helpx.Adobe.com/Acrobat/using/display-PDF-in-browser.html

  Hope that helps.

  Kind regards

  Ana Maria

• Database locked row when the user closes the browser after a change without saving changes

  Hello
  
  I have a page in which the user can enter some data and save it.
  When the user asks a row and update it.
  Without saving changes, if the browser is closed, next time when the page is loaded for the update, he said that the line of database is locked with the following error.
  
  Error: Cannot lock the file, another user owns the lock.
  Unable to lock the file, another user owns the lock.
  
  How we handle this?
  We can unlock the line when the browser is closed?
  
  Thanks for any help.
  Sameer

  Assuming you are using ADF BC to access your database, change the optimistic locking setting:
  http://download.Oracle.com/docs/CD/E14571_01/Web.1111/b31974/bcstatemgmt.htm#BABGCDDD

• Browser gets temporarily unstable after using it for a period of time, until reset

  I just installed Windows 8.1 to my computer, and I am currently using the latest version of Firefox. I noticed that after I used the browser for a while, when I'm watching a video stream, or scrolling / clicking through the pages, the browser hangs temporarily for a second.

  The thing that keeps the ground being restarts Firefox (with and without addons). As the browser becomes jerky, I tried other browsers like IE to see if it applies as well to that, and he behaves in a more fluid way.

  After awhile, it gets really annoying to have to reset the output and start the browser, each time that it starts to be shaken. Speculation as to what might bring him?

  Try disabling graphics hardware acceleration. As this feature has been added to Firefox, it has gradually improved, but there are still some problems.

  You will have to perhaps restart Firefox for it to take effect, so save any work first (e.g. you compose mail, documents online that you are editing, etc.).

  Then perform the following steps:

  1. Open the Firefox Options (Preferences on Mac or Linux) as follows:
     • In Firefox 29,0 and above, click on the menu button

       

       then select Options Preferences on Mac or Linux, or Windows.

     • In 28.0 Firefox and earlier versions, click on the Firefox orange upper-left button, then select the 'Options' button or, if there is no button up Firefox, go to tools > Options.
  2. In the window of Firefox Options (or preferences), click on the Advanced tab, and then select general.
  3. You will find in the list of parameters, the checkbox use hardware acceleration when available . Clear this check box.
  4. Now restart Firefox and see if the problems persist.

  In addition, please check the updates for your graphics driver by following the steps in the following knowledge base articles:

  • Troubleshoot extensions, themes, and issues of hardware acceleration to resolve common problems of Firefox
  • Update your graphics drivers to use hardware acceleration and WebGL

  This solve your problems? Please report to us!

  Thank you.

• You must give the line of the menu on screen of the browser. The one with bookmark and leadership on this issue.

  Question

  I have another type of problem with Firefox

  Description

  You must give the line of the menu on header of the browser screen. One with bookmark file top

  This has happened

  Each time Firefox opened

  When I clicked on the wrong button

  Version of Firefox

  3.6.3

  Operating system

  Windows XP

  User Agent

  Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; RV:1.9.2.3) Gecko/20100401 Firefox/3.6.3 (.NET CLR 3.5.30729)

  Plugins installed

  • -Default plugin
  • Shockwave Flash 10.0 r45
  • Windows Presentation Foundation (WPF) plugin for Mozilla browsers
  • Next-generation Java plug-in for the Mozilla browsers 1.6.0_16
  • Deploy Script NPRuntime plugin Library for Java (TM)
  • Adobe Acrobat plugin Version 7.00 for Netscape
  • The QuickTime Plugin allows you to display a wide variety of multimedia content in Web pages. For more information, see the Web of QuickTime site.
  • Npdsplay dll
  • DRM Netscape Plugin store
  • DRM Netscape Object network

  See the first item.

  Don't see the menu bar not (File, Edit, View, history, Favorites, tools, help)? Press and hold the button (Windows) (Linux and OSX see article below) and the following letters in this exact order: V T M
  The bar of menus must now appear permanently, unless you turn it off again (view > toolbars). Turn on/off the menu bar is a new feature in version 3.6.
  See: http://support.mozilla.com/en-US/kb/Menu+bar+is+missing

  Navigation, bar toolbar bookmarks and other toolbars under view > toolbars. By clicking on one of them will place a check mark (display) or remove the check mark (not shown).

  To display the status bar, view, and then click status bar to place a check mark (display) or remove the check mark (not shown).

  Mode full screen
  http://KB.mozillazine.org/netbooks#Full_screen

  See also:
  Back and front toolbar buttons or others are missing
  Customize controls, buttons, and Firefox toolbars

• Why print preview and print lose lines of text from the image to the screen in the browser

  When I bring up (for example) a magazine article in my browser and you want to print it for future reference, print preview and printed image 'lost' lines of text between pages compared to the original image in the browser. For example: visit this link: http://www.pcauthority.com.au/Feature/408318, how-to-make-windows-admin-easy-with-powershell.aspx?eid=2 & edate = 20150828 & utm_source = 20150828 & utm_medium = newsletter & utm_campaign = weekly_newsletter & nl = weekly and select 'Print' from the menu. Print preview that appears - poster in portrait mode or landscape - loses one or two lines of text for the print version wraps useless. Where the missing text? pagination is not identical, and Firefox seems unable to handle it.

  I use a HP desktop with Intel i7 CPU 8 GB of RAM and Win 7 Pro SP1. Firefox is V40.0.3

  I do not see "imposed by the system of page breaks" encoded in this Web page. It would be difficult for an author of a Web page with an international audience.

  You use A4 paper, but what about those of us using letter-size paper? Page breaks may screw up page print to LETTER, from a Web site to THE like this.
  And what about the 'zoom' different levels? For printing which is called scale preview of Firefox and Page Setup print.
  I put systematically "modest" when printing to save paper, to keep the last page to only a few lines, or when the font size in print preview is too great (IMO) for printing on paper. And the size of police appeared to have worsened as monitor resolutions have gotten larger over the years.

  The only time wherever I lost lines of text between printed pages was when I was "pushing the limits" with the paper up and down / page margins. IOW, too small header / footer trying to get on each page as possible. By default, Firefox a. 5 "margins (left and right) with. 5 "header / footer (top and bottom margins) = letter-size paper. With 'A' type of paper using metric would be tantamount to the margins of 12.7 mm on all four sides. The /metric of inches "toggle" is with the size of the paper, the user has selected.

  Check the Page > margins & header / footer to see if you have the parameters of ~ 12mm or it they are smaller.

• touch screen has two lines in the upper part

  I just bought a R5-571 of Best Buy. It's a two in one, but there's an ine doulbe which crosses the top of the screen. However, my initial was that it served a purpose and there was some setting that was originally there, but I couldn't find anything. I took a screenshot, but the lines do not appear in the screenshot. If you use the browser Chrome location would be right in the middle of the tabs down through the entire screen or about 3 mm high and the lines are about 1 mm.

  I would like to take it back to Bestbuy and Exchange.

• changing screen size of the browser fitt?

  Hello
  I exported my swf with fetch, but my index file appears to be encapsulated in a white
  a resident inside the browser window. How can I change that so it fitts full screen. ?
  Thanks a lot for help
  still to learn!
  
  

  you will find in the html file that incorporates your swf file:

  change the following line:

• My iPhone keeps having more than 6 lines by the top of my screen

  my iPhone 6 s more ceases to be lines at the top of my screen how to fix

  Hi Nicky,

  Which model did you - your subject line 6 more, the text says 6 s more?

  If you have a 6 in addition, there are reports more and more a problem showing flickering lines at the top of the screen. See http://ifixit.org/blog/8309/iphone-6-plus-gray-flicker-touch-death/

  (Electronics 6s is arranged differently)

• Part of the browser screen will flash intermittently and when trying to select a link out of my drop-down lists, click with the mouse selects the link above it.

  These problems occur only when you use Mozilla Firefox. I am using a Lenovo Thinkpad:
  1 site Web seem to flicker on the images, videos, maps, when the mouse moves around the screen.
  2 pointing the mouse over a link in the browser and a left click activating the link above (if it exists)

  Do not experience problems with google or ie. It started a few days ago.

  Thoughts?

  Hello paulo.eichelberger, try Disabling graphics hardware acceleration.

  You will have to perhaps restart Firefox for it to take effect, so save any work first (e.g. you compose mail, documents online that you are editing, etc.).

  Then perform the following steps:

  1. Open the Firefox Options window as follows:
     • Click the menu button

       

       then select Options.

  2. In the Options of Firefox window, click the Advanced tab, and then select general.
  3. You will find in the list of parameters, the checkbox use hardware acceleration when available . Clear this check box.
  4. Now restart Firefox and see if the problems persist.

  In addition, please check the updates for your graphics driver by following the steps in the following knowledge base articles:

  • Troubleshoot extensions, themes, and issues of hardware acceleration to resolve common problems of Firefox
  • Update your graphics drivers to use hardware acceleration and WebGL

  This solve your problems? Please report to us!

  Thank you.