css external sheet

ammy · #1 (**permalink**) 12-28-2005, 11:00 AM

elo, im bak! ok so i bin reading about css, great stuff

first time i created a external sheet all was great. however
whenever i create a external one now, it gives a thumbnail of the unknow file type (should give the notepad one)
and doesnt apply it ot the homepage.

have i adjusted some kinda of settings?
heres my code for linking the css

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html xmlns"http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type"
content="text/html;charset=utf-8"/>

<title> the gem</title>

<link rel="stylesheet" type="text/css"
href="base.css" />

</head>

Leprakawn · #2 (**permalink**) 12-28-2005, 06:26 PM

Can you show us your stylesheet and the main page's code?

ammy · #3 (**permalink**) 12-30-2005, 08:33 AM

hi leprekawn
i played round with it and it started working

thnks
ammy

makin websites is making me

Leprakawn · #4 (**permalink**) 12-30-2005, 12:24 PM

Congrats for figuring it out, Ammy!

Yes, designing sites can be a little

;however, the finished results can be

ammy · #5 (**permalink**) 12-30-2005, 12:59 PM

hey leprekawn,

u got any tips on making a navigation bar. i like this website(htmlcenter) one but i duno how to create one from scratch? i was thinking creating tab styles in photoshop and then adding links onto them on homepage... i just thought maybe theres an easier way of doing this..

any tips.
any easier way of doing things?

cheerz

Leprakawn · #6 (**permalink**) 01-02-2006, 09:15 PM

Hey, Ammy!

Well, how sophisticated do you want it to be? If you want to do something plain and simple, you could create a table and use CSS to colour the cells, or you can do a little more with Photoshop and slice it. Then if you want to get hardcore, you can do some nifty things in Flash!

If you'd like to use PS, you can go to Good-Tutorials and search for some cool button layouts. Here's a link: http://good-tutorials.com/tutorials/photoshop/buttons.

ammy · #7 (**permalink**) 01-03-2006, 08:32 AM

hia leprakawn.. happy new year

thanks for the link, its really useful.

another question

on my main page i have created 2 tables and positioned them using css.
im using screen size of 1024x 768
and if i change it to 800x600
the pictures jump to a different place causing the layout to be completely different.

is there some way to avoid this?

thanks

x

Leprakawn · #8 (**permalink**) 01-03-2006, 01:24 PM

Happy 06 to you, too!

No prob for the link. There is a ton of other stuff at Good-Tutorials, so make sure to look at what that site has to offer. (The only annoying problem is the redundancy.)

As for the resolution issue, that's something I mentioned in one of my other posts to you. You can adjust the code a little bit to make it not adjust for lower resolutions; however, your lower-resolution visitors will most likely encounter the horizontal scrollbar. Here's an example of what you could do:

HTML Code:

<div id="container" style="width:800px; text-align:left; margin:0px auto;">

That would be the container of all other divs/tables that are within the page. Just make sure to close it at the bottom of the page.

Take a look at http://www.themexp.org; they designed it with tables. The best resolution for that site is 1280x1024, and it's designed in similar fashion to the aforementioned example.

I hope this is helpful, too.

ammy · #9 (**permalink**) 01-04-2006, 07:47 AM

hey hey

ok a question about the div id "container"
a) i should use this command to position the (e.g paragraph, or image) initally to avoid any kinda of movement when resolution is changed.
or
b) just use it with whatever changes its position when resolution is changed.

<div id="welcomemsg">
<div id="container"
</div>
<p> Welcome to the magazine made exclusively for women. <br>The website has been created
for women to keep up with the latest news,<br> to search for jobs, gain advice and much more. </br></p>

</div>

if this doesnt make sense lemme knw..
cheerz

Leprakawn · #10 (**permalink**) 01-04-2006, 04:08 PM

Oops, I guess I should've been a little more specific

Code:

<div id="containter">  <-- Contains all elements on page, and make sure to set its width appropriately
     <div id="welcomemssg">
     Blah blah blah
     </div>
</div>

Is that better?

ammy · #11 (**permalink**) 01-05-2006, 12:04 PM

cheerz