|
HTML - Help Formatting Page (newbie)
hi all, this is my first post..
i just started learning html cause some friends asked if i could help build a website for our dancing group. Anyway, i read a bunch of stuff and decided i would use css and try to make a fluent design (you know, the concept where the page adapts to screen resolution and window size). So i used a lot of <div> with relative positioning and dimensioning (width, height and top, right etc all given as %) I also read about SSI and wanted to use one html file for all the decoration (logo, border, pics etc) and navigation and a different file for the content.. My testing server doesn't support ssi so i thought i could use <iframe> in the content file in order to call the dacoration/navigation page. All worked ok with html 4.01 transitional. Problem is (cause i use linux) i hadn't realized ie doesn't recognize position:fixed unless i use html 4.01 strict (originally i used transitional) So when i changed to strict, all browsers except google chrome screwed the appearance of the iframe with the decoration.. They seem not to recognize the height style when given as a %.. No matter what number i put, height doesn't change. If i use height a static height (given in px), all works ok, but that wouldn't adapt to window space and it won't look good (this is because decoration is based on a border, so it MUST fill the window) you can test it here users.forthnet.gr/ath/almechen/1 i have set home to use html 4.01 TRANSITIONAL so you can see what i want it to look like (works with chrome and firefox, not ie) Lessons is set to 4.01 STRICT with iframe having height:98% (this is where the problem is) (works in chrome, not ff and ie) Events is set to 4.01 STRICT with iframe having height:500px (this works but not how isn't what i really want) (works for all but not what i want) any ideas, any help? i would really appreciate Similar TutorialsGreetings All, Some background: I'm as green as grass when it comes to html and website design, but that still did not stop me from buying a small website (business) from a desginer on ebay. It did well with some advertising, but recently I have had to change my payment processor because paypal froze my account for something that they have yet to explain to me (apparantly this is common with paypal) In any event, I managed to add the new payment processor to my website, but in the process of doing so, I did something to this page that made it larger and the pics are not in allignment any longer. There are gaps and it looks just plain ugly and unprofessional See for yourself: 1. The website as it should be: http://get-your-ride.com 2. The malfunctioning page: http://get-your-ride.com/join.html Can anyone walk me through on how to fix this? Is there a magic button to push? Or would you prefer I copy and paste the script for your expert eyes,since at this time html is more or less mumbo jumbo to me. Hello I am hopeless with html. I need to know how to be able to use the space to left (and maybe right) of the apartment ads on this page http://www.asia-expatsforum.com/phpB...apartments.php the ads are java script which I have centered on the page. its a php page but the space between the header and footer is html. whatever I try it either goes above or below the ads--i want to use the space to the left for other ads etc. do I have to create a table? or?? thanks <a href="http://www.gametracker.com/server_info/209.40.97.202:28960/" target="_blank"> <img src="http://cache.www.gametracker.com/server_info/209.40.97.202:28960/b_160x400_T0_F-2_CFFFFFF-FFFFFF-81B569-191515.png" border="0"> </a> <a href="http://www.gametracker.com/server_info/85.234.155.53:30002/" target="_blank"> <img src="http://cache.www.gametracker.com/server_info/85.234.155.53:30002/b_160x400_T0_F-2_CFFFFFF-FFFFFF-5DA85D-141414.png" border="0"> </a> Hi there, I'm a relative novice in HTML, but when i try to post the above two images, they appear one below the other, not side by side. I tried to use a series of <table>, <tr>, and <tb> things to sort it into two collumns and one row, but this screwed up the formatting on the forum i tried to post them on. I wonder if there's any possibilty you could give me a simple way to allow both these images to sit next to each other on a page, without it being too cumbersome? Many thanks. This might be a silly question but I have my dads resume posted on his site: http://artekengineering.com/ (and click resume button) It was done in word and saved as html. My question is is there a way to make the text a certain size (white space around it on the page) and static on the page instead of it resizing and filling the whole web page? Thanks Thanks mates, 'twas a stupid mistake -Chris hi guys, I have this code he Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Under construction</title>
</head>
<body style="background-color:#121212">
<div style="background: url(under_construction.jpg) no-repeat center top ;
height: 1024px;
margin: auto;">
</div>
</body>
</html>
the image under_construction.jpg is basically the page itself, it has a size of 1680x1024. As of right now the page doesn't adjust automatically to the users screen. Please help me change the code so that it'll adjust automatically to the user screen Hiyas, well I am trying to make an html website, and I got two things I trie to add to my page. One is a shoutbox using direct link code, and in the preview it displays fine, and works fine. Another is a teamspeak launcher I made, just a link and an image. I align one to the right the other to the left, and that works. The problem is, that the one on the right is level with the bottom of the shoutbox on the left, whereas I want them to be a part of two side columns eventually, where they are both the same length etc, not all uneven. Here is my preview page: http://i116.photobucket.com/albums/o...Untitled-1.gif I hope you see what I mean. Please help me, as I need this website online ASAP cos me and my clan are going to some tournaments and seriously need this online. Thanks in advance, Ferinos guys, Im hoping someone can help me out. i am a flash designer and my flash movie opens in a 1024 x 680 fixed window but my index page is html ( a page with a picture and an "enter here" button and im trying to get this jpg to fill the full horizontal width of the screen in all resolutions. it looks fine @ 1024 x 768 but of you go higher, obviously you cant make the image wider or it will distort so i think the layout will have to be sectional ( tables perhaps or divs breaking the image into sections or something). i think the jpg has to be chopped up. if you see the picture, you will get the idea. i want it to fill the width of the screen regardless of screen resolution. im not sure what to do, i need so serious design help. I know that some of you can prob do this in 5 minutes but im trying to learn. the problem is that my site is complete but i cant launch until my index page is done. i dont know what to do. im new to html but am a flash programmer. i just want a index page to launch my site but have it look ok regardless of screen resolution / size. can someone take a look at this jpg and perhaps show me what to do so that my picture will always be to the far left and the enter button / box it is in will stay to the right. I can really use some help. i am attaching my image and also an example url that shows a site where the intro page does this. the image always stays to the left and everything keeps proper postion. i really can use some helpsample_&_image.zip Hi everyone.. I;ve just launch my new webiste but IE seems to have messed up some of the formatting. Is there an eastyfix/tool to remedy this? All other browsers see fine. I have tested in Browsershots... Thanks Hey there just starting to make a new site, and just kinda slowly making pages and trying to get the formatting and looks down first. anyways here is my site: http://uberwalla.com and you may notice depending on the resolution the footer is not at the very bottom its kinda floating high with a gray bottom under it. I am just wondering how i can make it so that no matter what resolution and no matter what browser, that it'll automatically make the footer the very bottom (touching the status bar or past it have to scroll down) no matter the size of the page. thanks in advance, uberwalla Hi Team, I'm having problems formatting images in HTML. Here is my site: http://ledtvprices.org.uk/ I would like to "left align" the merchant logo buttons at the top so that they all sit evenly above the H1 Tag and start from the left to the right, rather than the middle of the page. I'd also like to left align all the tv images and space them all out evenly. How do I achieve this in HTML? Thanks. Sunil. Hi, I have an unusual problem. I am linking pages for my website, and I am sure that I have the formatting correct, but for some reason, when I reference my page (which is in a different directory) from a page within my root web folder, the formatting is gone. I am currently using simple html. My reference is as follows from my page within the root directory: <a href="/directory/directory/page.html">Text</a> The page works perfectly fine when it is in the root directory, but as soon as I move it to the other directory "/directory/directory" the background color and header formatting are gone. I still have my tables in place, but everything else is messed up. Ideas? Help? Hello, Here is the site I am having difficulty with. http://mysite.verizon.net/ekafrawy/Modern/index.html If you view this page in FF, the formatting is fine, but when you view it in IE, the spacing on the left nav bar is not right. Anyone have some tips on how to correct this? Thanks, Eric I was wondering if anyone could help me. I have two DIVs. One is 43px high and 100% width. The second I want to be 100% high - 43 px. Is there a way to do this with CSS without resorting to Javascript? Many thanks. Alright since you all were so much help with my last question, here's another. if you look at my website ottersupport.com, you will see that the first page is using a template. I downloaded this and it is working/looks correct on this page but if you click the links for "Rates" and " terms" the templates styles are not on the left side like they are on the first page. I don't see any problems with the code, however I really don't know what I am doing. Thanks in advance, James --Come on is there seriously nobody that can answer this ? If I have this in the wrong area let me know or move it. Hi, I made a webpage using dreamweaver 8. When i preview the page in firefox it has not problems in design layout of the page but when i view it in IE it breaks the design format and is messed up. Can anyone guide me as to why it would do it and how i can fix it? Also, when i try to display some text in Chinese, it shows random characters. I changed the fonts in internet options to display Chinese but it didn't work. I have viewed Chinese websites and they i didn't have any problem in seeing the text. Any reason or suggestion as to why it would do this? I would really appreciate any help on this, Thanks, Hi there, HTML noob here trying to edit existing pages in our student information system. I've added a number of elements in the immunization row, however I can't seem to figure out how to line up the Compliant? and Exempt? rows with the above immunizatiion rows. Any suggestions would be much appreciated. Thanks, John I am a total newbie to this and so I have no idea what is going on. I downloaded a template from a wesite I forget which, but it looks great in IE, and Safari, however in Firefox, or Opera it is all screwed up. The site is www.ottersupport.com would somebody mind look at the code and let me know what i need to fix ? Thanks |
|||||||