![676d3a4d6fae34888f383c4d66a4ab99](/attachments/small/3/676d3a4d6fae34888f383c4d66a4ab99.png "align-left") ![676d3a4d6fae34888f383c4d66a4ab99](/attachments/large/3/676d3a4d6fae34888f383c4d66a4ab99.png "676d3a4d6fae34888f383c4d66a4ab99") <!DOCTYPE html> <!-- grocery.html A document for computeCost.js --> <html lang = "en"> <head> <title>grocery.html</title> <meta charset = "utf-8" /> <style type = "text/css"> label,input {display: block; margin-bottom: 20px; margin-right: 20px;} label { float: left; width:200px; text-align: right;} input { margin-left:150px;} #items{ margin-bottom: 20px; margin-right: 20px;} #theCost{margin-bottom: 20px; margin-right: 20px; } #done { margin-bottom: 20px; margin-right: 20px;} #done input {display:inline; margin-left: 140px;} #column { display:inline; } #item, #quantity { margin-left: 40px;} </style> <!-- Script s --> <script type = "text/javascript" src = "computeCost.js" > </script> </head> <body> <h2>Grocery List</h2> <form> <div id = "column"> <label id="item">Item</label> …

Member Avatar
Member Avatar
+0 forum 3

Hi My website works OK in IE9, Safari, Opera and Chrome but Firefox objects to my Contacts page. The contact form position is wrong and the navigation does not work for the Contacts page. The other pages work ok. Both HTML and CSS validate ok[Click Here](http://www.pcwebsite.org.uk)

Member Avatar
Member Avatar
+0 forum 4

I developed a website actually a simulation of a program on my 17.3 inch laptop. When I come to another machine for example a 15 inch laptop witch has a different screen size(diagonal) my html tags won't compensate, so I have to scroll through the website to see all my html tags(for example boxes etc...) Is it because i applied absolute positioning and should I change it to relative or is there something else that I should take care and be aware?

Member Avatar
Member Avatar
+0 forum 3

Please look at my jsfiddle here - http://jsfiddle.net/ftuZ5/ . I know why the links won't work as the relative positioning I have used to create the link / menu backgrounds I want is covering the a element but I can't work out how to resolve the issue (having tried relative and z-index on the li and a elements, plus adding and extra div to span the a element using that to create the 'button' style background) but all to no avail. Can anyone help?

Member Avatar
Member Avatar
+0 forum 3

I have problem with move a div to top. This is my code. <div id = "berita"> <p> Belakangan ini cherry belle membuat lagu yang versi rock. . . . . </p> </div> <div id = "komen"> Nama : <input name="nama" type="text"> Email : <input name="email" type="text"> No. HP : <input name="no_hp" type="text"> </div> I want to move div with id komen to top of berita. I don't want to move komen with make komen relative position. Because there's a reason. If I move with set value of margin-top. The appearance will broken. What must I do ?

Member Avatar
Member Avatar
+0 forum 1

Hi there, I hate CSS and I completely suck at design but unfortunately CSS is necessary for any kind of decent page design. I have been working on a small custom CMS for a personal website which works fine. However once I started to try and create the page design many problems arose. http://tim-thompson.comuf.com/index.php?id=1 The one problem I can't seem to get rid of is that when I head onto the portfolio page the entire page seems to shift left slightly and it is really annoying me. Any help that can be given would be greatly appreciated. Apologies for such …

Member Avatar
Member Avatar
+0 forum 6

Hi After having a problem or two with CSS based web pages I have made I find that the problems are too be resolved when the absolute positioning is removed. Well that is what has been suggested. Since in some cases I have used code from other web sites. Web sites that are often established by well respected web design authors I am puzzled as to whether the absolute positioning is really required. Can the use of absolute positioning be avoided? When is absolute positioning absolutely (pun no apologies given) required? A useful learning tool can be found at : …

Member Avatar
Member Avatar
+0 forum 5

Hi, I know most of the basics of html and css but I'm looking to learn more of the advanced areas. I find that most sites and books just cover the css techniques individually and do not really show the standards of how to create a high quality graphical responsive website. Does anyone know anywhere that actually discusses and shows good standards of css styling? Overall areas that confuse me are how images are used for buttons and only sections of graphics are clickable. Also, in the case of those high graphics websites in terms of backgrounds, is it most …

Member Avatar
Member Avatar
+0 forum 2

I need a help? I m designing a webpage. I have used <**div**>s everywhere, from header to footer, moreover I have used **relative** **positioning** with **top** and **right** tag. Somewhere top value has gone -1200 and so. At last I m left with about 800px of useless area below the footer and I don't want that. I looks very disgusting.Is there anyway of removing those ***whitespaces*** or stopping scroll below the ***footer*** block???? I there anyone for rescue?? **HELP** **HELP** **HELP**!!!!!!!!!!!!!!!

Member Avatar
Member Avatar
+0 forum 6

I'm trying to finish the last tweaks on a [site](http://www.friendshipcirclenc.org/fc-evaluation-2011-2012/) I created using an Elegant Themes Wordpress theme and I'm having a frustrating time figuring out how to center the page titles so they are each exactly centered regardless of their width. Here's an image of how I want it to look and how it currently looks, for both short and long titles. ![Title_positioning](/attachments/large/3/Title_positioning.jpg "Title_positioning") Obviously the width of the title on each page is slightly different which is why I'm having trouble since using `margin-left` to center the title will need a different margin for eac title and I …

Member Avatar
Member Avatar
+0 forum 3

Hi, I'm creating a website and currently working on the banner for it which is all contained within the 'logo' div that has a 900px width and 150px height. For some reason the 'menu' div is not being positioned within the 'logo' div despite being contained in it within the html. As the img takes up 500px width and 150px height within the 'logo' div I thought that the 'menu' div containing the links would be positioned to the right of the img within the 'logo' div as there is space however as stated, the 'menu' div is displayed outside …

Member Avatar
Member Avatar
+0 forum 3

I am designing a very basic form in which I am using GridBagLayout to position and size the GUI components. All the components get sized and positioned exactly as I expect from my code except the two radio buttons named "noRadio" and "yesRadio" respectively. I want them to appear next to the label with text "Family Inherited". Instead, the yesRadio appears inside the JTextField next to the "Patient ID" label and the noRadio simply doesn't appear. Please see the attached screenshot for more details. Here is the code of my form class that is extended from JPanel. import java.awt.Component; import …

Member Avatar
Member Avatar
+0 forum 1

On my clients website located at cjcdigital.net/clients/andrea I am having an issue with the CSS code where I managed to make the top navigation and sidebar (the social media buttons) work near perfectly with CSS - the top nav uses absolute positioning while the side nav first used absolute and now is relative - when using Firefox, Chrome, Opera, and IE on Windows When viewed on a Mac however - in particular Firefox and Chrome (the report came from my client so I don't know about other browsers - although Adobe Browserlab showed perfection on Macs) the side navigation is …

Member Avatar
Member Avatar
+0 forum 2

Hello, i have never been really succesful at positioning items on a page with css, it's taken me a long time but i finally worked it out, buit for some reason with the code i am now using my border will not locate properly, i have attached an image, you will see what i mean when you see it, and here is my html: <div class="colRight"> <p>Newest Articles</p> <div id="article"> <div class="article_image"><a href="..."><img src="..." width="80" height="80" alt="" title="" border="0" /></a></div> <div class="article_name"><a class="more" href="...">Article #1</a></div><br/> <div class="article_text">help help help help help help help help help hep help help <a class="more" …

Member Avatar
Member Avatar
+0 forum 5

Hi, Am trying to get away from flash + new to jquery. I know there is an obvious problem in the Css or js but the more I change things around the worse it gets. I want the gallery up next to the right of the nav column. Sick of pulling hair........ [url]http://www.andy.taupedesign.com/gallerytest.html[/url] thanks

Member Avatar
Member Avatar
+0 forum 1

What i am Trying to make is This [URL="http://testbox.co.cc/practice/header/topbar.jpg"]http://testbox.co.cc/practice/header/topbar.jpg[/URL] The Error i am Getting is (See the White Text) [URL="http://testbox.co.cc/practice/header/index.html"]http://testbox.co.cc/practice/header/index.html[/URL] When i add span in div and assign some property to it the text shifts a little below, i am unable to figure out why that is happening Sad i tried, positioning text using line-height property, padding- margin property, but still not working. can someone please help... Thanks in Advance. and (Sorry for my bad english.)

Member Avatar
Member Avatar
+0 forum 2

If anyone could help this humble learner I would deeply appreciate it, Im trying to put this whole function, the couts in the middle but gotoxy() on a console application doesnt seem to work, im on windows vista and using codeblocks the latest version, Maybe I have a library wrong or something. Here is a fraction of my program, that I need to center I dont want everything to be on the right on the command prompt, Please help!, and thanks: [CODE] #include <stdio.h> #include <iostream> #include <stdlib.h> #include <cstdlib> #include <conio.h> using namespace std; void sub_menu1(); void sub_sub_menu(); void …

Member Avatar
Member Avatar
+0 forum 2

Hi, I'm having a problem with an ASP.net website and CSS. I've pasted my CSS code from a previous website (HTML and CSS) to have a look at it. I've copied the basic divs etc into the masterpage. But I'm finding that the layout isn't centered. The layout would normally be centered with a border but now it's actually positioned left. I've tried this with a few different stylesheets I had and I'm having the same problem. Is there something special that needs to be done for ASP.net? Any help would be appreciated! Thanks!

Member Avatar
Member Avatar
+0 forum 6

Hi, This is my first post--I'm really a graphic designer, but have been asked to do some web design. I'm amateur at best, and at worst, don't know the crap I'm doing. I'm having problems getting my site to display correctly across multiple browsers and resolutions. Though it displays correctly on my monitor, I can see the problems when I try to minimize the site. I'm guessing this has something to do with my using absolute positioning on two of my elements; however, I'm unsure how to keep these elements (the circles and form) to hug the left and top …

Member Avatar
Member Avatar
+0 forum 1

The header file [code=c] #ifndef DRAUGHTS2_H #define DRAUGHTS2_H #include <SFML\Graphics.hpp> #include "TwoPlayerGame.h" #include <iostream> enum state{intro, playing, gameover}; //the states found within the game enum squareValue{green, red, blank}; //the draught square values on the board class Input { public: Input(); void setInput(unsigned int,unsigned int); unsigned int getX(); unsigned int getY(); bool inputStatus(); protected: unsigned int x; unsigned int y; bool inputReceived; }; class draughtPiece { public: draughtPiece(); draughtPiece(double,double,double, int);//Draught(X, Y and radius) //set the positions of the draughts void setPosX(double); void setPosY(double); void setRadius(double); //void setPieceNum(int); //get positions, velocity and radius of the draughts double getPosX(); double getPosY(); double getRadius(); …

Member Avatar
Member Avatar
+0 forum 1

This is by far the most bizarre thing I've come across in my experience of web development. When I click a link to page.php, it takes me to page.php and the layout is fine (surprisingly not the bizarre bit). However, if I then refresh that very same page, the layout changes, making a relative positioning blank (with background image) space appear in a big chunk at the bottom of the page. Hitting a link to page.php (say a href to the same page as an alternate refresh) gets rid of it, but refreshing just brings it back. Changing the few …

Member Avatar
Member Avatar
+0 forum 6

Hi! I'm starting HTML/CSS and I'm having this problem with positioning of elements... I've used this to position a text: HTML [CODE]<center> (...) <p id="txt_principal">lorem ipsum (...)</p> (...) </center>[/CODE] CSS [CODE]#txt_principal{ font: italic normal 14px Verdana, sans-serif; color: #DDD; text-align:justify; position:absolute; margin-top: 25px; margin-left: 205px; margin-right: 400px; }[/CODE] But whenever the window is resized the text gets out of position, as you can see on the video below. [url]http://www.youtube.com/watch?v=2akmS-LY-Hg[/url]

Member Avatar
Member Avatar
+0 forum 9

Hi all, Could someone help with the position of text on screen in pygame. Basic structure would look something like this below. now I like the user to input the text position starting at top left and moving 1 space at a time until end of that line then onto next line and so on until it reaches bottom right hand side. any idea on how to this would be great and not Def statement ... Thanks [CODE] # Moving Text across screen import pygame a=0 class MovingText: def __init__(self,mFont,Text,top,left,speed = 3,color = (255,255,255)): self.Text = mFont.render(Text,0,color) self.pos = [a,left] …

Member Avatar
+0 forum 0

Hey, Pretty new to Dreamweaver, but have been developing sites for a few years. Been having problems laying out these AP divs (previously called layers). How do I keep my text from being misaligned when the browser window changes sizes? (view attached screenshot to see what I'm talking about) [url]http://img.photobucket.com/albums/v358/dreamerjordyn/Screenshot2011-01-04at32900PM.png[/url]

Member Avatar
Member Avatar
+0 forum 1

Hey everyone! I recently took over this website and am making some revisions, but for some reason the image won't center in the placeholder. The site is [URL="http://www.genevabeachresort.com/test.html"]here.[/URL] The CSS behind it looks like: [CODE].galleria-container { position: relative; overflow: hidden; background: #000; } .galleria-container img { -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; } .galleria-stage { position: absolute; top: 10px; bottom: 60px; left: 10px; right: 10px; overflow:hidden; } .galleria-thumbnails-container { height: 50px; bottom: 0; position: absolute; left: 10px; right: 10px; z-index: 2; } .galleria-carousel .galleria-thumbnails-list { margin-left: 30px; margin-right: 30px; } .galleria-thumbnails .galleria-image { height: 40px; width: 60px; background: #000; margin: …

Member Avatar
Member Avatar
+0 forum 2

I'm currently working on a new website, but I'm having problems positioning the elements on my page - When I make the browser window smaller or view the page in a low resolution, the "Sign up" box moves and covers the rest of the page. I'd like to know how to adjust my site so that when I resize the window or view the page in a low resolution, the elements stay where they should. Perhaps I've made some sort of fundamental error.. I'm rather new to web design. Here's the page and the CSS: [url]http://psdforest.com/vaultpedia/[/url] [url]http://psdforest.com/vaultpedia/style.css[/url] I'd really appreciate …

Member Avatar
Member Avatar
+0 forum 5

Hi guys I've stumbled upon a really annoying problem in positioning 4 oval boxes(containers) (in 2 rows). In FF and Chrome it looks exactly how I want but in IE the boxes align about 50px left. If I give margin or padding left no matter of the values it shifts the boxes many pixels right.This is the HTML. [CODE] <ul class="contin"> <li><img src="images/homecontainer.png"/></li> <li><img src="images/homecontainer.png"/></li> </ul> <ul class="new"> <li><b><a href="">New Games</a></b></li> <li><b><a href="">Featured</a></b></li> </ul> <ul class="vid"> <li><b><a href="">New Videos</a></b></li> <li><b><a href="">Featured</a></b></li> </ul> <ul class="oxycontin"> <li><img src="images/homecontainer.png"/></li> <li><img src="images/homecontainer.png"/></li> </ul> <ul class="neww"> <li><b><a href="">New Jokes</a></b></li> <li><b><a href="">Featured</a></b></li> </ul> <ul class="vidd"> <li><b><a …

Member Avatar
Member Avatar
+0 forum 1

Hello, I have a web layout inside a table that allows it to be both vertically and horizontally aligned. It was working well in all browers, until I needed to make a div with a relative positioning. Now that div does not align vertically in IE6 and IE7. It works in other browers. The reason I needed to make it relative it's because it has to contain a smaller div that should go to the bottom, which has positioning absolute and bottom:0. The DIV that is not vertically aligning has the id="menu" in the example. Any help really appreciated! Here …

Member Avatar
Member Avatar
+0 forum 2

When a shortcut was added to the Desktop on XP it was placed at the end of list on the screen. Now, on Windows7, when a new shortcut is added it gets put immediately below the Computer icon at top left. Is this a Vista/W7 thing? I've tried changing the various options available with a right click. 'View' option has the bottom four selected and the 'Sort by' option has nothing selected. Funny, I just noticed that CCleaner installed itself at the end, why can't the others? Is there some way to stop this positioning problem?

Member Avatar
Member Avatar
+0 forum 2

Hi, I am new at css and I just wanted a hoover that would trigger at the time of mouseover (kind of obvious I guess) but I can't get the positioning right. So basically what I would like is when you enter your page for the first time you get a form, I would insert an image instead. that is enhanced by having a black background around it. Pls... I have tried everything. I also noticed that you got the right position in both browsers.. Thank you,

Member Avatar
Member Avatar
-2 forum 3

The End.