The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Need help... basic html question i think
oparky
post May 10 2012, 10:48 PM
Post #1





Group: Members
Posts: 2
Joined: 10-May 12
Member No.: 17,090



I am farely new to html and am running into some problems. I am using code to place my images whereever i want by pixels from top, left. If i resize the browser than the website changes completely. pics moves, words move. how do i stop this? Also i saw sites that have the words centered and different colors on the sides for example... not my site but http://web.me.com/nckoyasan/nckoyasan/Welcome.html

If you can help me at all please do

thanks
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 11 2012, 04:36 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Less is often more. It's the positioning that creates the problem. Positioning is very powerful and can be extremely useful, but as you've discovered, to position page details relative the browser edges isn't a good way to go. Basically, the more you can let things be in the normal flow of the page, the more adaptable the page will be.

The design you like is very simple to accomplish. You need a container DIV to hold all the content and as a hanger for border and background. Then you just center that DIV. The image and the blurb beside it can be accomplished by using float.

The centering and floating should be done with CSS, as should any borders and backgrounds and all other presentational stuff you may use.
http://www.w3.org/Style/Examples/007/center.html
http://htmlhelp.com/reference/css/box/float.html

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 24th April 2024 - 06:32 PM