FRIHOST FORUMS SEARCH FAQ TOS BLOGS COMPETITIONS
You are invited to Log in or Register a free Frihost Account!


Ashens Web Design Questions Thread





Ashims
Whilst I was learning to build websites I found it a great help to have someone around to give me advice when I ran into a spot of bother, otherwise I'd be spending days sifting through the internet to find the answer to my question.

As such I'm starting this thread.

The idea is simple, ask a question here, and I will respond by creating a guide (in a new thread, appended with your name), with full information on how and why the tehcnique works.

Rules.

1. Keep the questions to a single post if at all possible. (if more clarification is needed I'll ask in the corrosponding guide.
2. If there are a rush of questions dont keep posting. I'll be working from the top down, so I'll get to yours ASAP.
3. Dont chat/comment in this thread. That is, make sure each post is a question.
4. Before you post, check this post to see if your questions been answered, I'll be posting links all the completed guides here to keep track of it. It should be obvious if your question has been answered (I'll make the thread titles as descriptive as possible).
5. If you've got an answer to the question, by all means note the person who asked it, or feel free to post a better answer once I've posted one, but dont post an answer thread before me-- This is a bit dodgy to ask, but it seems to me this is the best way to keep my answers and my guides obvious to the people looking for them, and the general populace of FriHost. I mean, people can always ask a question for you to answer in the forum if they dont want a full guide about it!

Other Info.

Guides can be about anything related to CSS, XHTML, and Photoshop. (I figure I'll be taking too much on board if I accept PHP or Flash requests so please dont ask for those in this thread).

Also, if you've got any examples of what you're asking that you would like explained, or to help clarify your point, post a link with your question Smile

I will provide full code of the example pages I create for you to use/work into your page.

I might add more rules and stuff as I run into problems.

Example Request.
(feel free to ask these if you want them)

"Can you please write up a guide for the beginner webdesigner, about introductory skills, techniques and good design practice?"

or

"How do you make a continuous container that continues right to the foot of the page using CSS layouts. Even when there isn't enough content to stretch it there. Div elements 100% seem to end at the bottom of the screen-- not the end of the page."

or

"Whats the best way to get a design from <insert your image editor of choice here> to the real world."

or

"How would I go about embedding phpbb or <your forum software of choice> into my sites current layout to make it look seamless"

Completed Guides.

How to center something horizontally AND vertically... on a page when working with CSS.
Ashims
*bump*
Aelita
Hmm great idea, I've been going around just looking for people with problems, but this mightmake it a bit easier to help people. One of the reasons I like this site is because people are so willing to help. unfortunately I havent seen anybody ask questions that I might need the answers to, but they'll come I'm sure. (no I dont have questions right now, just the questions being asked are questions I've already *sifted* around looking for on the net. but I'll do my best to help answer some questions that may come up as well!
simplyw00x
How do you/What is the best way to center something directly in the centre of your page if you're using CSS for your design layout?

I'm not being facetious, I actually want to know.
polarBear
Can I answer that?
Give this a try:
http://www.frihost.com/forums/viewtopic.php?p=73376#73376

Code:
<div style="
         position:absolute;
         top:50%;
         left:50%;
         margin-top:[HalfOfTheImageHeight]; /*replace what's between the [] with a number given that is the half of your image's height */
         margin-left:[HalfOfTheImageWidth]/*replace what's between the [] with a number given that is the half of your image's width*/
">
<img src="foo.bar" /> <!-- replace foo.bar with the real filename of your image -->
</div>


You can replace the image with something else like a p or a div without much trouble
Ashims
simplyw00x wrote:
How do you/What is the best way to center something directly in the centre of your page if you're using CSS for your design layout?


Guide complete.
See post 1.

polarBear wrote:

Code:
<div style="
         position:absolute;
         top:50%;
         left:50%;
         margin-top:[HalfOfTheImageHeight]; /*replace what's between the [] with a number given that is the half of your image's height */
         margin-left:[HalfOfTheImageWidth]/*replace what's between the [] with a number given that is the half of your image's width*/
">
<img src="foo.bar" /> <!-- replace foo.bar with the real filename of your image -->
</div>


That shouldn't work, and as far as I've checked, doesn't.
What that says is, find 50% of the screen. Then align the top of the element with that. Then extend this distance fromt the top of the page another half of the elements height.

Perhaps if the numbers were negative this might work... but I wouldn't hold my breath. Negative margin would go behind the element itself, so the elements edge would still be in the same place.

Cheers.
Ash.
Ashims
*bump*
mike4652
Quote:
How do you/What is the best way to center something directly in the centre of your page if you're using CSS for your design layout?

<div align="center">This should work</div>
What are you trying to center?
A banner image or text. or the whole page layout?
I guess that is what I should ask before I give a comment. Laughing
Ashims
mike4652 wrote:
Quote:
How do you/What is the best way to center something directly in the centre of your page if you're using CSS for your design layout?

<div align="center">This should work</div>
What are you trying to center?
A banner image or text. or the whole page layout?
I guess that is what I should ask before I give a comment. Laughing


I answered this one-- Check the link in post 1 for details.

Looking for some more questions to write guides for!

Cheers.
Ash.
Ashims
*bump*
simplyw00x
Me again, just because I think you're doing a great job and you're being criminally under-valued here.

Question 1:
Should <h[x]> elements imply a <br />? Is it a correct rendering to have them on a new line automatically? I ask, because Firefox beta 1.5 does not, but every other browser does. Who's in the rigt here?

Question 2:
Can you point me to a good, concise guide to switching from bad HTML 4 to XHTML strict (or write one yourself)? I have an ebook, but it's long and arduous. At the moment, I'm using a mash of the two (<br />, but also things like colspan and whatever) and I want to switch.
Related topics
PROFESSIONAL WEB DESIGN TUTORIAL
Web Design Directory
Web design
Do you use dreamweaver for web design.
Graphic + Web Design
Graphic + Web Design
Adiutrix Web Design -- FREE WEB DESIGN --
Jobs in Europe for English Speaking foreigns?
Google Takes On Web-Design Market
What Web Design Software is everyone using?
Autumnhouse Web-Design
Web design, general quality tips!
Graphics, web design, technology etc. site directory
Frihost search using old data: Feb and earlier!
Reply to topic    Frihost Forum Index -> Webmaster and Internet -> Design Tips

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.