adding text and aligning it wherever i want

I have done my design and now i want to add my text where i need when i wish, as you cane easily see above my first division i added in the code < center> but containing effected everything, including my text. I need to put the text within the left box to the left but in relation to 5-10 pixels in and maintain the bottom text, in the footer at the center.

support me out males!

here it is so far dont concern yourself with the design, i will design better but just focus on the point i didnt use tables
http: //www. freewebs. com/joofhart/index. html

categories are good many people help me a large amount!

You’ll need to do a dash of < div> nesting.

The most important problem you’ll face now is a height of the left panel.
It is a typical " can’t determine the height" sort of problem that is
fixed with " faux columns". If you recognize that the height from the left and
center is fixed, you’ll be OK. If the content height to the page changes,
you will have different heights to the left and center columns.

WHEN I changed several stuff…

The following is my working example:

http: //catpin. com/joofhart/

TAKE NOTE: And I assumed you wanted a new fluid layout (for most width browsers).

.

what happens if i put a lot content in my div (600 pixels example) that there may be too much written content, these divisions dont appear to be very stretchable seems as though they get so big and then break up your current design, i mean i could truthfully use them but if i was designing for a lot of one they wouldnt know what direction to go if they placed to much content material in and didnt comprehend where theres a big gap on this left and loads of content on the correct.

but i have seen designs like this.

See my example now…

http: //catpin. com/joofhart/

Therefore, it would possibly be cut-off.
You will have to increase the elevation of BOTH the
quit and middle parts. Or, use " faux-columns" to
receive past that dilemma.

wat are generally faux collums, coz i can be thinking if my spouse and i designed something for many one they would like to update it without needing their site put in many different places. and having to learn how to change the amount of pixels in the idea.

Yes, how to get all over these problems is to use faux posts. Basically, set the very least height on a single or both in the columns on also side, then add a background image that may make it mimic that column keeps dropping down even though the actual div ends. Then set margins for the center body section so its content never leaks into the edges.

where must i get faux colums

I will make another example.

OK….

Here it is with " faux columns".

The particular " faux" are generally two more. gif shots that include
the left section (dark red) and the right side (lighter red).
In that case, a different one for the footer.

http: //catpin. com/joofhart/

The two images:
http: //catpin. com/joofhart/faux1. gif
http: //catpin. com/joofhart/faux2. gif

Today, you can add content also it will grow vertically with virtually no problems.

and i may put 2 divisions ott of that create percentages or precise pixel sizes advisors and it might most likely make my text remain inline perfectly!

http: //www. freewebs. com/joofhart/index. html
i have updated, i want your help on acquiring my borders to operate on the appropriate hand side.

OKAY…. Things get harder.

See the example today:

http: //www. catpin. com/joofhart/

The particular logo (the red part) is almost all one image, the best…
the particular background is " faux1. gif".

If you would like do the aspects, you’ll need to generate them into the red image.

WHEN I suggest not carrying out corners. It’s time intensive and doesn’t really add much.

faux1. gif is now a fixed bigger image, so if you would like increase the bigger of
your page, you’ll ought to alter that photograph too.

Doing fancy graphics improve borders, melded art logos, etc. requires any fair
level of photoshop or some graphics creations. I usually steer clear from
that stuff because I do not own graphics experience.

But the truth is get the notion… it’s all in relation to creating illusions.

You will need to start deciding what needs to be backgrounds and precisely what should be
shots on-top…

Always check your work towards as many browsers since you can.

CUSTOM LOGO: http: //www. catpin. com/joofhart/logo. gif
FAUX1: http: //www. catpin. com/joofhart/faux1. gif

.

avoid i learn video at school, and i gota make sure to be very inspiring for my selection page. so graphics can be a necessity(cant spell)

im going to find out some roll around stuff for my nav section because i want to have text selectable however have roll over background, there is usually a tuturial on my own graphic site.

Therefore, you should not simply get some " killer" artwork going, but review how
various other sites utilize the particular graphics with CSS.

I’m service plan examples like these types of: http: //www. csszengarden. com

You’ll have access to into layering, slicing, backgrounds, foregrounds, position relative/absolute…

This stuff doesn’t attention me… I envy people who are good at those activities.

oh i aint the best drawer but i’ll edit photos, and it also doesnt take a genious for taking a photo, im trying to learn to catch the attention of i said we would learnt to attract i drew ONE PARTICULAR picture and havnt shown one since.

http: //i108. photobucket. com/albums/n38/joofhart/Mage1-2. png

http: //i108. photobucket. com/albums/n38/joofhart/Mage1. jpg

http: //i108. photobucket. com/albums/n38/joofhart/Mage1dark. jpg

http: //www. freewebs. com/joofhart/index. html

okay check that out

i have added names for you to my links.

in terms of the roll overs when i needed 10 px padding that will put my roll over inside the border, so i did that but my text attended the border, i put a new 1em text-indent and it also moved my word out. <br

This entry was posted in Web Design and tagged , , , , , , , , , , , , , , , , . Bookmark the permalink.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *