HTML - Resolution Conflicts With Html Nav Bar
http://www.disintegratethesun.co.nr/
Ok If you go there click to enter and right click to the right of flaming "disintegrate the sun" to get the view source option -- I have 2 Invisible Iframes on this page that is the reason I told you that -- ok my background image has a black semi transparent sqaure box on which the right iframe sits, I have made the Iframes background transparent so you can see through to the main page background and on a different resolution my iframes and nav bar move out of place and throw off my layout, My question is how can I fix this??? Similar TutorialsI kinda know how to add a scrolling box function to a post, but there's this problem I have with putting certain things inside of the box. So i somehow managed to get another post in scroll before when it was long .. but I CANNOT get this one to work! i mean. it only puts one part of the post inside of the scroll box. . Help greatly appreciated! Code: [align=center]TO BE ADDED TO CONTACTS.[/align] [doHTML]<center><img src='http://i39.tinypic.com/i5oscx.jpg'> <br><font color="#ddc48e" face="arial" size="2"><I>KYLER EMERY COLLINS. 8532 980 2236. THREE.</I></font> <p><div style="width: 300px; text-align:justify;"> ------------------------------------------------------------ <br><font color="#ddc48e" face="arial" size="2"><I>YOU AND I , ANARBOR.</I></font> without you, there's no reason for my story and when i'm with you i can always act the same forever, yeah if we're together we can make it better you and i we never get to sleep we're up all day we're overworked and underpaid you and i we're always stuck in repeat day by day watching time drift away as we burn away without you, there's no reason for my story and when i'm with you i can always act the same forever, yeah if we're together we can make it better ------------------------------------------------------------ </div></div></center>[/dohtml] [CODE*][CODE*][doHTML]<center><img src='300x150 image here'> <br><font color="#group color" face="arial" size="2"><I>FIRST MIDDLE LAST. #### ### ####. SPEEDIAL NUMBER.</I></font> <p><div style="width: 300px; text-align:justify;"> ------------------------------------------------------------ <br><font color="group color" face="arial" size="2"><I>RINGTONE , ARTIST.</I></font> a few lines of lyrics from ringtone. don't have to make it aligned. ------------------------------------------------------------ </div></div></center>[/dohtml] [/CODE*][/CODE*] [align=center]TO SEND A TEXT[/align] [doHTML]<center><img src='http://i39.tinypic.com/i5oscx.jpg'> <br><font color="#ddc48e" face="arial" size="2"><I>KYLER EMERY COLLINS. SENT ON MARCH 12TH.</I></font> <p><div style="width: 300px; text-align:justify;"> ------------------------------------------------------------ <br><font color="#ddc48e" face="arial" size="2"><I>NINE OH FIVE PM.</I></font> dayum. why aren't you picking up your phone? at least text me back? ------------------------------------------------------------ </div></div></center>[/dohtml] [CODE*][doHTML]<center><img src='300x150 image'> <br><font color="#group color" face="arial" size="2"><I>FIRST MIDDLE LAST. SENT ON MONTH #</I></font> <p><div style="width: 300px; text-align:justify;"> ------------------------------------------------------------ <br><font color="#group color" face="arial" size="2"><I>TIME SPELT OUT AM/PM.</I></font> message. don't block your text. ------------------------------------------------------------ </div></div></center>[/dohtml] [/CODE*] [align=center]TO CALL.[/align] [doHTML]<center><img src='http://i39.tinypic.com/i5oscx.jpg'> <br><font color="#ddc48e" face="arial" size="2"><I>INCOMING CALL FROM KYLER EMERY COLLINS...</I></font> <p><div style="width: 300px; text-align:justify;"> ------------------------------------------------------------ <br><font color="#ddc48e" face="arial" size="2"><I>NINE FORTY FIVE PM.</I></font> without you, there's no reason for my story and when i'm with you i can always act the same forever, yeah if we're together we can make it better you and i we never get to sleep we're up all day we're overworked and underpaid you and i we're always stuck in repeat day by day watching time drift away as we burn away without you, there's no reason for my story and when i'm with you i can always act the same forever, yeah if we're together we can make it better ------------------------------------------------------------ </div></div></center>[/dohtml] [CODE*][doHTML]<center><img src='300x150 image'> <br><font color="group color" face="arial" size="2"><I>INCOMING CALL/ONGOING/CALL ENDED FROM/WITH FIRST MIDDLE LAST...</I></font> <p><div style="width: 300px; text-align:justify;"> ------------------------------------------------------------ <br><font color="group color" face="arial" size="2"><I>TIME SPELT OUT AM/PM.</I></font> if you're the first to post, use the lyrics from your ringtone. if not, just do what your character is saying. do not block text. ------------------------------------------------------------ </div></div></center>[/dohtml][/CODE*] [align=center][/align] I added this at the beginning of the post: Code: [dohtml]<center>><div style="width: 430px; height: 100px; overflow: auto"> because somehow, that worked for the other post i did. i did use closing tags. So when I added that code to the original post, all that happened, was that the first part of the post was able to get inside of the box and everything else was left out. I know somewhere in there, there's conflicting tags .. or something! lol not sure. Help gladly appreciated! Hi! I hope you guys can help with what is wrong here. Ive been slaving over this html trying to get it to work and I gave up. Heres my problem. I have two drop down menus on this page. However the right drop down menu only goes to a page from the menu on the left. I have them separated, Brazil and Romania, so the Romania menu links pull up one of the Brazil pages and I dont understand why because in the html I have clearly specified the links to go to different pages. I will attach the html used and ask someone to please point out the source of this html conflict. Hey guys I wondered if you could provide any insight into the best method to ensure that a website will look wonderful regardless of monitor resolution. I'm trying to dip my hands into the wonderful world of design and need a few kick offs to get me going. Thanks, -Rich 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 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) I want my webpage to fit any resolution, and I am doing something wrong, could you help me with the right coding? thank you 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 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. So, my friends and I are making a gaming clan website, arabsofagrabah.com (Visit it if you want) and we're trying to make it in a way where the middle box is the only thing scrollable. We're having trouble making the frames fit right and also make it so the design stretches to fit all resolutions (obviously made for 1024, but I use 1152), so how can I do those 2 things? Remember... 1) Make the frames correctly fit where the main box is only content and scrollable 2) Stretch for all resolutions without making everyone clicking on a different resolution in the beginning of the site (splash, we'll make one) Remember, we're using dreamweaver MX here 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. 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 May I know how can make sure that my website fit under any resolution with out using Table(table,tr,td) in html??? 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 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 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 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 Alright I am new to this and I just finshed a fairly elaborate site for a buddy of mine. However, I didn't realise I was setting the whole site up under my screen resolution which is 1680x1050. Is there any way to make the site automatically adapt to different screen resolutions without me having to change every page I made. Please Help !!! Hey everyone, I've been redesigning this website I did for a local restaurant, trying some different takes on things (not designing the entire website using framesets and tables), and I'm still a bit confused. I'm currently on a 1280x800 resolution, Windows Vista and Firefox 3, and designing the website in I suppose what would be what looks best in THIS resolution. However, when I switch to 1024x768 which a lot of people are still using, the website is offset to the right due to my 'margin-left: 200px;' in the container. How else can I go about centering this page so that it is in the middle for most/all resolutions? The link is he http://www.totaros.com/indexnew.aspx So far the index, directions, and cuisine pages are fresh. All of the other links should point either dead or to the old website's pages. Thank you for taking the time to read my message, and thanks for any help in advance! |