|
HTML - Entire Screen Not Showing
Ok I am having some issues with my webpage. I first should say I am relatively new to page designs but I think I know the basics of HTML. However when I posted what I thought was my code in another post, I was told umm that it wasn't my code. I am using share point designer. So before I post what I think my code is, can someone tell me ahh, how I get the code to post lol.
Anyway my issue is on my 22" monitor the page looks fine and I can see everything. When I look at the same page on my lap top, well that is a different story. #1, I am not able to see the bottom half of my picture or what is in the bottom half of my left frame. The reason I do not post the page is because it is not finished and I dont want anyone to see it yet lol..... Looking for help, thank you Similar TutorialsI placed all my adsense ads into iFrames but when I resize the window small all the ads are pushed to the middle of the screen. How can I make them stay put. I tried working with divs too but it makes the ads the highest layer and it makes an invisible border stretching across the screen and I cant click anything thats in that border range. heres some of my code: <html> <head> <link rel="stylesheet" type="text/css" href="style2.css" /> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <center> <head> <title>BIO</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> </tr> </table> <!-- End ImageReady Slices --> <iframe src="/adsense.htm" width="120px" height="600px" frameborder="0" style="position:relative;Left:1173;bottom:865" marginwidth ="0px" marginheight="0px" scrolling="no"></iframe> <iframe src="/adsense2.htm" width="120px" height="600px" frameborder="0" style="position:relative;Left:-92;bottom:865" marginwidth ="0px" marginheight="0px" scrolling="no"></iframe> <iframe src="/adsense3.htm" width="728px" height="90px" frameborder="0" style="position:relative;Left:50;bottom:518" marginwidth ="0px" marginheight="0px" scrolling="no"></iframe> <iframe src="/adsense4.htm" width="336px" height="280px" frameborder="0" style="position:relative;Left:195;bottom:1560" marginwidth ="0px" marginheight="0px" scrolling="no"></iframe> </body> </center> </html> I'm trying to center my entire website. Also, I'm trying to make my website XHTML 1.0 strict. Every element I try to use to center it is either deprecated or has had the align attribute deprecated. On w3schools.com they say to use CSS, but I can't find any CSS that could center my entire site. Any ideas? I have this question, I am under the impression(?) that browser settings change with various pc and different browsers, but the most simple question of all cannot be found anywhere and the tech support of my domain hosting cannot assist, as their product for developing webpages is currently in beta testing. IS there a code..any code, that centers the ENTIRE website after it is placed? using <center>mywebsitehere</center> does not work, and tables were not used at all in setting this up, in fact I have no idea how to use tables. When you are working in your files and setting up your page for publishing, there is no area for margins, page indents, size of viewing area, nothing. I have manually recoding the existing files and they all default "left" after saving/publishing. Any ideas or help appreciated. The web url is www.yourock24.com. I view it as alot of black area to the right and cannot correct this by myself. Thanks in advance for assistance! Hello, I'm working on my 3d portfoliosite and seem to have a problem with the centering of the entire site. www.gerhardvanderhoek.nl The header image is 1440 px in lenght. The middle of the site always has to be in the middle even if the display size is 1024 X768. So this would mean that some of the green gradients on the left and right and some of the header image wouldn't be seen on screen if it's a relative low resolution. Can someone give me advice? Thanks! Ok, I've written my entire site in tables and that works lovely. I now want to put a border around everything on my page. So I tried: <table width="820" cellspacing="0" cellpadding="10" border="1" bordercolor="#c51e21"> <tr> <td> <div align="center"> MY ENTIRE WEBPAGE </div> </td> </tr> </table> However, the border color doesn't change and just fades here and there when I change the hex. I also want to change the border type from a 3dish window frame to a solid line. Can anyone help me please. Hi. What is the best way to make something, lets say a table or a div for example, span the entire height of the page? I don't have any example code i'm just asking for future reference. Please ask if you need more detial or don't understand what i'm talking about. Thanks in advance for any replies. I am putting together a website for a student group and realized a big problem. The site is a 3 column style, and the bottom half of the left column is "Latest News". I just realized that in my current setup everytime I make a change to the "latest news", I will have to make the change on all of the many pages it is on. Is there a way to make a "latest news" text file and just have that content accessed from each page so that I will only have to make changes to the one file and have it show up on all pages? I have tried searching for this for an hour but just can't seem to hit the correct keyword that explains how to do it. Thanks!!! Hi there, well, the title basically says it all. I have a site that consists of like, 8 .php pages... and I need to play this ambient sound at the background. ( I know, but well.. orders from above) So I was wondering if there is a way to manage this, without having to hear the song all over again when you click on a link. Thanks Hi, I have a very simple HTML. It has an rtl body that includes: * a left aligned table (400 width) * a ul In EE I see both of these elements inside the screen, but in FF2 the ul is displayed outside the screen! I also tried various doctypes. Any idea? Code: <html>
<body dir="rtl">
<table align="left" width="400">
<tr>
<td>In screen</td>
</tr>
</table>
<ul>
<li>Outside of screen in FF</li>
</ul>
</body>
</html>
TIA, Dror Hello, Problem/No Problem, I don't really know. However, it is a problem that I want to get rid off cause it completely annoys me. The problem is, I have set the body width/height to 100%, so the background image is going off screen a little. If I set the width lower, it will most likely leave a white spot in higher resolutions. I took a screenshot so you can see what I mean: Although I don't know if I am explaining correctly, I don't know how else to explain it. I'm sure you will get what I mean. Here is the method I am using in the CSS: Code: body { width: 100%; height: 100%; background: url(images/box.jpg); font-family: 'Arial'; color: white; margin: 4%; }
There is no need to show the HTML, all that's there is me calling the method. Thanks in advance How the screen to divide into four parts a line? On my website I have a Biography page that has a lot of text. On Mozilla Firefox the text automatically fits to the screen so the viewer doesn't have to scroll from left to right to see all the text. On Internet Explorer, however, the text doesn't fit to the screen (no matter what size it is). Is there a way to fix this? I don't want to have a fixed width on my text because I want my page to just seem natural. Any advice would be greatly appreciated! 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 !!! Hi, I have made a webpage with Flash and published it in HTML. What can I do to fit it on any screen with any resolution? My page is 800x600 and I would like to have it fit to screen in both dimensions (x and y) or in one dimention on any screen. I prefer not to stretch it on screen. By stretching, the images will be deformed and I don't want it. Is there anyone who can help me in this case? What is the code and where in the HTML file should I put it? Thanks in advance! Hello! I am trying to figure out how sites makes banners that are always 100% of the screen width no matter what resolution. I tried <table width=100% border=0> but there is still some white space around the edges so its not really 100%. Is it a style sheet command that does this? Thanks! Hello Folks, Okay, I am trying to finally master this. I am working with a CSS Joomla layout that has some flash as main content (for images). I would like for this layout to resize based on the visitors screen size. I've played around with the % in width and so-forth. However my embedded Flash starts to scoot around the page as I change the size of the window. Can someone guide me on exactly how to do this so that "all" the info scales and stays in place. I am assuming that there will be an issue for the site getting really big if the person uses a massive screen (say 27inch plus) In that case how do you limit the size? Any help will be most appreciated. Hello, im trying to set my screen size with a div tag to 1024x768 any help would be very helpful and i'd be very thankful Hello, On my site I've a WMP player, with video streams from other sites. It is possible to watch those video's by clicking a link (for example "BNN at Work"). You first see some add, and after that you can watch the video. Now I've created an option to make the size of the Windows media player bigger by the slidebar above the player. The mention is that the video you're watching will grows to the same size the player has. But this doesn't work :S When you are watching a video and make the player bigger, the video will grow to the size it is streamed on, while the player will grow for x cm. This results in a black list around the video itself. Is there a posibility to stretch the video to the same size as the player? so there is (almost) no black list around the video... Here is the code I use: Code: <object id="mediaPlayer" width="320" height="270" standby="Kijk TV Online.nl" type="application/x-oleobject">
<param name="FileName" value="'. $zenderinfo['bron'] .'">
<param name="AudioStream" value="'. $zenderinfo['bron'] .'">
<param name="TransparentAtStart" value="true">
<param name="AutoStart" value="true">
<param name="AnimationatStart" value="false">
<param name="ShowStatusBar" value="true">
<param name="ShowControls" value="false">
<param name="autoSize" value="false">
<param name="ShowPositionControls" value="false">
<param name="DisplaySize" value="0">
<param name="AudioStream" value="true">
<embed id="mediaPlayer_2" type="application/x-mplayer2"
pluginspage="http://www.microsoft.com/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=Media&sba=Plugin&"
src="'. $zenderinfo['bron'] .'"
autostart="1"
width="320"
height="270"
transparentatstart="0"
animationatstart="0"
showcontrols="0"
showstatusbar="1"
autosize="0"
DisplaySize="0"
audiostream="1">
</embed>
Best regards, JBtje Hey, I made this photoshop template, and sliced it and everything, but when I open the index.html, it don't stretch across screen. Can someone help me do this? Here is the code: PHP Code: <html> <head> <title>10-1</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (10-1.psd) --> <table id="Table_01" width="800" height="601" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="15"> <img src="images/index_01.jpg" width="800" height="65" alt=""></td> </tr> <tr> <td rowspan="9"> <img src="images/index_02.jpg" width="54" height="480" alt=""></td> <td colspan="13"> <img src="images/index_03.jpg" width="685" height="2" alt=""></td> <td rowspan="10"> <img src="images/index_04.jpg" width="61" height="535" alt=""></td> </tr> <tr> <td colspan="12"> <img src="images/index_05.jpg" width="684" height="62" alt=""></td> <td rowspan="9"> <img src="images/index_06.jpg" width="1" height="533" alt=""></td> </tr> <tr> <td colspan="12"> <img src="images/index_07.jpg" width="684" height="12" alt=""></td> </tr> <tr> <td colspan="8"> <img src="images/index_08.jpg" width="432" height="1" alt=""></td> <td rowspan="3"> <img src="images/index_09.jpg" width="90" height="17" alt=""></td> <td colspan="3" rowspan="2"> <img src="images/index_10.jpg" width="162" height="2" alt=""></td> </tr> <tr> <td colspan="2" rowspan="3"> <img src="images/index_11.jpg" width="30" height="27" alt=""></td> <td rowspan="2"> <img src="images/index_12.jpg" width="90" height="16" alt=""></td> <td colspan="3"> <img src="images/index_13.jpg" width="177" height="1" alt=""></td> <td rowspan="2"> <img src="images/index_14.jpg" width="90" height="16" alt=""></td> <td rowspan="3"> <img src="images/index_15.jpg" width="45" height="27" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="images/index_16.jpg" width="43" height="26" alt=""></td> <td> <img src="images/index_17.jpg" width="89" height="15" alt=""></td> <td rowspan="2"> <img src="images/index_18.jpg" width="45" height="26" alt=""></td> <td rowspan="2"> <img src="images/index_19.jpg" width="45" height="26" alt=""></td> <td> <img src="images/index_20.jpg" width="92" height="15" alt=""></td> <td rowspan="2"> <img src="images/index_21.jpg" width="25" height="26" alt=""></td> </tr> <tr> <td> <img src="images/index_22.jpg" width="90" height="11" alt=""></td> <td> <img src="images/index_23.jpg" width="89" height="11" alt=""></td> <td> <img src="images/index_24.jpg" width="90" height="11" alt=""></td> <td> <img src="images/index_25.jpg" width="90" height="11" alt=""></td> <td> <img src="images/index_26.jpg" width="92" height="11" alt=""></td> </tr> <tr> <td> <img src="images/index_27.jpg" width="1" height="22" alt=""></td> <td colspan="11" background="images/index_28.jpg" width="683" height="22" alt=""><marquee><font color="white">Welcome to conquer online website!</font></marquee></td> </tr> <tr> <td colspan="12"> <img src="images/index_29.jpg" width="684" height="354" alt=""></td> </tr> <tr> <td colspan="13"> <img src="images/index_30.jpg" width="738" height="55" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="54" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="29" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="90" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="43" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="89" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="45" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="90" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="45" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="90" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="45" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="92" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="25" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="61" height="1" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> |
|||||||