HTML - Horizontal Line Display Resolution Help
I am trying to display a horizontal line using CSS and the results are fine when viewed with Mozilla Firefox 2.0, but not in IE6. I am not able to control the line height in IE6. In the test code below, I also included the deprecated properties code which works fine in both browsers. Any help to switching to CSS is greatly appreciated.
ineuw <html> <head> <style type="text/css"> div.hr { background-color: #ff0080; border: 0px; clear: left; color: #ff0080; float: left; height: 5px; margin: 4px 0px 4px 0px; width: 100%; } </style> </head> <body> <br> <br> <!-- deprecated mode works fine in both Firefox and IE --> deprecated display <div><hr size="5" color="#ff0080" bgcolor="#ff0080" width="100%"></div> <br> <br> <!-- line-height of 5px in the css has no effect in IE --> css display <div class="hr"></div> </body> </html> Similar TutorialsEvening one and all, I'm having a little problem. I've created a webpage that's 1280 pixels wide using HTML tables to structure my layout. I've tried viewing my page on a lower screen resolution - for example 800x600 but the page doesn't hold it's structure and allow me to view the page properly by placing a horizontal scroll bar at the bottom of the screen. Instead the browser squashes all the data to fit within the 800 pixel width of the screen. Is there some code I can insert in the page that commands the browser to display a scroll bar instead of squashing all the data to fit the 800 pixel width? I'm testing at the moment in Firefox 3.6.15 on Mac OSX 10.6.3. Thanks. Hi: I'm a newbie and am designing my 1st screen using Transistional HTML. Without using CSS, is there a simple way to draw a horizontal line across the screen ? TIA -Mel Smith Hi: I'm laying out a 7-col table with only vertical borders between the columns (i.e., rules="cols"). This shows correctly. However, after every 'n' rows or so, I wish to have a horizontal line across all seven columns of the table. Although I am a 'basic' CSS user (very basic), in this table I want to use 'plain vanilla' html or xhtml for this 'horizontal line' or border across the width of the table Thanks for any hints ! -Mel Smith -Mesa, Arizona Hello all, I am trying to replicate a style I have seen on the site listed below, where they appear to be using the CANVAS command to create a gradient top and bottom margin. I can seem to find anything online about how to do this but obviously they have figured it out. http://www.xtrememac.com/ Any ideas or pointing me in the right direction are greatly appreciated. Thanks! Help!!!! I have been looking at this for almost 6 hours and I still can't explain why my horizontal menu wrapped using Firefox and not IE. I have firefox 3 installed and some of the categories (on the same tree) wrapped and some doesn't. But if i refresh it a few times, it become normal again. This make no sense. Maybe I need to get some fresh air because i am starting to see spots on the screen. http://208.84.114.15 I am just learning basics of Html..i know only how to use Div tag in Html but i dont know how to display single line using div tag .please help for me... Well, my website is almost complete now, but its still not "wide" enough to extend all the way to the scroll bar on IE. Can anyone explain if there is an HTML code for this? or how to fix this on Dreamweaver? Friends I am new to HTML, I have created a page, but when I view it on 00*600 it looks fine as I designed. But When resolution is increased, it shows right side empty. What should I do ????????? Hi. I'm just wondering what standart screen resolution i stheese days? Doen anybody still use 800x600, or is it alright to build a website for 1024x768? If so, is there any "design resolution" to prevent scrollbars in the most usen browsers? (What i mean is what resolution to give for example a flash site) Parashurama Hello everyone... I'm building a website http://newgroundsaward.webs.com/index.html The problem is that... when ever you minimize the window... the tables shrink. It can only be viewed in 1400x900 resolution. Is there a way to lock the aspect or something. Here's the link to my style sheet... Any help appreciated. Thank You. http://newgroundsaward.webs.com/styles.css Hi, I created a simple test webpage and publish it online. But when I used my friend's PC with his 19 inch screen, my webpage looked different from when I created it. I heard that it because of the resolution. I need help on how I can make my webpage compatible with all kinds resolutions. Please help as I am a newbie in creating webpage. Thank you so much. Hi, When viewed in IE6 (800 x 600), some of my images shift down the web page with blank space above it. The images seem to start at bottom of the left side bar. Firefox displays the images correct. Could anyone help me with this problem? Thanks, Larry I had a graphics designer create an image for a background web page. The dimensions are 950x2000 at 72 DPI. I used the table tag with the background attribute and set the table width to 950, but when I veiw it in the browser, the image is substationally magnified. I tried it in IE 7, IE8, Firefox and Safari, and at different screen resolutions, but it still comes up magnified. If anyone knows what is happening, please let me know. Thanks Hi, I am working on some JSP pages . My Desktop system has 1440*900 resolution. The output generated in this resolution is perfect. But when i switch to 1280*600 or 800*600 it gives me floated output . Why it so? Is there any solution? I am also using css file to render output Hello everyone! I just finished making a website and found some browser problems, which I sort of fixed. Now I found some problems with the different resolutions. Does anyone know some tips or suggestions that can help me fix that? (p.s My website is at webh3lp.comuf.com) May I know how can make sure that my website fit under any resolution with out using Table(table,tr,td) in html??? Aloha! I have created my site with a resolution of 1280 x 800. Now I understand a bit more about resolution. In order to create my site with a lower resolution, do I merely change my computer's resolution by going to the control panel, and then composing my entire site again? What is the best resolution in which to create it? I also have a question about encoding. When one save's the html. document, how does one know which of the options in which to save it? Thank you for your help. Basically I have recently added more to my "Navigation Bar" it works fine on a "1366 x 768" that is currently my screen settings. Yet i looked on a 1024 x 768 and it was all over the place. Here is screenshots of what I mean. This is what it looks like on the 1024x768 screen. This is how I want it to look on all screens. So im basically saying what settings to I have to apply to make this a fix on all screens. Cheers. Hi there! If this topic has already been covered or there is a tutorial out there that someone knows about, please point me in the right direction. We've created a website on a CD. Pretty much a company profile. The "site" is split into two framesets. The logo of the company is in the top frame while the content is obviously in the main frame. It's perfectly spaced on a 1024x768 resolution. The problem is that if you change it to 1280x1024, there is a gap between the company logo and the content. This looks stupid. Is there a way that we can get the frames to "auto adjust" so that the logo remains intact and the content pretty much remains "attached" to the logo? One of the problems we have encountered is that the frame "overlaps" the logo, so the logo is cut in half. We're at wits end. The source we have for the index file is: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <HTML> <HEAD><TITLE>Intelligent Frames</TITLE> </HEAD> <FRAMESET ROWS="22%, 100%"> <FRAME SRC="top frame.html" NAME="menuframe" scrolling="no" frameborder="0" noresize> <FRAME SRC="main frame.html" NAME="mainframe" scrolling="auto" frameborder="0" noresize> </FRAMESET> <NOFRAMES> There is no frame support on your browser. </NOFRAMES> </HTML> I have also just noticed that even in 1024x768, if I make the browser window smaller, the frame still overlaps the logo. This made me wonder if I shouldn't perhaps be looking at creating "static" or "frozen" frames that can't adjust itself regardless of resolution. Is this perhaps a better way of approaching this problem? Thanks in advance! I |