PDA

View Full Version : help with html and css



Nick-S
March 19th, 2011, 06:08 AM
hi friends my name is Nick and I am new here. can somebody help me with html and css please?
first of all my apologies if i am not in the right section i have been trying to find a place to post this. I have a problem with my html and css page. when I open it the layout seems to be off. the only way i can solve this is by zooming out the page. what can i do so that the images and text display properly? I have attached my page for review.
I would greatly appreciate your help and sorry for my english.

gerowen
March 19th, 2011, 06:21 AM
Can you show us kind of what you want the finished product to look like? It's looking different depending on what browser/editor I use to view it.

Nick-S
March 19th, 2011, 06:50 PM
Thanks for the reply gerowen. I have attached a screenshot of (sort of) the final product.
basically I want the icons to be right in the middle of the page.
The biggest issue is when i re-size my browser the layout of the page messes up.
I want the content to stay unaffected when i resize my browser. or on the other hand, i want the content to resize accordingly with the browser.
I have this problem on firefox 4 RC1, opera and google chrome 10 for Windows xp, 7 and ubuntu 10.10.
i appreciate your help.

lykeion
March 19th, 2011, 07:23 PM
It looks like some kind of three-column layout. You could try an online CSS generator like this: http://www.pagecolumn.com
Or if you do want to understand what you're doing, readc this article: http://www.alistapart.com/articles/holygrail/

gerowen
March 19th, 2011, 08:36 PM
Try centering the icons, that should keep them in the middle of the page regardless of window size.

Nick-S
March 19th, 2011, 08:38 PM
It looks like some kind of three-column layout. You could try an online CSS generator like this: http://www.pagecolumn.com
Or if you do want to understand what you're doing, readc this article: http://www.alistapart.com/articles/holygrail/


Thanks for the links...Ill check them out. for now...the biggest problem is that the layout is messed up when I resize the browser. You will notice once you open the page the layout is messed up. I found a temporary solution by zooming out (ctrl and - key).

Nick-S
March 19th, 2011, 08:40 PM
Try centering the icons, that should keep them in the middle of the page regardless of window size.

I cant seem to be able to center the icons without messing up the whole page.
When I resize the window, the orange block goes up and sometimes hides the linux logo.

Nick-S
March 22nd, 2011, 08:33 PM
Bump

aktiwers
March 23rd, 2011, 12:26 AM
I have not downloaded or looked at your code - but in the CSS, read about position absolute and position relative.

http://www.w3schools.com/Css/pr_class_position.asp

rabbitdaone
March 23rd, 2011, 08:48 AM
@Nick-S (http://ubuntuforums.org/member.php?u=1264381) I have not downloaded your source, but have you tried putting the page in <div></div> and further dividing it into sub <div></div> ?

And using absolute positioning as mentioned by aktiwers (http://ubuntuforums.org/member.php?u=80311)