i’m only starting with site style, and would like to discover how to make my images scale up or down automatically having different screen sizing’s.
i have designed your website with frames at first because need to have an area centered around the page that can certainly scroll several pages of info….. but my business is learning how this really is possible using kitchen tables and divs.
dilemma is, i created the 800×600 graphic which i sliced up in fireworks to set-up the page. i need everything to seem within that page, without scrolling down forever—and to keep the navbar generally accessible. when i look at my site using almost every other screen size, when i either get incomplete images, or unappealing gaps between all of them.
my business is using dreamweaver to develop the site. and am trying to test it about angelfire (but it does not load right! ) please look it over if that helps you to answer my concern.
www. angelfire. com/az3/solverstechline
thanks in advance!!
Allowed.
One of many first things MY SPOUSE AND I learned with using a graphics program’s web coding generator, is it generally doesn’t work well. In other words, there are generally weird rendering issues next time i add content, including spaces and basic disorientation. I make my slices after which rebuild the system in dreamweaver.
Frames=bad.
It sounds like you wish an area in the middle of your layout together with scrolling capabilities. That you can do this with divs. It looks like you will need a repeating background until you get to the bottom, after which another box having that information.
Avoid – the result from ImageReady just isn’t so bad from time to time, but if you could use it you will need to do a heap of recoding and also tweaking.
Easier to just take action by hand.
i tried rental fireworks code it to me at first, but immediately realized it does not work.
because you suggested, i used my slices to style the site out of dreamweaver.
shortly after posting this meaning, i found a similiar question posted with this section…. about " stretchy" websites…… in conclusion, utilizing slices of graphics, you’re pretty much stuck designing for the specific screen size
would everyone concur that 800×600 will be the most common/average solution are SVGs a common solution to this problem
SVG is always that a standard abbreviation intended for something, I think I missed in which day.
Probably the most common screen resolution now is 1024×768, so we as designers may have free reign within the 800×600 realm. However, it’s a good practice to think at least a dash of room for your browser itself. WHEN I generally design 770×500. The vertical space is just not as important, because it’s dynamic any kind of ways, but you choose to do want the bulk of your content and navigation showing up without some sort of scroll.
As well, some elements could stretch, like WDF these.
Lets hope I answered a person’s question.
gives thanks dcscene…… actually, SVG= scalable vector graphics
brand-new question…. how will i set my 800×600 (or 770×500) designed page to be to the remaining when opened inside a 1024×768 screen i’ve truly messed around with all the alignment and just about all, but my site keeps getting just about all stretched apart in unconnected pieces!
Have you been using tables or perhaps divs
welllllll…. i became using frames, i’d like to have a scrollable section in the middle of the screen—which can you recommend, tables or divs i’m also using sliced images with the background.
I would recommend divs. It’s even more work to obtain it right, but in the long run, the results are usually better. I must admit that we myself am a little beginner with CSS, so I might not be too much assistance. But, one reason I would like to learn it is to solve problems like a main you’re having.
okay, thanks, then i too will be able to use divs!
i actually just completed an entire css template – a clone regarding blogger. com. looking at your source to it may be of some assistance to you personally, so here will go:
http: //www. peerlessperfection. com/templates/app/html/ will be the front page. if you click the " about" and also " knowledge" menu links there are actually 2nd and 3rd level pages.
http: //www. peerlessperfection. com/templates/app/html/css/main. css and also http: //www. peerlessperfection. com/templates/app/html/css/secondary. css would be the two style bedding.
usually there are some rendering problems using older browsers, and my divs dont grow because thats how a client wanted it.
it will be possible to learn some from it, i think. it turned out my first important css project..
gives thanks russ,
i do think that helps. i need to have a look at the basics regarding css….
essentially, its a normal way for having a structure/template for the layout on the page
how will be the actual content inserted
-averan
css can create structure and also style a web site – fonts, back links, images, etc.
http: //www. w3. org/ has on the internet to learn basic principles of css.
imagine a < div> tag as being a table tag not having table rows or even table data (< tr>, < td> ) containers. how that div is usually displayed and organized is determined by how people style it in your style sheet — top margin, quit margin, font dimensions, color, face, and so on. your content goes into the < div> and also < /div> tags just as your content goes with ta table.
basically everything is often controlled with css – you will get several link models, ie red buttons and green links may be on the exact same page, just defined by the simple id=" yourlinkstylehere" into the < a> label.
expectation that helps, i’m very worn out – sorry in the event some of it appears as though jibberish.