| View previous topic :: View next topic |
| Author |
Message |
PayneLess Designs
Joined: 28 Feb 2007
Posts: 1288
Location: Biloxi, MS
|
 Posted: Wed Sep 17, 2008 9:36 am Re: I might be slowly understanding the CSS stuff |
 |
|
|
| AmyR9 wrote: |
I'm going through all the tutorials, and just got a Geocities account to practice learning the CSS. One thing I'm trying to understand is that when you write out the CSS, it looks like you can put it all on one line instead of doing it separate like you did? But then if you do it on one line you need to do the ; to seperate each value?
You can put it all on one line, but it's easier to edit and make changes when you set it separately. For real short styles, one line would be good. Whether you do it on one line or not, the semicolon ( has to be put after each one. Some people elimianate the last one in line, but that's a bad habit to do it that way. Always use the semicolon and you wont go wrong when styling.
Also, was wondering if in the HTML area for my body tag if I have
<body background="lightblue.jpg" text="#000000" link="#0000ff" vlink="#0000ff">
How would I do all of that in CSS?
Would it be?
body{background:lightblue.jpg;color:black;a:linkcolor:blue;a:visited color:blue;}
For a background image, how it is done depends on whether the image is being tiled or not, positioned differently or you want contents to scroll of image or not. Never a good idea to use names for colors. Although there are a limited number of named colors that browsers recognized, they will recognize all the hex code values. The links styling go by themselves not in the body styling.
Is that right? or am I completely lost here?
Still not understanding what the formula for even is for calculating the table width. is it 12% of the DIV?
There is no set formula. If you need to do that, you must take it all dimensions for what you are concerned about. This is an example: 8 Box model
Last night too, I was using my mom's computer and had found someplace that was explaining how to calculate all the things for differnet type of tables you can do- percentage, pixels.
There are a lot dimesions that can be used, but only certain dimensions should be used for certain styling.
But I can't remember where I was. It gave so many great examples I was looking at. Maybe you may know what site it could have been?
These might help:
Calculating percentage widths
TABLE - Table |
You can use the great tutorials on this site. |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 1288
Location: Biloxi, MS
|
|
AmyR9
Joined: 14 Sep 2008
Posts: 79
|
| Posted: Wed Sep 17, 2008 2:35 pm Thank you so much |
|
|
|
I think I'm understanding things a bit better.
The CSS I think I'm now seeing how to do the codes, and I think I maybe was making it a little harder than it actually was.
It's just a different way of telling the browsers to read what is on the page.
Like when we write the code out in Html it tells what to do in Html.
But is the reason the site shows up at all with Html and not the CSS written out is that because it's the Html codes I have put in on how to style the site?
I'll check those other sites out too for the Memory thing. |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 1288
Location: Biloxi, MS
|
| Posted: Wed Sep 17, 2008 2:51 pm Re: Thank you so much |
|
|
|
| AmyR9 wrote: |
| But is the reason the site shows up at all with Html and not the CSS written out is that because it's the Html codes I have put in on how to style the site? |
If you have old style tags like <b>Bold Text</b> then that will be used instead of any CSS. The last style the browser parses on the page is the one used. |
|
AmyR9
Joined: 14 Sep 2008
Posts: 79
|
| Posted: Thu Sep 18, 2008 9:39 am What do I do with 52.8? |
|
|
|
Still really confused here. My mom is trying to help me with this too and she isn't understanding this either.
After I 12% of 440 it is 52.8
After I have the 52.8 what do I do with the number to come up with the width of the table?
I'm lost.
What do I with the 52.8 in coming up with 100%?
Because shouldn't the width be 52.8%?
See we sort of thought we understood it but still not.
My mom says she thought that if you put a higher number than 100% that you would have to scroll left to right, but on like the Enviromental Surface Repair and Recoloring site http://www.allsurfacetech.com/- the width of the table is 968. |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 1288
Location: Biloxi, MS
|
| Posted: Thu Sep 18, 2008 3:50 pm Re: What do I do with 52.8? |
|
|
|
| AmyR9 wrote: |
Still really confused here. My mom is trying to help me with this too and she isn't understanding this either.
After I 12% of 440 it is 52.8
After I have the 52.8 what do I do with the number to come up with the width of the table?
You do not calculate 100% of a container and then use a fixed value. It's either use a percent or a fixed value that you want for width. Fixing height is another matter as you may not want to set a fixed height, but allow the container to self adjust vertically as content is added. Which you do depends on what you are striving for in your layout.
I'm lost.
What do I with the 52.8 in coming up with 100%?
Because shouldn't the width be 52.8%?
You have me lost, too.  The 12% I mention was just a general ballpark figure for eye-scan from left to right that relates to the with of the screen, but not in a 1:1 ratio. The degree of eye-scan left to right does not measure into the container width directly as distance from screen plays a factor. You ARE trying to make it harder than what it is. 100% of a container is 100% of the window width. A viewer may have a small window or a large window and 100% of each will be different. Percents help to keep pages more fluid, others things being equal in the layout.
See we sort of thought we understood it but still not.
My mom says she thought that if you put a higher number than 100% that you would have to scroll left to right, but on like the Enviromental Surface Repair and Recoloring site http://www.allsurfacetech.com/- the width of the table is 968.
Whether you get vertical or horizontal scroll bars is determined by the browser window size and to some extent whether you use fixed width/height in relation to the window size or whether content overflows a container's width/height.
That's why this forum has been designed to a layout of 800px wide and 600px high. This goes with the old standard window size of monitors when people had their browsers maximized. Now that more and more people have bigger screens and higher resolutions, an 800x600 page will show a lot of blank real estate. Resolution and window size do not have a direct relationship which makes designing a web page to fit everyone's monitor and browser window.
If you make your page width to 1024px, you will be causing a lot of viewers to have horizontal scroll bars on a browser window size smaller than 1024. Where the bar kicks in depends on the browser used as browser developers design this stuff in. Vertical scroll bars depend on how far the content extends down the page unless you have set a fixed height which exceeds the browser's vertical height that triggers the vertical scroll bar.
Not sure if I explained this well enough or not. |
|
|
AmyR9
Joined: 14 Sep 2008
Posts: 79
|
| Posted: Fri Sep 19, 2008 10:11 am I think I might be understanding it a little better |
|
|
|
Still trying to understand the math here.
See, if I type in 100% for the table width and
then the cells I put 10% and 90%
it looks the way I want it to.
But then if I put 100px
10px and 90px
It doesn't look the same.
What am I still not understanding here? |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 1288
Location: Biloxi, MS
|
| Posted: Fri Sep 19, 2008 5:11 pm Re: I think I might be understanding it a little better |
|
|
|
| AmyR9 wrote: |
Still trying to understand the math here.
See, if I type in 100% for the table width and
then the cells I put 10% and 90%
it looks the way I want it to.
But then if I put 100px
10px and 90px
It doesn't look the same.
What am I still not understanding here? |
You are mixing apples and oranges,  . 10px is not the same as 10% and 90px is not the same as 90%. The 10%/90% is 10% and 90% of the browser window which will vary with the browser window size. If the browser window on your monitor is, say, 800px wide, then the 10% is 80px and the 90% is 720px. When you assigned FIXED dimension like 10px and 90px, that's what you get. If the containers are side by side, then they will be 100px wide. |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 1288
Location: Biloxi, MS
|
| Posted: Sat Sep 27, 2008 1:28 pm |
|
|
|
| Are we getting anywhere or still working on it? |
|
AmyR9
Joined: 14 Sep 2008
Posts: 79
|
| Posted: Sat Oct 04, 2008 11:10 pm I can't seem to find the site you had given |
|
|
|
I keep looking all over the boards here to try and find where you had listed a site for me to go to about onmouseover information.
I thought I had bookmarked it, but I can't find that.
So, been looking all through the messages to see if I could find the site you had put, and can't find it anywhere.
If you remember what the site was, could you please list it for me again? I was trying to find out how they did the links like that on this site below
http://www.allsurfacetech.com/
I remember your reply said something about to pick one, and it gave a couple of urls to go to, but can't seem to find the part where you replied. |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 1288
Location: Biloxi, MS
|
| Posted: Sat Oct 04, 2008 11:34 pm |
|
|
|
The site with the mouseover menus might have been CSSPlay. Let me know if that's the one.
The Menu Tutorial is HERE.
Maybe this was the Original Post you were looking for. |
|
AmyR9
Joined: 14 Sep 2008
Posts: 79
|
| Posted: Sun Oct 05, 2008 1:06 pm Yes, that was the site |
|
|
|
Yes, those are both the correct sites.
Thank you |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 1288
Location: Biloxi, MS
|
| Posted: Sun Oct 05, 2008 2:32 pm |
|
|
|
| You're welcome. Give a shout if you need more help. |
|
AmyR9
Joined: 14 Sep 2008
Posts: 79
|
| Posted: Sun Oct 05, 2008 3:20 pm I finally figured something out new |
|
|
|
Guess what.
I'm so excited. I've been practicing trying to get messages to pop up when you put the mouse over the title or on the links.
I also figure while I'm trying to learn some new stuff, I'll do it by making a computer help site that gives mainly just places to go for more help on certain website design.
I have started a links page for to put links for the sites to go to. I've put a link for this site already, and have a couple of others at the moment.
But take a look and you can see how I got the message to pop up-
http://www.geocities.com/computerhelp993/links.html
The only reason I've been doing sites at Angelfire, Geocities, Tripod, is becasue they are free.
I don't have the money to buy one. |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 1288
Location: Biloxi, MS
|
| Posted: Sun Oct 05, 2008 3:58 pm |
|
|
|
Oh, I love to hear when someone gets excited about getting something accomplished. Well done!!!! 
A good free hosting site that I use is freewebs.com
http://www.freewebs.com/paynelessdesigns/
Need a banner for your new site? Got a name for it yet? |
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
