|
HTML - Float Div / Z-index / General Coding Help Needed! Please!
Hello My name is Beth.
I was given the difficult task of creating a website for a company I work very close with and I'm running into all sorts of coding problems. I know these can't be that insane but I've been spinning my wheels on these issues for 2 weeks now and I'm almost out of time. I know it's not much but I will paypal $50 to the person that solves my problem (that is if its not against board policy) i just NEED help so bad! Here is where my demo page is for the new website. It's one page, no links to anything else... URL: http://www.srh.com/taxgirl/index.htm The page is supposed to look kinda link this... The problems a 1.) The drop down navigation has issues displaying over the flash animation sometimes flashing above it but it seems like it naturally wants to be below it. 2.) When you hoover over the navigation the buttons disappear, this might be due to the same problem as #1 but I don't know... 3.) the two columns need to fill down as either one has content. what i mean by this is that if the column on the right has 800pxs of content and the left only has 300px it should still extend 100% with the growth of the right column. Any advice anyone has on this kind of layout I would appreciate massively.. but honestly, I'm so out of time I'd absolutely be ecstatic over a solution. Like I said, I have $50 to offer for help. Please look into your hearts and minds to help! Thank you so so much. ~beth. Similar Tutorialswell not really sure if it would be html or more in the lines of css but 1st just wanna say sorry for brining up myspace again but is there a way to hide the comments from the page source as well as just the actual page that's viewed? Ok, please bare with me because I know I probably sound really stupid. I have bought a domain at freewebs.com, and I am pretty good at making graphics so I figures making a website wouldn't be that hard....well I was wrong. Anyways I am making the layout, but how do I code that into actually becoming the main page? And then once I do that how am I suppsoed to edit it to do news updates etc? I'm so lost it's ridiculous. Any help is appreciated! Tyler I am new to HTML/CSS. I was trying to make a simple page layout. Just for practice! Checkout the code! The problem I am facing that the "sidebar" is appearing. Please help me! -----------------------------------HTML file------------------------------------ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>First CSS Tutorial</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="myCSS.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wrapper"> <div id="header"> <br/><br/><center>This is header</center> </div> <div id="mainContent"> <br/> <h1>This is heading one</h1> <p>This is paragraph one. It contains the materials used for testing the heading 1.</p> <a href=2.html><p class="forNavigation"> Go to the next page>>></p></a> <h1>This is heading two</h1> <p>This is paragraph two. It contains the materials used for testing the heading 1.</p> </div> <div id="sidebar"> </div> <div id="footer"> </div> </div> </body> </html> ---------------------------------------CSS file--------------------------------- body{ background-color:green; } #wrapper { width: 786px; height: 1024px; margin: 0 auto ; background-color:white; } #header { width:786px; height:300px; background-color:pink; } #mainContent { width:595px; height:650px; background-color:red; } #footer { width:786px; height:74px; background-color:yellow; } #sidebar { width:186px; height:650px; color: orange; float:left; } h1 { color:white; margin-left:8px; } p { padding-left:10px; color:white; } .forNavigation{ color:blue; } Hi, How to find out the height of a paragraph, if the paragraph is selected from database and displayed on the fly. The objective is to dislay footer below this paragraph. Thanks Bijoy No longer need assistance. 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> Hey, I have my own website. I thought it was all looking fine but I use mozilla firefox, so I tested my website out on Internet Explorer 7 and found some errors. I have sorted them all out apart from one. I have a table with 3 rows, I need the first and third to be about 15px wide and the middle to be the rest of the page. I can do this but when I set the table border to 1 it all looks fine. I set the table border to 0 and it all squeezes in to be about 100px in width. What I need to know is there a way to keep the border but make it invisible if you know what I mean, not setting the border to 0 but to keep it at 1 but making it not visible. Or of course any other way. Thanks in advance. Tom. In preparing to learn in-depth info about DW and all the terms that come with web designing: What exactly does the term slide toggle mean? I came across this term, in one of the threads, and googled it but still did not understand the term. I was suprised to see that DW has a few critics out there. With each type of programming language, I gather that there are pro's and con's for each but specifically, what are the con's to DW? I invested in CS5 and I am looking forward to working with php and MySQL in conjunction with DW. Thank you in advance! Hello, I'm going to be updating an HTML website for a friend, and it's going to be a very basic webpage. Mostly HTML with a little JavaScript thrown in for fun. My question is, how do I handle content management for the user? The website is going to be a standard setup with a "New Information" section on the homepage. This section will be updated by the admin (my friend) on a regular basis, but I'd like to be able to have her update this info in a more user-friendly manner than updating the actual HTML code. Content management is new to me, so I'm open to any suggestions. Thanks in advance! Hi guys. I'm working on a website, using ASP.NET. I'd just like to find out if there is anything specific that all websites should have, i.e. an about page with information about the owner and author of the site. Anyone have some advice? I finally figured out how to add text to my index and now I have another question. In my website template There is Heading 1 and a Heading 2 so my question is how do I delete any sections or headings that I don't need to make it go away on my home page. There is so much and I don't think I need all of it..... Thanks in advance If you were looking to host a blog, and nothing else on that domain, would you go for one of the companies that only host blogs and that are semi set up with templates and so on? Or would you just go for your own hosting and set it all up yourself? __________________ hi im a newbie in this forum and i would like to know 2 things can someone explain what is the different between this 2 code: this code normally appear on the top or the first line on html code ( before <html> tag ) THIS: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > AND: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> what is the advantage or disadvantage between both. will it make any different for users or search engine? thanks This is the site in question: http://www.kzoo.edu/ultimate/home2.htm I'm pretty bad at HTML but I've been making due with various guides and such so if you're actually looking at the code it's probably really messy. -I'd like all of the links on the left to be fixed, so that scrolling down and such doesn't affect their movement. How could I do that? -I'd also like the "last updated" on the bottom to be fixed, but I'd also like it so that it's always on the bottom regardless of what resolution you're using. How could I do that? -Finally, I want to figure out how to enter text in a paragraph in the center of the page without affecting the location of the links on the left. I tried using the center tag and such, but it would create a new line and mess up the spacing on the left. Thanks. 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 Hi, How can i change the source code of my home page? You can modify the source code and save it as a .txt and then again as some other file type, which I can't remember, So that the off line page is whatever you want it to be, Say if I want to change the color or edit the text of MSN etc. Your "Homepage" refers to a file in your system and not on the web, Unpublished. Does anyone know about this? A computer science professer showed me a few years ago. Happy New Year Hey, all. New user here, but you looked like the friendliest bunch of people discussing web dev. Here's a simple question (I hope): I want to query the Navy's public site for moon cycle/period information from within my own code. There's a page (here) that provides a form to get what I want per day per location. But when I pull out the form info from that page source and place it in my own page, the form doesn't work. Is this a workable approach? An alternative would be to use another form on the same site (here) that results in a table of info for a whole year's worth of data. I could go either way as parsing either table is pretty straightforward for me. Since the forms are similar, it seems like getting on of those forms to work at all is the crucial issue, or is there another way to query data on the net like that? Thanks in advance, Burt I have a little problem, I have made a banner that always stick to the top, you can see it here http://moamo.co.uk (my testing server atm) I need the search bar to be placed to the very right of the bar. I need it the have padding on the right side, the same amount as there is with the Home button on the left to the very left (If ya understand what I mean) CSS: Quote: SOLVED } HTML: Quote: SOLVED Thank you very much. here is my html Code: <div style=" margin-bottom: 0.5em; font-weight: bold; width: 100%; border: 1px solid #0079D6 ; "> <div style="float: left; width: 75%; " > <ul style="margin: 0pt 0pt 0.5em 0.5em; list-style-type: none; list-style-image: none; list-style-position: outside; "> <li>Grant Program: <label style="font-weight: normal;" wicket:id="porgramName"/> (<label wicket:id="porgramAcronym"/>)</li> <li>Action Official: <label style="font-weight: normal;" wicket:id="grantsOfficerfname"/> <label style="font-weight: normal;" wicket:id="grantsOfficerlname"/> </li> </ul> </div> <div style="float: left; width: 25%;"> <ul style="margin-left: 0.5em; list-style-type: none; list-style-image: none; list-style-position: outside;"> <li><a href="" wicket:id="assignGrantsOfficerLink">Assign Action Official</a></li> <li><a href="" wicket:id="assignFindingdsLink">Assign Finding(s) to Grant Program</a></li> </ul> </div> <table cellspacing="0" class="dataview" style="margin-left: .5em; width: 95%;" wicket:id="programFindingsContainer" > <thead> <tr> <th>Finding #</th> <th>Finding Type</th> <th style="text-align: right;">Recommended Amount</th> <th>Grant Identifier</th> <th>Appropriation Number(s)</th> <th>CAN(s)</th> <th>Action</th> </tr> </thead> the first two divs works fine , but the third table floats left and dosent come below the div, ,please suggest how can I push the table below the div , Its working in IE and firefox but not in chrome , please suggest me 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> |
|||||||