HTML - Div Based Webpage Layout
Hello there,
I always make webpages using tables. The usual outline for me is a vertical menu bar at the left that is of STATIC width, and a window on the right that displays the conent with a DYNAMIC width. So I pretty much want the left pane to take up i.e. 200px and the right pane to take up the rest of the page. With tables, it's easy b/c you can just set the table width to 100%, define the td width of the left pane, and the right pane will automatically resize itself to fill the page. I'm trying to adapt a div-based layout now and I can't figure out how to do that with divs. I've been playing with it, but keep running into problems. If I set float:left, after a certain point in making the window narrower, the right div jumps below the left div, etc.. Can someone give me some hints or point me in the right direction as to how to achieve the same effect I had using tables? Thanks! Similar TutorialsI don't know if this belongs here, because I'm not sure what I would do to do this, but here's my question: Is there any way I can make one webpage load if the IP the user is browsing from is in a certain range, and an alternate page if the user's IP is not part of that range? If so, how do I do this (this method is for a false block page that only appears from certain IPs to discourage folks from further attempting finding what is blocked. Sorta like a puzzleish thing instead of a traditional password - not to be secure, just for the fun of it.) Thank you in advance! I have always used tables to layout my sites bt now everyone is telling me that I should use css instead. I am not sure how to do this in css so would somebody please explain this to me and an example would be nice too! Thanks so much! hi, Im facing the problem, such as i have designd my web page using Frontpage 2007 now im faciing the problem such as when i view the page in IE it is fine. but in mozzilla it is scattered please help me out!! Hello. =) A few weeks ago, I made this thread saying that I'm (basically) still new to HTML...and now I'm forcing myself to use an HTML editor. (I decided to use KompoZer, and I've been using it for a few days.) Right now, I'm playing around with it and trying to create different site layouts. I came up with a design (which involves using DIVs), but I'm really having some problems: What the site is supposed to look like [GIF image] What the site actually looks like (for now) [HTML document - CSS is embedded in the page] ...Truth be told I drew that picture first, then I went online and found a similar-looking layout (since I can't make one from scratch yet; I still don't really understand how DIVs+CSS work). So I tried modifying the layout as best I could, and I didn't do such a great job. ^^; Anyway, I want the layout to be "liquid", so if you resize your browser everything shrinks nicely. But whenever I reduce my browser size, the header and footer start moving. How do I stop this from happening? Can anyone tell me the correct code I should be using? Thanks in advance!! PS: 1) You see those "white spaces" in the picture I drew? Well, I figure the best way to add those spaces is by modifying some background images, like what I did here. If I'm wrong, or you know a better way to do this, please tell me!! 2) If you scroll the HTML document, you might notice that it's hard to read the top line of text (because it's "hidden" behind the header DIV). I think the best way to solve this problem is by making the bottom of the header DIV transparent...or, by adding a second DIV at the bottom of the header, and then making that second DIV transparent. I heard you can use "filter:chroma" to do this, but for some reason I can't get it to work with hex colors OR pictures. =( 3) Do you think it's easier/makes more sense to try and edit this other layout instead? It scrolls the same way, and it already has a header and footer...plus the bottom of the header is already a different color, so I should be able to make it transparent. This layout doesn't have a side column, but I can make one using code like this, right?: HTML Code: body { color: white; background-color: #000000; background-image: url(stars_bg3.gif); background-image: url(foot-head.gif) bottom 300px right; background-repeat: no-repeat; background-attachment: fixed; border-top: 6px solid white; border-right: 0; border-bottom: 6px solid #FFFFFF; border-left: 6px solid #FFFFFF; padding-left: 184px; overflow: hidden; margin: 0px; } 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, 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 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 Hell everyone. This is my first post and im sure it will not be my last here on HTMLforums.com. I am looking to create a web page and host it using godaddy.com. I would like to have a forum on it but I am having complete creativity block here and i do not know what i want my website to be about. I love technology and i am currently a student at the University of Phoenix online and i am getting my associates degree in Information Systems. I also enjoy cars, sports, outdoors, travel and other things. I am 20 years old and am from New Jersey. The purpose of this site is to maintain an up to date example of my web design skills to show a potential employer. Please if you have any ideas let me know. I can be reached via e-mail at laxmetal23@verizon.net. I am also usually on AIM and my sn is UNC6183. Please let me know. Take a look at this image. What I want to do is make the background black (which I know how to do), but to add in the black header plus the gray box--same width. What I'm trying to do is my forum is fixed width (in the center, not expanded on browser) and I want to do the same to a new non-forum site starting from scratch. hello i have a webpage and i need to create a link to the following other webpage http://localhost:8080/CamerasTopFrame.html#3 im kind of new at html can someone assist May I know how can make sure that my website fit under any resolution with out using Table(table,tr,td) in html??? I want my webpage to fit any resolution, and I am doing something wrong, could you help me with the right coding? thank you sorry, this isnt an exact repeat post... has a bit of additional information my friend had a friend make this page http://www.opportunity.com/index.html or something along those lines... Im using this page as a reference... So I copied the source, and copied the file free_access.css within the same folder I created an image subfolderd but when I preview it in dreamweaver it tells me it can not find the css file... Is this normal? do I need to upload it to a server first to actually view it... or am I making a mistake thx everyone for the help earlier Matt Okay that most probably didnt explain it very well but I am looking at putting a page together that will display a specific image at the top of the page dependant on where the visitor came from So if they came to my site from a link from abc.com then they will see the ABC logo on our page however if they came from 123.net then they will see the same page but this time with the 123.net logo. If we cant find where they have came from or we dont have an image for that forwarder then it will show a default image Anyone know if this can be done?? Hi just to introduce myself My name Is brian Krause and i work for valley queen cheese factory, In Milbank SD. My problem is on our website we hav a page that is called jobs.htm. Is there a way i can get it so when you type in www.vqcheese.com/jobs the jobs.htm page will show up and no just error out? Thanks Hi, I was wonderin how to get a certain webpage onto my website Eny ideas Thanks I have a website that when I type in the url nothing appears on the page. I was wondering what would cause this to happen. I tried to re-saving the files for the website but still nothing, it just says Done in the bottom tray of the IE window. Thanks in advance! I would like to get data from a specific website (http://www.forex.se/rates.asp?sectionId=246). More exactly, I want to get the values of the actual currencies and have them printed on my website. So for example, I would like to have it like this on my webpage: Code: Currency buy - sell EUR : 9,3749 - 9,6410 USD : 5,8674 - 6,0745 Thanks in advice. Hi folks... first post and on the scrounge... Can anyone help with a problem on a website i am trying to design, my first site so go easy.... anyway... when i look at the page http://www.villagolf150.com/Gallery.html in IE it is fine.... but when i check it on Firefox there is a stray gap/space/whatever at the top near "home page" ... i have been trying for ages to get rid of it with no luck.... so pretty please.... can someone help me before i lose my mind.... Jeff. |