|
HTML - Some Coding Issues-structuring A Page
So I'm having some HTML issues, I can't seem to structure the page how i want it. I've attached two pictures to show my problem. One shows the website and shows whats wrong with it and the other shows the html code behind it.
Any help or links to help would be appreciated, thanks. Similar TutorialsHey guys, I'm a noob with html coding and know next to nothing. I have briefly searched for info via google and in the stickies on here but haven't figure it out yet, so sorry if I've missed it somewhere. I need to know how to make a link for an email. This is for sending out a newsletter that will have several different topics at the top and a pretty long body after, so I want each topic's link to go to the beginning of the text for that topic. Please give me any links to the information or let me know what this is specifically called so I can research it. Or, if you know the code that would be even better. TIA Please somebody tell me that what is the command in HTML to protect a page ? Hi Guys, I hope someone can help me out. I have slightly changed the layout of my website and it now appears that at the bottom of one of my pages the HTML is different for no reason. Take a look Here and the part saying "Terms and Conditions" is different to everywhere else on the website (click any of the links within the webpage to see how it should look). The HTML coding is the same yet why on this page is the layout messed up? The only thing I can think of is that this webpage contains java script? Thanks in advance, any help appreciated. Can someone help me figure out why you cant scroll up or down to view the rest of this web page I'm making? Thank you. http://carsonvalleypowerwash.com Hey, Just having a few problems with a few of my landing pages and was wondering if anyone knows how to fix them or can help me find a link with the solutions. 1. How do I make the landing pages work in all browsers. For example, my pages work in firefox perfectly but as soon as you open them in chrome they are off by about 2px (this includes all images, tables, etc). If I open it in IE, the page is all over the place (for example the table is at bottom instead of top). Is there a code to fix this or do I have to create a css file for each. If so, what type of code is needed to tell the page to read the css file that is needed depending on which brower is used by the user. 2. I have two landing pages and want to use both to determine which one is better by the amount of people that view it. To determine this I want to have one page open when the user clicks the link and then the next time a user clicks the link the second landing page will open. Basically I want each of the two pages to open up 50 percent of the time. How do I do this. Thanks Greetings all, I have a little problem with the layout of this page: http://www.tohokingdom.com/dvd/test12.htm It looks fine in Firefox, but stretches horribly in IE whenever viewed through a 800x600 resolution. The problem IE seems to be having with it is the 100% width figure that was placed in the first row, with "DVD Title". The issue is that if the 100% width figure is taken out, a grey area (from the background) will emerge where the cover is to the right of it. I really can't figure out a solution for this either, can anyone offer any advice to stop the page from stretching in IE yet avoid the column width around the image from expanding past the image? Thanks in advance. Hello, I have created a page that has a number of images on it as well as a large flash file. I have a little image that comes up while the flash file is loading so that is ok, but the problem is I'd like to specify the order in which item on the page load because the flash file is stopping the rest of the page loading properly. Do you know what I mean? For example i'd like my header to load first and the other images and when they are finished loading then the flash file can start. I'm sure I have read it somewhere before but cant find it anywhere. Every other problem ive had has been solved here so I know someone will have the answer! Thanks again, in advance. what am i doing wrong? Quote: <!--DON'T DARE TO REMOVE THIS--> <!--This layout was made by Prodigy with a huge help of </b><a href="http://st.pcaworld.net/"><b>Levus</b></a>.</div> /*these are the main properties of your layout */ body { background-color: #DD0000; background-image: color: #000000; } /*these are the properties of a table cell */ td { border: 0px; vertical-align:top; } /*these are the properties of a link */ A:link { color: #000000; text-decoration: none; font-weight: ; cursor: ; } A:visited { color:#000000; text-decoration: none; font-weight: ; cursor:; } A:hover { color:#000000; text-decoration: underline; font-weight:; cursor:; } /*these are the properties of the banner */ #banner { background-color: #DD0000; text-align:center; height:198px; width:100%x; border:1px solid #000000; } /*these are the properties of the content */ #content { float:left; background-color: #DD0000; width: 70%; height: 100%; color:#000000; } /*these are the properties of the right menu */ #rightmenu { float:right; background-color: #DD0000; width: 15%; height: 100%; color:#000000; border: 0px solid #000000; border-top: 0px solid #000000; } /*these are the properties of the left menu */ #leftmenu { float:left; background-color: #DD0000; width: 15%; height: 100%; color:#000000; border: 0px solid #000000; border-top: 0px solid #000000; } /*these are the properties of a category on a menu */ .catagory { background-color: #DD0000; color: #000000; font-weight: bold; border: 1px solid #000000; } /*these are the properties of a heading (page title) */ .heading { background-color: #FF0000; color: #000000; width: 90%; font-weight: bold; border: 1px solid #000000; } /*these are the properties of the heading on the disclaimer */ .dheading { background-color: #FF0000; color: #000000; width: 71%; font-weight: bold; border-top: 0px solid #000000; border: 1px solid #000000; } /*these are the properties of the disclaimer */ #disclaimer { float:right; background-color: #FF0000; color: #000000; width: 100%; border-top: 1px solid #000000; border: 0px solid #000000; } </style> </head> <body> <!--only edit under here--> <!--this is the banner--> <center><div id="banner"> <center> <img src="http://i4.tinypic.com/63n130g.png"> </center> </div></center> <!--the banner end here--> <!--left menu starts here--> <div id="leftmenu"> <div class="catagory"><center>Layout Changer</center></div> <div class="catagory"><center>Pokemon</center></div> <a href="pokedex.html"><center>Pokedex</center></a> <a href="POTW.html"><center>POTW</center></a> <a href="FanArt.html"><center>Fan Art</center></a> <div class="catagory"><center>Other</CeNtEr></div> <a href="sigs.html"><center>Free Sigs</center></a> <a href="layouts.html"><center>Free Layouts</center></a> <a href="Games.html"><center>Games</center></a> <a href="emulation.html"><center>Emulation</center></a> <a href="affys.html"><center>Affiliation</center></a> <div class="catagory"><center>Current POTW</center></div> <center><b>#248 Tyranitar</b></center> <center><IMG SRC="http://www.pokemonelite2000.com/sprites/dpmfa/dpmfa248.png" ALT="NPOTW"></center> <center><a href="POTW.html"><b>Past POTW</b></a></center> <!--left menu ends here--> </div> <!--page name goes here--> <div id="content"><center><div class="heading">Secret Pokemon Training Other Known As SPT</div></center> <!--page name stops here--> <!--content goes here--><center><b>News</b></center><br><br> <center>5/12/07: Aeroburn, he said hes gonna help but after hes done with some work of his own, so im happy about that. And maybe just maybe we'll be hosted by a network, not saying any spoilers..</center><br><br> <center>5/4/07: Well, i talked to Aeroburn but it didn't help me i guess i got to do it the easy but complicated way. Site will be released soon.</center><br><br> <center>4/28/07: Yea, its saturday. I still havent talked to Aeroburn! But i put a page hit, and uhh...idk</center><br><br> <center>4/25/07: Since im new to html, i need to do somehting (without this i cant do anything on the liks) so im waiting for Aeroburn to go online XD =P</center><br><br> <center>4/24/07: Yea, i havn't been posting on this, idk y though, i didnt give the link to anyone except Havok. lol, but i havnt been posting cuz ive been trying to figure out the misteries against the layout changer, and it's worth it i got it with the help of Aeroburn from PCA/PokeNebula: If u have errors with any layouts just refresh the page, it should be good =D<br><br></center> <center>4/19/07: We're installing New Stuff. Including Layout Changer, Pokedex, POTW, Fan Art, Free Sig/Layouts, Games, Affiliation,PUA: Info, Trades, Battling, Show Off, PCA: Info, Trades, Battling, Show Off, PC: Info, Trades, Battling, Show Off.<br><br></center> <!--content stops here--> </div> <!--right menu starts here--> </div><div id="rightmenu"> <div class="catagory"><center>Affiliates</center></div> <center><a href="affys.html"><b>Apply Here</b></a></center> <div class="catagory"><center>ShoutBox</center></div> <!-- BEGIN CBOX - http://www.cbox.ws --> <center><div align="center" id="cboxdiv"> <iframe frameborder="0" width="160" height="305" src="http://www4.cbox.ws/box/?boxid=3166240&boxtag=5868&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#FFFFFF 1px solid;" id="cboxmain"></iframe><br/> <iframe frameborder="0" width="160" height="75" src="http://www4.cbox.ws/box/?boxid=3166240&boxtag=5868&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform"></iframe> </div></center> <!-- END CBOX --> <div class="catagory"><center>SPT's Hits</center></div><br> <!-- Start Bravenet.com Service Code --> <center><script language="JavaScript" type="text/javascript" src="http://pub38.bravenet.com/counter/code.php?id=401896&usernum=3260284116&cpv=2"> </script></center> <!-- END DO NOT MODIFY --> <!--right menu ends here--> </div> <!--disclaimer starts here--> <div id="disclaimer"><center><div class="dheading">Copyright Notice:</div> <center><b>Do NOT steal! "Layout Made By Prodigy with a huge help of </b><a href="http://st.pcaworld.net/"><b>Levus</b></a>.</center></div> <!--disclaimer ends here--> <!-- --><script type="text/javascript" src="/i.js"></script></body> </html> im having some trouble with putting stuff in the middle of my site because whenever i put something in the middle it moves my left nav bar down if you go here u can see what im talking about right now im using kompozer to make the site http://www.freewebs.com/zxgamerreviews/test22.html My site PLEASE READ ENTIRE THING! Some stuff I'm saying may be hard to express in typing, so use my link above to get a better picture. I need some coding help for website........Right now, if I want to post an article one of my journalists submitted, I have to go in and edit each page individually, the article doesn't just show up.....How do I make it so when someone submits an article, it gets posted on the front page, in the news and events section, and in my archives? For the front page, I want my two latest articles up there with a photo and a small description with a "more info" link that brings you to the actual article. For the news and events page, I want the latest article on the left hand side with a photo, a description, a title and the link, with the 2 previous articles on the right with all of that but no photo. For the archives page, I just want all the articles for that month in order, with the latest being on top, with a title, a description, and a link. Hello all! Cool place here and I hope with lots of experts. I have a n html template for a mod on my site and I cannot for the life of me figure out how to get it how I want. Basically what I want to do is remove the leftside images and move the titles on the right into its spot. I will post an image of what I am talkiking about and the code. Remove what is circled in red and put the tiles on the right into its spot. HTML Code: <div class="quick_links_elink" style="background-color: white;">
<div class="lcont_top">
<div id="lcont_img__unit_id__" style="left: 0px; position: left;">
<a href="__category_url__" class="main_l">
<img style="top:10px; max-height:16px;" alt="" src="__category_cover_image__" width="50px"/>
</a>
</div>
<div id="js_control_section0__unit_id__" style="padding-left: 5px;">
<a href="__category_url__" class="main_l">
__category_name__
</a>
</div>
<div class="js_control_section" id="js_control_section__unit_id__" title="Show / Hide" bximg="lcont_img__unit_id__" bxchild="lcont_other__unit_id__" style="background-position: 0px -17px;"></div>
</div>
<div class="quick_links_elink_lcont" id="lcont_other__unit_id__" style="display: none; top:40px; background-color: white;">
<a href="__category_url__" class="main_l">
<img alt="" src="__category_cover_image__" style="top:50px; width:80px; max-height:40px;"/>
</a>
<div class="lcont_other" >
__sub_categories_list__
<div class="clear_both"></div>
</div>
</div>
<script type="text/javascript">
var oShowHideController__unit_id__ = new ShowHideController();
$("#js_control_section__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle(this) } );
/*$("#js_control_section0__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle("#js_control_section__unit_id__") } );*/
</script>
</div>
THANKS in advance! Hey guys, i am very very new to html and i designed and coded www.e-smartonline.com for myself, i know the way i made the html was not good, i have trouble with the links cause everything is pushing them cause of the way i coded it.. lol. I was wondering if someone can fix my booboo? fix the links left and right so that it works well. thanks a lot guys! Hey Everyone, I need to set up some kind of html form which provides people with a registration ID, or number of sorts. The application of this kind of system would be so that if I had people registering for a conference, they could receive a committee assignment immediately. I'd appreciate any responses helping me. Thanks Guys (and ladies!) Bromo8824 Hello, I am trying to create a page with a link that opens on a new page. This link will have an iframe to display another website. What I then want to do is have a pop over appear that will take me back to the original page. Is this possible and if so how would I code this. Oh and another thing. The first page will redirect itself after 10 secs. So this is what I want: Page A has a link that will open Page B Page A will redirect to another page after ten secs Page B will display a pop over when you click the pop over it will take you back to page A instead of opening a new page or changing to the link within page B. I hope this makes sense. So I all I need to know is how to make the pop over go back to page A. Thanks Hello Everyone: I created a page in HTML and added javascript. I want it to have a search function.I have created a form which is basically a textfield and a "submit button".The "submit button" is meant to display web pages in a new window when I type in particular keywords into the textfield next to the "submit button" on the website.I have written the codes below so far and it is not working.I would appreciate it if you guyz can help me out.The webpage is not online just incase you guyz need to know.Thanks very much <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script language="Javascript" type="text/javascript"> var keywords = "transistor Google Microsoft ipod " function gothere(placetogo) { if( keyWords.search(placetogo) == -1) { alert(placetogo+"is not an accepted keyword" ) } else { document.location = "C:\Documents and Settings\Teeboi\My Documents\Memorial University\WebPages" + placetogo + ".html" } } </script> <title>DESIGN CONCEPT</title> </head> <body bgcolor="#B0B0B0"> <form name="myForm"> <input type="textfield" name="searchtext" value="transistor" /> <input type="button" name="thebutton" value="Submit" onclick="javascript:gothere(document.myForm.searchtext.value)" /> </form> </body> </html> I work for a hospital and we are moving into a new building. The employees want me to put a simple countdown "ticker" on our intranet. The move is in a few months. Any one know code to create a date countdown? At this website: http://sungbc.org/missions.php I liked how they made it so that the different people could be clicked on and a new mini-page would load on the page. Does anybody know how to do that Hi all, i'm pretty new to this so sorry if it doesn't make much sense but i'm needing help with a html code to be able to link an image to a word so that when you click on the image, all the appropriate products from a particular supplier (the word used) will be displayed. Any thoughts appreciated. Hello, here's my test site, http://testingsite.onlinewebshop.net/HOME2.html I've added a few things that i havent uploaded yet, but i was wanting to know how the coding looks. I want to make sure things are looking correctly. Also can someone tell me what is wrong with my coding that this flash example, http://testingsite.onlinewebshop.net/Untitled-1.swf won't show up on the site? I appreciate your help! |
|||||||