|
HTML - Problem With Page Position
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 Similar Tutorialslet 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 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 Hello! Ive been struggling with this for a few hours. http://oliviergraphics.se/uneven/index.html The background pic is in the right position in every browser (I think) and the right size on all type of screens. The problem is that if I add a extra div, it takes different positions on different sizes of screens. On my 13" screen, my site is perfect. On a 17", not a chance. I can send you the codes and so on. The main problem is that, the divs don't get the same positions on every screen. Wich ruins my design, here are the whole html: 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" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>K R E O N [Debut album this year. 2011]</title> <link rel="stylesheet" type="text/css" href="style.css" /> <meta http-equiv="imagetoolbar" content="no" /> <link rel="shortcut icon" href="favicon.gif"> </head> <body> <div id="holder"> <div><img style="width: 1920px;" alt="" src="tok.jpg" /></div> </div> <div id="body"> <div id="twitterfeed"> @<a href="http://twitter.com/KreonSweden">KREON:</a> <div id="twitter_update_list"></div> <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/kreonsweden.json?callback=twitterCallback2&count=1"></script> </div> <div id="video" style="position:absolute; bottom:20%; left:70%; margin-left:-156px;"> <iframe src="http://player.vimeo.com/video/24798537?title=0&byline=0&portrait=0&color=ffffff" width="400" height="300" frameborder="0"></iframe><p><a href="http://vimeo.com/24798537"> <div id="links" style="position:relative; margin: -10px auto; left:18%;"> <a href="https://www.facebook.com/unevenstructure"><img src="facebook.png" title="Join us on Facebook!" /></a> <a href="http://www.twitter.com/unevenstructure"><img src="twitter.png" title="Follow us on Twitter!" /></a> <a href="http://www.soundcloud.com/unevenstructure"><img src="lastfm.png" title="Listen to us on Soundcloud!" /></a> <a href="http://basickrecords.com"><img src="myspace.png" title="Visit our label BASICK Records!" /></a> </div> </div> </div> <script type="text/javascript" src="scaler.js"></script> </body> </html> PLEASE help me, i'm desperate. Hi, I was wondering if someone could help me... I made a drop down menu using fireworks for the site http://www.lakehillsca.org/ and the menu works perfectly in IE. But when viewing the site in firefox, the menu positioning isn't right. The menu uses javascript, but I'm pretty sure it isn't a javascript issue. Is there anyone out there that can figure this out??? Thanks for your time. -Chris I am making a website he http://musicalmadness.zymichost.com/index.htm In the links on the left there is a page called "Solo Albums" - this is the page I'm having trouble with. As you can see, I've made tooltips over the images listing the tracks of the albums. I've decided to make them position underneath the image. However, when they are activated they are shifting the entire page around. Is there a way to make it so they simply appear OVERLAYING the rest of the page? PLEASE look at CSS. Thank you! 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! Hello, I want to load a page in a iframe, and when i do this, i want that page to be displayed not at the begining of that page, i want that page to be displayed at a "x" and "y" position specificated by me. How can i do that? Thank you. Howdy, perhaps someone can help. at my page http://glassbala.com/calculator/calculator.htm either link for the spheres opens a shadowbox. the sphere on the right shows the issue the best the page that loads is the issue. this problem was around before recent shadowbox upgrade. there is a submit box that i have used code to have the box clear when clicked. when the page loads, it ensures that the submit box is visible. this causes the page to autoscroll down so the box is visible. is there an approach so this does not happen? thanks much for any suggestions. peace out... A site I work for is using a habbo fansite forum. There using a rare values system by Bobboid. (Project Rare Value) But the page that the forum users are meant to see (with the values on) is completely blank. The system has a CP. Ive been given admin so i can fix it. But the source code is giving me no clues as to whats wrong! Heres the code for the CP. (when you add a value) Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bobboid Rare Values</title>
<link rel="stylesheet" HREF="style.css" TYPE="text/css" media="screen"></head>
<body>
<div id="main">
<p><img src="banner.png" width="500" height="175" /></p>
<div id="navigator"> <p><strong>Navigator</strong></p>
<p><br />
<a href="admin_home.php">Home</a><br />
<a href="admin_password.php">Change Password</a><br />
<a href="admin_logout.php">Logout</a><br />
<a href="admin_editrarevalues.php"><br />
Edit Rare Values</a><br />
<a href="admin_editseasonalvalues.php">Edit Seasonal Values</a><br />
<a href="admin_editsupervalues.php">Edit Super Rare Values</a><br />
<a href="admin_editbankvalues.php">Edit Bank Item Values</a> </a><br />
<a href="admin_editseasonalvalues.php">Edit Other Rare Values</a><br />
<br />
<br /> <a href="admin_addrare.php">Add Rare</a><br />
<a href="admin_editrare.php">Edit/Delete Rare</a><br />
<a href="admin_viewhistory.php">View History </a><br />
<br />
<br />
<br /> <a href="admin_adduser.php">Add User</a><br />
<a href="admin_removeuser.php">Remove User</a><br />
<a href="admin_edituser.php">Edit User</a><br />
<br />
<br />
<br /></p>
<p> </p>
</div>
<div id="content">
<p><strong>Add a Rare </strong></p>
<form id="form1" name="form1" method="post" action="">
<label><em><strong>Details</strong></em><br />
<br />
Rare Name
<input name="name" type="text" id="name" />
</label>
<br />
<label>Rare Type
<select name="type" id="type">
<option value="rare">Rare</option>
<option value="seasonal">Seasonal</option>
<option value="super">Super Rare</option>
<option value="bank">Bank</option>
<option value="other">Other</option>
</select>
And heres the code for the page that the forum users are meant to see the values and that on: PHP Code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"></HEAD> <BODY></BODY> <META content=ORTNQESHAF name=SKYPE_FRAMEID></HTML> Are there any clues as to how i can rebuild the code for that page? Because someone has deleted it! Please help il find some way to thank you! Hello, I am having a problem with Dreamweaver. Whenever I write on a page the area next to the box I'm writing in wont go down so it looks stupid, and I can't manually move it down because I need it to be in a template as I have multiple pages. Yes, it does this on other pages. Here is a picture of whats going on... The arrow in black is where the blue background on the box should follow with the content of the page. This is what I want the final picture to look like. As you can see the blue gets down to where the copy write is so it looks nice Please help, Lil N00b I am making my personal website and in the starting phase of development of HOME page I am getting a problem that when i enable the Yahoo! toolbar or Ask Toolbar the alignment of page changes picutres under <table> tag becomes little down. how to solve this problem? hi im a bit new to html coding and need a little help. im coding a script test page in html. i have the first half of the page fine but cant get a proper textarea box under the proper fields. here's what i got........... HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Test Script</title> <form> Project: <input type="text" name="Project" /><br /> Version: <input type="text" name="Version" /> </form> </head> <body> <form> <table border="1" bordercolor="" width="1100px" bgcolor=""> <td> Test </td> <td> Task </td> <td> Expected </td> <td> Actual </td> <td> Comments </td> <td> Tester </td> </tr> </table> <textarea rows="5" cols="15"> text area </textarea> </form> </body> </html> I am a rookie. Surprisingly enuf my web site is about done. I have one very major problem. The index page is written in html and other programs are php. The php programs work perfect and I have a php page that is very wide with small print and it presents perfectly. But....I can't for the life of me figure what the heck I have done wrong with this html page. In ie6 and 7, the web page presents itself just fine unless there is a left sidebar (same with Mozilla). If there is a sidebar (history or favorites on the left of the page), the web page overflows and half of my webpage is on the second page. Is there a way that I can force the webpage to overlap the sidebar. When I look at the page, I have lots of room on the right side of the web page but can't seem to use it. Stupid is as stupid does because I really have no clue what I am doing. Thanks in advance. PS - hope I loaded the files right - I'll know soon I posted previously about these files. I have sorted the table and the images on the 2nd file - but now I have a new problem. When I select the gallery from the index, it loads gallery.htm. I have created a new file called 2gallery.htm with new images. However there is some code which causes the second page of the gallery (2gallery.htm) to open for only a couple of seconds and then the site returns to the index. The same applies when I try to directly navigate to any of the pages. Can anyone identify where this is and how I can make 2gallery work as I have several other pages to ad. I've attached the index, gallery and 2gallery. I have also included the image for the "more" button at the bottom of gallery. I haven't included any of the images of the gallery however. Hey guys basically am trying to validate my page but am facing some problems, specifically warnings saying : *********<br/> The sequence <FOO /> can be interpreted in at least two different ways, depending on the DOCTYPE of the document. For HTML 4.01 Strict, the '/' terminates the tag <FOO (with an implied '>'). However, since many browsers don't interpret it this way, even in the presence of an HTML 4.01 Strict DOCTYPE, it is best to avoid it completely in pure HTML documents and reserve its use solely for those written in XHTML. What's wrong with that? I tried to embed a wmv video in my web page, using this code: <HEAD><meta http-equiv="imagetoolbar" content="no"> <meta http-equiv="imagetoolbar" content="false"> </HEAD> <BODY bgcolor="#000000"> <p align="center"> <img border="0" dynsrc="baby_girl.wmv" start="fileopen"></p> </BODY></HTML> I uploaded the wmv into a folder called just_like_daddy on my website called www.lovetoamuse.com On a blog I placed this link to the page: www.lovetoamuse.com/just_like_daddy To complicate matters, the video shows up on my computer, but when I try to see to it from the blog on another computer, it doesn't work. What code can I use to ensure it works everywhere, using the url www.lovetomuse.com/just_like_daddy Thanks Hi, Please can someone have a look at the photo's page on my site here http://www.leeds-cityscape.co.uk/. The page is made up of a frame, so that I can have an advert at the top of the page that scrolls down as the visitor scrolls down. The problem is that when you go to the page there is a large gap at the top of the page. I have checked the code, but I cannot see what could be causing this. Any help would be appreciated. <a href="index.html" target="_blank" onclick="window.open(this.href,this.target,'status=no,toolbar=no,location=no,menubar=no,directories= no,resizable=no,scrollbars=no,height=600,width=800'); return false;" >Enter</a> This followed codes working properly, a window opened with the desired page and with desired conditions except resizable. It can be seen that "resizable=no" even then the page can be resized :S Lookin 4word I cannot figure out what I am doing wrong. I have a page he http://www.bestsellersworld.com/revi...ke_a_stone.htm If you scroll down to the end of the review it states : send this page to a friend. If you click on it it will come up with the link to the page on my site. I did the same thing on another page: http://www.bestsellersworld.com/revi...ou_see_him.htm If you click on the "send this page to a friend" at the bottom it does not show the underlined link and now it is going to Amazon. I tried placing it on different parts of the page but don't know what is wrong. |
|||||||