|
HTML - Confused Obout How To Position Block Elements In A Page
I am new to web development and am using a combination of Dreamweaver CS3 and code. I feel pretty comfortable with the code now but am having some problems getting a grasp on how to position things the way I want.
I decided to design my site to display well on an 800x600 monitor, so I made the container div 780px wide, and I have created divs inside of that. For the most part I set the box width to 100% for the divs and don't mess with positioning. I have one div that I want to put bulleted lists in, but I want the bullet items to be layed out so that there are 4 items high x 3 wide. In other words, I want to divide the width of the page (780) into 3 sections and each one would have 4 bullets - item 1 - item 5 - item 9 - item 2 - item 6 - item 10 - item 3 - item 7 - item 11 - item 4 - item 8 - item 12 Pretend that these are evenly spaced and centered on the page. I used 3 divs, making each 260px wide on the page, and then put an unordered list inside of each div. I found that I could not make the divs sit side by side unless I also set float left for the CSS style. However, when I did that, the upper border of the div below these which was a 760px wide div with a table in it jumped up above them. I fixed it by setting that div to float left also. OK so I got it to look right, but I don't understand what I'm doing here. Is there a better way to do this, or can someone clear up why this worked? Thanks, Jeff Similar TutorialsHi, I was wondering if someone could explain block and inline elements. I know they deal with word wrap but, I have read and I am still confused on how you know what is a block element and what is an inline element. Can someone provide some aid? Thanks. Trying to modify a template.. http://www.varaxon.com/ On the right, below the login box are 3 seperate boxes - I've been trying to make these completely clickable - I just can't seem to figure it out. I tried doing unordered lists, etc. Color me stupid - I'm just a lowly PHP Developer with minimal design/html coding experience. -G Hello everyone, I'm new here. I hope someone will help me with my problem. You can see it he http://kahoe.monline.dk/portfolie2/index.php EDIT: Problem 1 solved. Problem 1 is in the grey menu to the right. I've used php include_once to insert four div elements (with images and a little text), but they position themselves in a strange way. It's supposed to be a collumn. You can see the html file with the four elements he http://kahoe.monline.dk/portfolie2/globalmenu.html I should probably say that I've used javascript to make a hover effect with the images. (Do I need to include code in this post, or do you guys usually view CSS and HTML in the browser?) Problem 2 is with IE. I have IE 8 installed, so I don't know about other versions, but this one can't find the images on my website. It works fine in Firefox. What's wrong? Problem 3 is with the div element at the top of the page, the one which contains the text "Denne hjemmeside ses bedst med Firefox. Download Firefox her. " I can't get it to sit at the very top of the page. I've used body { margin: 0; padding: 0; } in the stylesheet already, but it's not enough apparently... How do I make element's change their height automatically depending on whether they have anything contained within them? My page background is a div's bg image but the div hasn't expanded to the size of the contained elements. The div's name is nicola-bg Here is the site I have the same problem too with #image-section. That div is styled to have large borders but the borders don't extend to the height of the div's containing elements. i have a problem with position of the page i extended the site to screen, but now i have a problem with left and right box here i have tha code http://www.speedyshare.com/881657120.html i want to look like windows, but now the left and right box not stay in the same width one is higher and other is lower please if someone can help me let me start a new page please, can I position an image anywhere I feel like on a page please? I use divs but is there a way to this with divs and without divs or with or without CSS? I have a form where a select list can be updated by clicking 'update' next to it. When this is clicked I would ideally like just that to be updated, but I do not think this is possible. I was thinking of having two form actions, one that submits the form as usuall, but one that submits the form somewhere else, depending on which submit button is clicked. If I could have two submit buttons, I could use one to submit the form back to the same script, with the script re-filling the form elements that where filled out, and the select box would then update. So, my main question is...... Is there a javascript submit function that can change the destination of the form? Perhaps this should be in the javascript section! I need to go to the experts here , what I need to do is the following. I have an Adobe Edge animation, I need to take that animation along with a JQuery dropdown menu and put both on one html page. I have basic html knowledge to the point where the edge animation is saved as an html page ( edge automatically does this which includes all the Javascript files separately) So far I'm able to take the edge <div> and ad it to any html page as long as I copy the scripts to the head of that page. The trouble I'm having is adding the JQuery dropdown. It would be impossible for anyone reading this to know EXACTLY wht I mean without seeing the code, I do not want to add abunch of it or add a link to the files until someone replies and can actually look. any help? RD So, still rather new to writing HTML. I'm looking to put either a text field or drop down box onto the page dependent on a previously defined variable. How do I go about doing that? Greetings, Thanks in advance for any help. Basically, I'm new to HTML, I've made a site with an external CSS file, its all good, except that all the elements stay to the left. The browser background is grey, the actual page background is white (its an image, however, not just the colour). The page adjusts when I resize the IE window, but nothing else does, they just stay there. I've tried absolute positioning, relative, and so on, but nothing seems to fix it. How do I get the elements to move? I've attached the CSS and index file (named portfolio) for reference. I apologise in advance for my general noobiness. I hope the poorly written attachments don't hinder the helping process. Thank you, Panda. Howdy all, I have three scrolling divs that i want to be the height of the page, so i'm guessing position:absolute and height:100% will do that just fine. But i want these three scolling divs to be inside a position:fixed element so that they stay put when scrolling down the page. Is this possible? I dont think a pos:absolute will work nested inside a pos:fixed. How could i work around it? thanks! I'm wanting to create a div, which will contain 4 sections, but i've tried to make it and failed. I know I could use tables, but I want to style the div. I have an example of what i'm after. If you look at this website: http://www.bigw.com.au/bigw/home If you look at the bottom of the page and find 'In store this week', that is what i'm wanting to make. I'm just wondering, how would I go about making something like that, to have it span multiple times across a single div? Hi, Fairly new to website designing etc, used Wordpress in the past but wanted to have a go doing my own from scratch. www.flobbadobba.co.uk that what i have so far. I am finding it annoying though having to change each page when i add a new one in so that it shows on the menu down the left. Is there a way of making the change once and having it reflect on all the pages? Any help greatly received. Simon Hello all So i am trying to build a simple order form for my job where users fill out the data on a basic form on our infosite and the data is then emailed to us for processing. The idea is basically the same system as ordering pizza online. I have built the site itself and even the email link is working. The problem is none of the data is being transferred to the email so when submit is clicked my email window pops up empty. The subject line reads what i want it too but nothing else registers. Could someone please at least point me in the right direction. I am entirely self taught and ANY help would be excellent. Thank-you Can someone tell me why this wont validate as strict. Thanks Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>The Performing Arts Convention Center</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<p><img src="logo.png" alt="The Performing Arts Convention Center Logo" /></p>
<h1>Introduction</h1>
<div id="parpadding">
<p>The Permorming Arts Convention Center has promoted
the performing arts since 1967. Located in the heart of the <strong>City of Silver Loop Park</strong>,
the center provides all the infrastructure you need to make your activity a total success. The center is
funded in part by state sponsors.</p>
</div>
<h2>Calendar</h2>
<table cellpadding="5" border="2" cellspacing="5">
<tr><th>Start Time</th><th>Friday</th><th>Saturday</th><th>Sunday</th></tr>
<tr><td>1:00pm</td><td></td><td></td><td>Latin Dancing</td></tr>
<tr><td>2:00pm</td><td>Mozart Con.</td><td></td><td></td></tr>
<tr><td>3:00pm</td><td>Mozart Con.</td><td>Recital</td><td>Art Exhibit</td></tr>
<tr><td>4:00pm</td><td>Mozart Con.</td><td></td><td>Art Exhibit</td></tr>
<tr><td>5:00pm</td><td></td><td></td><td></td></span></tr>
</table>
<h2>Sponsors</h2>
<div id="sponsors">
<ol>
<span class="sponsorhead"><li>National Sponsors</span>
<ul>
<span class="sponsor"><li>Organization for the Development of the Arts & Sciences</li></span>
<span class="sponsor"><li>Local Art Society</li></span>
</ul>
</li>
<span class="sponsorhead"><li>State Sponsors</span>
<ul>
<span class="sponsor"><li><a href="http://www.umd.edu">University of MD College Park(<em>Go Terps!</em>)</a></li></span>
</ul>
</li>
</ol>
</div>
<hr/>
<div id="footer">
<p>© Copyright 1967-2007 The Performing Arts Convention Center | <em>All Rights Reserved.</em></p>
<p>Developed by: Madigan, Brendan</p>
</div>
</body>
</html>
I am trying to flush out somethings on a website... I have a marquee code and everytime I put something after it, that code, and everything proceeding that code, completely disappears. Here is the code... can someone please correct me, or tell me what I'm doing wrong? <b><font color="#0000FF" size="5"> <marquee behavior=alternate direction=up scrolldelay=30 height=50><center>TEXT</center> </font></b> Thank you. Okay, so I made a website for my work. I uploaded all the files to the host, all the pages were working fine, then all of a sudden two of the pages (The index and another page i had made) just were blank when they were loaded. Whenever this happened i checked the other pages, and they both worked fine. I was using IE so i decided to open it up in firefox and see if it worked, and it did. So all I have gathered so far is that two of the pages don't work in ie, but the other two do, and all four work on other browsers. any help?!?! I am for all intensive purposes a complete novice at website building, as this is my first website i have ever made from scratch, so please anybody who can help, DO! By the way, I made the website in photoshop, sliced it, and then used dreamweaver. All for pages were made exactly the same way, nothing was changed. If that in any way helps.... Pages that don't work in IE... www.napolisrestaurant.com/index.html www.napolisrestaurant.cm/pizza.html Pages that seem to work on all browsers... www.napolisrestaurant.com/pasta.html www.napolisrestaurant.com/misc.html So first off, I am looking to build a website that will incorporate a CMS. Do you have to use certain type of code types so that it will work with different CMS's? Read somewhere that certain dropdown menu's and such only worked with certain CMS... So I guess, if I am looking to build a site, do I need to know what CMS I am going to use from the start? I have a temporary page up at operationfreedomsuport.org. It is just the logo with Under construction under the logo. I'm extremely confused because when I pull up the website in Safari it works fine but in IE and FF the image cannot be pulled up. I can browse to that directory and see the file but when I select the file it does not pull up either. I have checked the permissions, checked spelling, and everything else I can think of. Does anybody have any idea why this site is not working!! Please help. Thank you. |
|||||||