I’m trying to make a horizontal rule with some text in the middle. For example: ———————————– my title here —————————– Is there a way to do that in CSS? Without all the “-” dashes obviously. 29 Answers 29
I have read a bit on this, but I can’t seem to find anything solid about how different browsers treat things. 7 s 7 A readonly element is just not editable, but gets sent when the according form submits. A disabled element isn’t editable and isn’t sent on submit. Another difference is that readonly elements … Read more
I’ve seen a couple questions around here like How to debug RESTful services, which mentions: Unfortunately that same browser won’t allow me to test HTTP PUT, DELETE, and to a certain degree even HTTP POST. I’ve also heard that browsers support only GET and POST, from some other sources like: http://www.packetizer.com/ws/rest.html http://www.mail-archive.com/[email protected]/msg13518.html http://www.xml.com/cs/user/view/cs_msg/1098 However, a … Read more
I want to provide my visitors the ability to see images in high quality, is there any way I can detect the window size? Or better yet, the viewport size of the browser with JavaScript? See green area here: 17 s 17 Cross-browser @media (width) and @media (height) values const vw = Math.max(document.documentElement.clientWidth || 0, … Read more
Is this defined by the language? Is there a defined maximum? Is it different in different browsers? 22 s 22 JavaScript has two number types: Number and BigInt. The most frequently-used number type, Number, is a 64-bit floating point IEEE 754 number. The largest exact integral value of this type is Number.MAX_SAFE_INTEGER, which is: 253-1, … Read more
Recently I was looking through some website’s code, and saw that every <div> had a class clearfix. After a quick Google search, I learned that it is for IE6 sometimes, but what actually is a clearfix? Could you provide some examples of a layout with a clearfix, compared to a layout without a clearfix? 9 … Read more
Is there a CSS-only way to style a <select> dropdown? I need to style a <select> form as much as humanly possible, without any JavaScript. What are the properties I can use to do so in CSS? This code needs to be compatible with all major browsers: Internet Explorer 6, 7, and 8 Firefox Safari … Read more
This is one of the minor CSS problems that plague me constantly. How do folks around Stack Overflow vertically align checkboxes and their labels consistently cross-browser? Whenever I align them correctly in Safari (usually using vertical-align: baseline on the input), they’re completely off in Firefox and IE. Fix it in Firefox, and Safari and IE … Read more
How can I get windowWidth, windowHeight, pageWidth, pageHeight, screenWidth, screenHeight, pageX, pageY, screenX, screenY which will work in all major browsers? 20 20 You can get the size of the window or document with jQuery: // Size of browser viewport. $(window).height(); $(window).width(); // Size of HTML document (same as pageHeight/pageWidth in screenshot). $(document).height(); $(document).width(); For … Read more
For anchors that act like buttons (for example Questions, Tags, Users, etc. which are located on the top of the Stack Overflow page) or tabs, is there a CSS standard way to disable the highlighting effect if the user accidentally selects the text? I realize that this could be done with JavaScript and a little googling … Read more
