|
HTML - Alinging Webpage Content Alongside Vertical Menu
can anybody give me a hand identifying why my content will not correctly align alongside my vertical website menu http://americanotaku.awardspace.com/index.htm
Similar TutorialsHi, I have a requirment in my project wherein I have to read contents from another webpage hosted remotely, All I understand is that "View source" is one option, but how do I copy automatically the contents of the remote web page lets say for ex: "content" type data into my webpage Copying and pasting content manually is not allowed. And dont worry about the copyright stuffs. Its just for internal use. Thanks, Jay Hi, I have problem with XHTML CSS vertical align middle. It works with Firefox but not with IE6. Many people has IE6 still so I need to get it to work. HTML Code: <div style="height: 128px;">text</div> How would I middle vertical align the text? HTML Code: <div id="table_small"><div id="table_vm">Special Offer</div></div> HTML Code: #table_small
{
background-image: url('images/table.jpg');
width: 128px;
height: 22px;
border: 1px solid #5a5a5a;
font-family: Verdana;
font-size: 10px;
color: #e0e0e0;
text-align: center;
display: table;
}
#table_vm
{
display: table-cell;
vertical-align: middle;
}
have some html code which is putting some image buttons into a menu which goes across the top of the page. I want to change this too make them go down the page. I have a css file with the code that looks like this Code: Code: #nav_menu
{
/* background: transparent; */
background: #ddd;
border: #dcdce9 solid thin;
/* margin: 10em; */
position:absolute;
top: 70px;
left: 0px;
padding: 0pt;
right:0px;
height: 51px;
/* bottom:200px; */
}
and the html code looks like this Code: Code: <ul id="globalnav">
<li><a href="index.php?here=home" class="" id="home">Home</a></li>
<li><a href="index.php?here=daybook" id="daybook" class="">Day Book</a></li>
<li><a href="index.php?here=wms" id="wms" class="">Work Management System</a>
<ul>
<li><a href="index.php?here=staff" id="staff" class="">Staff</a></li>
<li><a href="index.php?here=shifts" id="shifts" class="">Work shifts</a></li>
</ul>
what part do i need to change to make it go vertically? Greetings; Can someone spot my error he My webpage has 4 dropDown Menu FORMs. DropDown Menu FORMs 1,3 and 4, work fine. But clicking on FORM/Menu #2 does nothing. Very troubling. Can someone spot my error below? Thanks...vmars : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> Your Title Here </title> <meta name="Generator" content="AlleyCode HTML Editor"> <meta name="Description" content="Your description here..."> <meta name="Description" content="...Created by ddMenu % HotBasic..."> <meta name="Keywords" content="Your keywords here..."> </head> <body> <div align="center"> <table> <tr> <td align="center"> <form name="HotBasic"> <select style="font-size:16px;color:#006699;font-family:tahoma;background-color:#ffffff;" name="menu" onChange="location=document.HotBasic.menu.options[document.HotBasic.menu.selectedIndex].value;"> <option value="">HotBasic</option> <option value="http://tech.groups.yahoo.com/group/hotbasic/">HotBasic Group @ Yahoo</option> <option value="http://mypages.cwdom.dm/keenej/hotbasic.html">HotBasic Home Page</option> </select></form> </td> <td align="center"> <form name="YouTube Related"> <select style="font-size:16px;color:#006699;font-family:tahoma;background-color:#ffffff;" name="menu" onChange="location=document.YouTube Related.menu.options[document.YouTube Related.menu.selectedIndex].value;"> <option value="">YouTube Related</option> <option value="http://www.youtube.com/">YouTube.com</option> <option value="http://www.downloader9.com/">Save YouTube videos to AVI</option> <option value="http://www.getaudiofromvideo.com/">YouTube to Mp3</option> </select></form> </td> </tr> <tr> <td align="center"> <form name="Euphoria"> <select style="font-size:16px;color:#006699;font-family:tahoma;background-color:#ffffff;" name="menu" onChange="location=document.Euphoria.menu.options[document.Euphoria.menu.selectedIndex].value;"> <option value="">Euphoria</option> <option value="http://openeuphoria.org/EUforum/index.cgi">OpenEuphoria.org</option> <option value="http://docs.wxwidgets.org/stable/wx_wxboxsizer.html">wxWidgets wxBoxSizer</option> <option value="http://docs.wxwidgets.org/stable/wx_wxscrolledwindow.html">wxWidgets Docs wxScrolledWindow</option> <option value="http://docs.wxwidgets.org/stable/wx_sizeroverview.html">wxWidgets Programming with wxBoxSizer</option> </select></form> </td> <td align="center"> <form name="AutoIt3"> <select style="font-size:16px;color:#006699;font-family:tahoma;background-color:#ffffff;" name="menu" onChange="location=document.AutoIt3.menu.options[document.AutoIt3.menu.selectedIndex].value;"> <option value="">AutoIt3</option> <option value="http://www.autoitscript.com/forum/index.php?showforum=2">AutoIt3 General Help and Support</option> <option value="http://www.autoitscript.com/forum/index.php?showforum=10">GUI Help and Support Forum</option> <option value="http://www.autoitscript.com/forum/index.php?showforum=9">Example Scripts</option> </select></form> </td></tr> </table> </div> </body> </html> I have created a vertical drop down menu on my website. www.aplexia-villas.co.uk. When i select a tab then go off it, the tabs quickly goes back to the way they was at the start. How do i slow it down? Thanks for your help. I have just made a website for a friend and having not wrote any sort of HTML etc. for over 2 years I resorted to using Dreamweaver. Having made it however it appears that Internet Explorer does not like something about the code. The website is currently hosted on freewebs as a trial: http://freewebs.com/drivetimetest The menu appears to the left of the content in Opera and Firefox as it is meant to be but IE places it above the content and below the header. Is there any way to fix this? I am also a bit stuck as I never really started using 'div' based layouts before I stopped so I can't really tell from reading the code what is wrong with it. Thanks for your help When I start adding the content to my website, it pops up on top of the menu and the logo in the top of the page? Do you know what I can do to get it under the menu? Here is my HTML and CSS Code HTML Code: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset-UTF-8" /> <title>Andersen Undercover Records</title> <link rel="stylesheet" type="text/css" href="page.css" /> </head> <body> <ul id="nav"> <TABLE BORDER=0 BORDERCOLOR=black width="700"> <TR><td> <li><a href="#">HOME</a></li></td> <td><li><a href="#">ARTISTS</a></li></td> <td><li><a href="#">MUSIC</a></li></td> <td><li><a href="#">NEWS</a></li></td> <td><li><a href="#">VIDEOS</a></li></td> <td><li><a href="#">PHOTOS</a></li></td> <td><li><a href="#">ABOUT</a></li></td> <td><li><a href="#">CONTACT</a></li></td> </tr> </ul> <div id="content"> </body> </html> CSS CODE Code: * {
margin: 0;
padding: 0;
}
body {
font-size: 62.5%;
font-family: Helvetica, sans-serif;
background: url(images/background.png) repeat-x top
}
li {
font-size: 1.2em;
}
p {
font-size: 1.0em;
line-height: 1.4em;
margin-bottom: 0.8em;
}
ul#nav {
height: 290px; width: 894px;
margin: 0 auto;
background: url(images/logo.png) no-repeat;
list-style: none;
}
ul#nav li a {
display: block;
margin-top: 298px;
float: left;
width: 50px;
margin-left: 52px;
color: grey;
font-weight: bold;
text-decoration: none;
padding-top: 2px;
}
ul#nav li a:hover, ul#nav li a:active {
color: white;
div#content {
padding-bottom: 50px;
float:left;
}
div#footer {
background: url(images/)
color: white;
padding: 10px 0 10px 0;
text-transform: uppercase;
border-top: 0px solid black;
text-align: center;
}
in html, aside from using a table with 1 row and 2 cells..... what is the best way of designing a page where we have a menu system/navbar on the left, and the main content on the right of it? I'm having trouble with my menu. the content displays properly when the menu drop-down boxes are not activated, but shifts to accomodate the boxes when they are activated (by rollover). I want the menu boxes to drop down OVER the content, not shift it out of the way. How do I accomplish this? Here is the page: http://antiqueatlantic.com/oceaniana...togallery.html On my website I am trying to make a drop down menu change a script below it. If you go to http://www.breezybucks.com/article/newtemplate and click on "Custom Order Prizes" on the left you should see a drop down menu and an amazon flash file below it. I want it to be so that when you change from "Video Games" to "Electronics", it will load another flash file (from an already made amazon script). Here is my script right now... Quote: <select NAME="amazon"> <option>Video Games</option> <option>Electronics</option> <option>Books</option> </select> <Amazon Flash Script> <2nd Amazon Flash Script> Any idea how to do this? http://www.immc.ca/index.php?option=...d=24&Itemid=47 When you scroll over the drop down menu items, they appear behind the canada map flash piece. On other pages of the site, the menu appears correctly, in front of the site content. This is only happening in Firefox. Hey guys, I was wondering if anyone could help me? I wish to produce a website which works in the following way: The header and footer remain the same, and do not reload on page refresh. Then, links on a menu bar stimulate loading a new page, however only the content below the header changes. An example of this, is the CushyCMS website (http://www.cushycms.com). When you click the menu links, the header doesn't reload, only the page content does. How would I do this? My reason for wanting this method, is because I wish to have an image slider present within the header of all of my pages, and I don't wish to have to update every page each time I wish to add an image. Please help? Many thanks, Luke Hi There, Pulling my hair out over this. For the life of me, cant make it work: http://www.cowboytuffwebsitedesign.c...cialdeals.html I've used positive padding negative margin to stretch both div's heights to match each other. But the content div, when needed to be higher than the menu div, will overflow its content past the container divs bg. As well the footer will only clear past the menu div, not the content div. HELP! PLEASE! I can copy and paste HTML right into the thread if needed. Thanks Sorry if i posted this in the wrong location. So im a real estate agent making a website. Im no pro and most of the stuff ive been using to build has been through layouts/generators/help of others such as yourselves. So ive been stuck on finding/making this code for the past couple of days. So all my listings are on my agencys website, not my personal agent website. Is there a code i could have where in the listings page my my personal agent website, i could have a window maybe 600x900 of the listing page on my agencys website? To kind of clear things up, you know how when you google something you have the magnifying glass, how it gives that preview. How can i have that preview coded onto a webpage, but me say what webpage to preview and how big to make the preview box? Tried to explain it as best i could. If you dont know the code, if you can tell me what its called so i can try to narrow the google searches. So far everything that has been coming up in the search restults has been preview boxes to preview html codes you have already written. Fail Blog Thanks Hi, Im trying to make my footer content align correctly to the main content when a window resizes. The apdivs don't seem to want to move at all even with a relative position etc. I have tried everything but just cant get it to work can someone help please? http://pjm.co.uk.uksite4.yourwebserv...splay&PageID=5 Also some one commented before on the amount of css and JS pages. These will al be stripped out as its an Open sources system im using! Thansk alot Joe how do i make a background image fit to the window. also i have a button on a page. how do i get it to close the window uppon clicking it. any help would be great. I'm a novice compared to the pros here and stuck on a couple issues. My website is uspsrealty.com There is some "empty" space on my home page below the horizontal line. I want to remove the horizontal line and have the ability to use that empty space without throwing my borders/margins off. I would like to add about 3-4 sentences in that blank area. Can this be changed so I can add a few sentences? I know why this is happening, just don't know how to correct it. Also want to change the copyright.jpg to 2010 from 2009. Might as well make up a few more jpgs with the years 2011, 2012, 2013, 2014, and 2015 Willing to paypal you money for your help. Hoping one of you pros can do this in 30 min and willing to pay $25-30. Contact me he galevin@hotmail.com Thanks, Gerald Levin Hi, i have a problem im not sure how to go about it . I have a webpage where the user enters there personal details . As they are fillign in details they click a link and another webpage is opened ( keeping the orginal open ) Where the do some other stuff on this new page and what is created is a javascript array of numbers I then want them to be able close this new window down and the javascript array data will be submitted with the rest of the personal information when the click a submit button on the first page . If this makes sense how do i go about this? Thanks |
|||||||