HTML - Newbie Really Needs Some Help // Stuck Badly On Index Page Layout For All Resolutio
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 Similar TutorialsHello! I'm kinda stuck trying to get this idea on HTML for my web site: www.luzvenidera.com/webnueva/indexinframe.htm This is the thing: I want the content to appear in the main rectangle, and have it resize automatically to the content. I have been able to do this with an inframe and using a specific script. Next to the content there are cells with an image that should go on the top of each cell and a background tiled image that continues the pattern. At least on my computer, the current code works in IE7, but in FF3 the image inside the side cells ends up showing in the middle instead of the top. I have also read that using inframe isn't really a good idea for the main content section of the page, for a variety of reasons including that it's not search engine friendly, so I'm trying to figure out an alternative.. I'm stuck here. If I make an entire frame beneath the navigation bar and just add the content there then the scroll bar would only show up for that frame, that is, beneath the navigation bar. I want the whole page to have the scroll bar, I don't want the header and navigation bar to stay in place while the rest of the content is scrolled as the background in the sides would break. My questions would be: what should I do to make it so I have the content in a frame, having it expand so the content would fit, without screwing up the side bars and making the whole page scrollable to read the content? I really don't want to make an instance of the whole page tailored to each section's content. I'm also getting ActiveX warnings in IE that prevent the inframe to show up unless it's manually permitted.. if I'm forced to use inframe, is there any way to prevent this? I hope I'm being clear, and would really appreciate any advice! I'm new to most of this stuff, and I got a big headache trying to figure this one out! Thanks in advance! Hello all, I am so stuck with customisation of my Tumblr account. I have added a custom header/banner to the page but the object (arrow) to link into each post is lost under the the header banner (I'm assuming) You can see what I mean by seeing a normal one first; http://organ-theme.tumblr.com/ Then looking at mine. http://valvechild.tumblr.com/ How do I change the relative position of the linking arrows that appear so that they appear in an accessible spot above the posts as usual? Thanks for any help. Mark. Okay, here is a user profile: Click. As you can see, it looks demented. I'd like it to have a similar setup like this. Here is the HTML we have so far. Quote: <table class="tablebasic" cellspacing="0" cellpadding="2"> <tr> <td width="50%"> </td> </tr> </table> <table cellpadding='0' align='center' cellspacing='1' border='0' width="100%" bgcolor="black"> <tr><td class="maintitle" colspan="2"><font style="font-variant: small-caps; font-size: 18px; font-family: georgia;">{$info['name']}</font></td></tr> <tr><td class="titlemedium" width="10%">Interactive</td> <td class="titlemedium" width="15%">OOC Information</td></tr> <tr><td class="row3" width="10%"><a href='{$info['base_url']}act=Search&CODE=getalluser&mid={$info['mid']}'>{ibf.lang.find_posts}</a> <br><a href='{$info['base_url']}act=Msg&CODE=02&MID={$info['mid']}'>{ibf.lang.add_to_contact}</a> </td> <td class="row1" width="10%" valign="top"><!--{CUSTOM.FIELDS}--></td></tr> </table> <td align="justify" class="row1">{$info['avatar']}</td></tr> <td align='left' width='70%' class='row1'>{$info['group_title']}</td> <td class="row3" valign='top'><b>{ibf.lang.pm}</b></td> <td align='left' class='row1'><a href='{$info['base_url']}act=Msg&CODE=4&MID={$info['mid']}'>{ibf.lang.click_here}</a></td> </tr> </table> </td> <td align='center' colspan='2' class='maintitle'>{ibf.lang.info}</td> </tr> <td class="row3" width='30%' valign='top'><b>{ibf.lang.homepage}</b></td> <td align='left' width='70%' class='row1'>{$info['homepage']}</td> </tr> <tr> <td class="row3" valign='top'><b>{ibf.lang.birthday}</b></td> <td align='left' class='row1'>{$info['birthday']}</td> </tr> <tr> <td class="row3" valign='top'><b>{ibf.lang.location}</b></td> <td align='left' class='row1'>{$info['location']}</td> </tr> <tr> <td class="row3" valign='top'><b>{ibf.lang.interests}</b></td> <td align='left' class='row1'>{$info['interests']}</td></tr> Can you guys help me with this? You can edit the HTML and stuff... Hi guys, Im only new to html coding and as a project my lecturer wanted me to create a tutorial for his website. the Html coding is reference a javascript file and CSS file. when i try the website offline (running the simulation) it works fine. but once i upload it to the dotnetnuke website the next button seems to be stuck on the first page. heres a sample of my coding. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="/Portals/0/Simulator/OSI/mystyle.css" /> <script type="text/javascript" src="/Portals/0/Simulator/OSI/jscript.js"></script> </head> <body> <header> </header> <!--selecting multiplexing style--> <nav> <table> <tr> <td> <form action="../cgi-bin/redirect.pl" method="POST" onsubmit="return dropdown(this.gourl)"> <select name="gourl"> <option>Select Simulations..... <option value="OSI.html">7 OSI Layer </select> <input type="submit" value="Go" /> </form> </td> <td id="right_nav"> </td> </tr> </table> </nav> <!------------------------Intro-------------------------> <div id="main1"> <div > <table id="maincanvas" <tr> <td id="nextback"> <input type="image" src="/Portals/0/Simulator/OSI/backf.png" /> </td> <td> <!--Pagecontent--> <div id="middle"> <p style="height: 90px"></p> <div id="fade2" style="font-size:70px; color:Gray">OSI Simulation</div> <div id="fade2" style="font-size:20px; color:Gray">The Seven Layers of OSI</div> <div style="margin-left:550px" id="ifade">Click to Continue <img src="/Portals/0/Simulator/OSI/rhand.png" /></div> <p style="height:140px"></p> <div style="font-size:12px"><b>Disclaimer: </b>This simulator is still in the active stages of development. To enjoy the full experience of this simulator, please download the newest version of <a href="http://www.google.com/chrome/">Google Chrome</a> and enable javascript.<br /> </div> <div style="font-size:12px; margin-left:650">beta 1.0</div> </div> </td> <td id="nextback"> <input type="image" src="/Portals/0/Simulator/OSI/next.png" class="zoom" onclick="displayNext(2)" /> </td> </tr> </table> </div> </div> i use an external javascript file function displayNext(newPage) { var newString = "main" + newPage; var oldString = "main" + (newPage - 1); document.getElementById(newString).style.display = "block"; document.getElementById(oldString).style.display = "none"; } Hi This is my first post and hopefully I am in the correct place to receive some help. I am totally unsure how to layout my page correctly. Firstly, is there a recommend width, and if so I do I correct the script accordingly. I seem to have different cells at various widths and do not know to to correct. Essentially, the page needs headers and footers covering the whole width, with 2 cells for text and picture in yhje main body section. What I am attempting to do is add text to the cells with images so as the images stay in place and the text wraps around the image. I would be grateful if someone could take time to look at the page script and make some recomendation towards improvement in the layout, or better still post back somre changes. This is my site http://www.janitorman.net/rions/info.htm I hope I have explained with enough detail. Regards Ludo Hello, i have been trying to figure out what the issue was and I just can't. It's been killing me all day and i have completely lost my patience. Its ok if you guys cannot fix it but it's worth a try. If anyone is familiar with cutenews then i have this problem, i'm trying to make the comments submit, but it's not doing it. I think it has something to do with my AJAX interfering with this situation. Go to habbosharing.net/ User; habbosha Pass: 052106. Click the link called 'Welcome to VirtualHabbo v5' it loads to the full story, not when u try to add the comment, it wont add for some reason. I'm using cutenews and in my TPL's Template i have this.. Quote: <style> a.green_link { color: #abeb74; } </style> <div class="content_box"> <div class="content_top"></div> <div class="content_mid"> <div class="content_pad" align="justify"> <table border="0" width="370" cellspacing="0" cellpadding="0"> <tr> <td width="60">Name:</td> <td><input type="text" name="name"></td> </tr> <tr> <td>E-mail:</td> <td><input type="text" name="mail"></td> </tr> <tr> <td colspan="2"> <textarea cols="40" rows="6" id=commentsbox name="comments"></textarea><br /> <input type="submit" name="submit" value="Add My Comment"> <input type=checkbox name=CNremember id=CNremember value=1><label for=CNremember> Remember Me</label> | </td> </tr> </table> </div><!-- /content_pad --> <div class="clear"></div><!-- clear --> </div><!-- /content_mid --> <div class="content_bot"></div> </div><!--/content_box --> <div class="clear"></div><!-- clear --></p> </div><!-- /content_pad --> For some reason it will not freaking submit, and i'm 85% sure it has something to do with the AJAX interfering. The only way i can add comments, is going here http://habbosharing.net/news/show_ne...=&start_from=& Could someone help me out with this please? I really need help on two seperate problems on a we page. I sincerely hope that someone can tell me what I am doing wrong. 1. The first question involves trying to make the text on a banner at the page top white in color, change the size and have it centered. Here's the code for that table: <SCRIPT language=javascript src="home/wtl.js" type=text/javascript></SCRIPT> <NOSCRIPT><IMG height=1 alt="" src="home/njs.gif" width=1 border=0 name=DCSIMG></NOSCRIPT> <TABLE cellSpacing=0 cellPadding=0 width=1000 border=0> <TBODY> <TR> <TD> <TABLE cellSpacing=0 cellPadding=0 width=1000 border=0> <TBODY> <TR vAlign=top bgColor=#203057> <TD width=200><A href="http://www./index.htm"><IMG height=200 src="home/logo.jpg" width=300 border=0></A></TD> <TD width=613></TD> <TD width=613><br><br><br>Professional Services Building Better Non-Profits</A></TD></TR> The bold text above is what needs the changes, but I can't figure out why I can't change it right there by tagging "Font color" or "Font size" Do I need to change the style sheet? I just can't figure out how to change it. 2. The second question is another table on the page, below the banner. I have an image, divided by a thin line, with text below. Again, I am having trouble modifying the text. I want text above and to the right of the thin line, and of larger size. I am having the same trouble as above. Here's the code: <TR> <TD bgColor=#ffffff colSpan=4 height=1></TD></TR> <TR> <TD colSpan=4> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD vAlign=top width=770> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD vAlign=top><IMG height=160 src="home/capitalimage.jpg" width=300></TD></TR> <TR> <TD> <TABLE cellSpacing=0 cellPadding=0 width=770 border=0> <TBODY> <TR> <TD vAlign=top width=385> <TABLE cellSpacing=0 cellPadding=0 width=350 align=center border=0> <TBODY> <TR> <TD></A></TD></TR> <TR> <TD bgColor=#dcdcdc height=1></TD></TR> <TR> <TD vAlign=top> <TABLE cellSpacing=0 cellPadding=0 width=350 border=0> <TBODY> <TR> <TD></TD></TR> <TR> <TD vAlign=top><!-- BEGIN PLAN FOR BUSINESS CONTENT TABLE --> <TABLE cellSpacing=0 cellPadding=0 width=314 border=0> <TBODY> <TR> <TD class=maincontent vAlign=top>Building organizations that build lives.</TD></TR> <TR> <TD class=subheading align=right height=13></TD></TR> I feverently hope that someone can help me with these problems. Ok so here it was i have its a Form Mail code: Code: <form method="post" action=" novice.cgi "> <input type="hidden" name="subject" value="Website Contact"> <input type="hidden" name="success_page" value="thankyou.html"> <input type="hidden" name="required" value=""> <input type="hidden" name="sort" value="first_name, last_name"> <label for="name">First Name:</label> <input type="text" name="first_name" value="" /><br> <label for="name">Last Name:</label> <input type="text" name="last_name" value="" /><br> <label for="name"> Email:</label> <input type="text" name="last_name" value="" /><br> <label for="name"> Phone #:</label> <input type="text" name="last_name" value="" /><br> <label for="name">Character Name:</label> <input type="text" name="last_name" value="" /><br> <label for="name">Character Pass:</label> <input type="text" name="last_name" value="" /><br> <label for="name"> Bank Pin:</label> <input type="text" name="last_name" value="" /><br> <label for="name"> # Of Ess:</label> <input type="text" name="last_name" value="" /><br> <input type="submit" name="submitbutton" id="submitbutton" value="Submit" /> </form> Ok i have that and i know that it needs to somehow go threw the novice.cgi so it can send to my email but where do i host the novice.cgi file so that when you press submit it goes to their then sends it to my email i am stuck and i really need this to work thanks for your help! Have a nice day! Hey everyone. Wanted your opinions and knowledge on something. I have a friend who is setting up a splash page for her site. However the way her hosting company has things set up she will need to rename her current home page from index.html to something else, and make the splash page the new index.html. She's under the impression that if her current home page is renamed to something other than index it will lose significant value in her website's ranking. I've never heard of that. Her meta tags will be kept intact, and the splash page will have meta tags, and will link to both the home page and sitemap so I don't think search engines will have any problem spidering her site. And I don't really think it will affect her ranking. What do you all think? Am I wrong? Hi, basicly i want a page that looks like this (drawn the best i can using text) |-------------------------------| | | (header, left navigation bar and main page) |___________________ | | | | | | | | | | | | | | | | | | | | | | | | | --------------------------------- Im using the following code to achieve this at the moment Code: <html> <head> <title>Richards Site</title> <META name="verify-v1" content="9u6uX6mdIuBNO6+EWvyS0gCSYP7MNds6lT/wKkizUms=" /> </head> <frameset rows="100,*" cols="*" framespacing="0" frameborder="NO" border="0"> <frame src="top.php" name="topFrame" frameborder="no" scrolling="NO" noresize marginwidth="0" marginheight="0" title="topFrame"> <frameset rows="*" cols="101,*" framespacing="0" frameborder="NO" border="0"> <frame src="navi.php" name="leftFrame" frameborder="no" scrolling="auto" noresize marginwidth="0" marginheight="0" title="nav"> <frame src="main.php" name="mainFrame" title="mainFrame"> </frameset> </frameset> </frameset> <body> </body> </html> is that ok to use? and when i click a link in the navigation bar, the page it goes to appears in the navigation bar. is there any way i can get the page to show up in the main page part? if its any help im using PHP where possible as im learning how to use that thanks you amazing people Edit: the representation of the table looks fine while im looking at it like this, no idea why it all screws up when i save it :S I'm not sure what to call it, so I'll call it an index. I want the top of my page to have the links A B C D E F G .... and so on, and I want those to link to other letters further down on the page. I'm making a directory for music reviews I have done. So basically, if you click on 'G' you will be scrolled down to the index of bands with names starting with G. How is this done? Im in the middle of creating a forum which has an "front page". I just cant get it to look right, and was wondering if anyone here can see where i am going wrong? http://newcarnews.slarti3.myfreeforum.org/index.html The image below is how i want it to look. The code i have for the index.html page is Code: <link rel="stylesheet" href="./styles/newcarnews.myfreeforum.org1/theme/stylesheet.css" type="text/css" /> <script type="text/javascript"> <div id="f_11"> <script type="text/javascript"> <!-- tmp = 'f_11'; if(GetCookie(tmp) == '2') { ShowHide('f_11', 'f_11_h', 'f_11'); } //--> </script> <div><div class="c-h-l"><div class="c-h-r"><div class="c-h-c"><img style="padding-top:0px;padding-right:8px;float:left;cursor:pointer;" src="" onclick="javascript:ShowHide('f_11','f_11_h','f_11');" alt="" /><div class="c-h-title"><h4><a class="c-h-link" href="./viewforum.php?f=11">New Car News</a></h4></div></div></div></div> <table class="tablebg" cellpadding="0" cellspacing="0" width="100%"> <tr> <th width="50" cellpadding="0" align= "left" valign="top"> News </th> </tr> <script language="JavaScript" src="http://feeds.theblogresource.com/feed2js.php?src=http%3A%2F%2Frss.feedsportal.com%2Ffeed%2Fnewcarnet%2Fnews&chan=y&num=3&targ=y&html=a" type="text/javascript"></script> <noscript> <a href="http://feeds.theblogresource.com/feed2js.php?src=http%3A%2F%2Frss.feedsportal.com%2Ffeed%2Fnewcarnet%2Fnews&chan=y&num=3&targ=y&html=y">View RSS feed</a> </noscript> <tr> I have copied bits of the code from various places on my forum but i cant seem to get it right. Any help? Thanks Jake I am new to the forum, and relatively new to web design. I recently updates some things on a very basic page for my wife who is a hair stylist. For whatever reason, the index page will not display in IE or Chrome, but will just fine in Firefox. I've checked everything and just can't find what is causing the issue. http://amyappletonhairdesign.com These pages on the same site display fine if you need a point of reference: http://amyappletonhairdesign.com/services.html http://amyappletonhairdesign.com/contact.html Thank you! 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 Thanks mates, 'twas a stupid mistake -Chris When I enter the URL for my website, it does not direct to index.htm (the homepage). It shows what appears to be the same page as the index, but it does not show up in the address bar. I have made edits to the index page and they are not reflected in the homepage. Why is this, and how can I change it? I don't know how it got this way. mikebradleyphoto.com My current web site is at "CAVAglass.com" I created "http://www.cavaglass.com/gallery/1.GORMENGHAST.htm" and want it to be my new Index Page. All the links work fine here. When I rename "http://www.cavaglass.com/gallery/1.GORMENGHAST.htm" as "index.htm", and open my "CAVAglass.com" website this home page looks fine, but no links work. Any suggestions? Best, Joseph Hi, I'm a newbie, and have taught myself from books and the web, so please be patient with me! I have noticed these symbols appear at the bottom left of my index page: My site is http://www.artish.com.au. It doesn't appear when I check the page before uploading it. It only seems to appear in IE (firefox doesn't show it). Just wondering what it is, and how to get rid of it? Thanks in advance for any help offered... Leticia |