|
Users viewing this topic:
none
|
|
Login  | |
|
CSS Code Help - 6/27/2008 10:57:57 PM
|
|
|
sunshinesoprano
Posts: 922
Joined: 4/12/2005
From: Georgia
Status: offline
|
Hey, y'all.
I'm p;laying with updating the code on my quartet's website to CSS as has been suggested in this forum. I got a new computer/monitor, and my monitor is a 19 inch wide-screen. I've got it formatted perfectly for mine, but when I tested it on my old little monitor, only about half of it shows.
Can someone take a look at my code and tell me what I need to do so that the image centers on ALL size monitors?
Thank you!!!!
Oh, btw, click on the link to Pure Heart to access the website.
< Message edited by sunshinesoprano -- 6/27/2008 11:06:15 PM >
_____________________________
Pure Heart-Fresh, Progressive Southern Gospel
Sing, laugh, love, PRAISE!
|
|
|
|
|
RE: CSS Code Help - 6/27/2008 11:10:29 PM
|
|
|
stellaluna
Posts: 4261
Joined: 4/11/2005
Status: offline
|
I don't see a style sheet in there, but I'm thinking there might be something wrong with your table down where the audio box is.
I can't figure out how that box is floating out there to the right. Is there an empty cell on the left?
Edited to add that your page looks fine in IE7 on my smaller monitor, but bad in Firefox. What browser are you working in?
< Message edited by stellaluna -- 6/27/2008 11:23:25 PM >
_____________________________
Who should be allowed to attend church?
|
|
|
|
|
RE: CSS Code Help - 6/27/2008 11:33:55 PM
|
|
|
sunshinesoprano
Posts: 922
Joined: 4/12/2005
From: Georgia
Status: offline
|
Well, I'm sort of learning this as I go and the style sheet is a hybrid of a couple of tutorials I found online. I tweaked it until I got the look I was looking for.
It's a three column setup with the center column being the one with content.
I'm actually checking it in Firefox. The new IE is too slow for me. It looks great on my new monitor, and even great on my old monitor in Firefox when I move it over by clicking on the wheel and moving it over.
The audio box was something I put into a plug in. I got the script off a tutorial somewhere, too.
Again, learning as I go along, so it's likely there are problems.
I would appreciate any help you can give.
_____________________________
Pure Heart-Fresh, Progressive Southern Gospel
Sing, laugh, love, PRAISE!
|
|
|
|
|
RE: CSS Code Help - 6/28/2008 9:19:40 AM
|
|
|
iluvatar
Posts: 1956
Joined: 4/12/2005
Status: online
|
The only CSS you're using are the definitions for the h1 & h2 tags near the very top. The rest is just inline html code.
You can try wrapping the contents of your site body in a <div> tag with a fixed width and its left and right margins set to auto. Something like this:
<html>
-blah-
<head>
<style>
#myContainer {
margin-left: auto;
margin-right: auto;
width: 600px;
}
</style>
</head>
<body>
<div id=myContainer>
-blah blah blah-
</div>
</body>
etc
for more on the cool stuff you can do with CSS, check out the [link=www.csszengarden.com]CSS Zen Garden[/link].
-Dan.
< Message edited by iluvatar -- 6/28/2008 9:25:44 AM >
_____________________________
Well, I've been to one world fair, a picnic, and a rodeo, and that's the stupidest thing I ever heard come over a set of earphones.
|
|
|
|
|
RE: CSS Code Help - 6/28/2008 9:55:17 AM
|
|
|
iluvatar
Posts: 1956
Joined: 4/12/2005
Status: online
|
The whole point of CSS is to separate the structure commands (html) from the details of the formatting. This allows you to make some fairly significant changes to the layout of the page while maintaining the same content. (that's what the CSS Zen Garden does - shoes you the same content in many different layouts).
quote:
It's a three column setup with the center column being the one with content.
Don't use tables to arrange data. Tables are html structures used to organize datasets. Despite common usage, they're not for formatting sites.
Honestly, you could probably strip out 90% of the formatting commands in this page, replace them with a few <div> tags, describe the classes & ids in another css file (or even inside the <style> tags in the <head>), and have a site that looks cleaner, more consistent across browsers, and is easier to update.
-Dan.
_____________________________
Well, I've been to one world fair, a picnic, and a rodeo, and that's the stupidest thing I ever heard come over a set of earphones.
|
|
|
|
|
RE: CSS Code Help - 6/29/2008 9:29:26 PM
|
|
|
LoyalGypsy
Posts: 2454
Joined: 4/12/2005
Status: offline
|
quote:
ORIGINAL: iluvatar
The whole point of CSS is to separate the structure commands (html) from the details of the formatting. This allows you to make some fairly significant changes to the layout of the page while maintaining the same content. (that's what the CSS Zen Garden does - shoes you the same content in many different layouts).
quote:
It's a three column setup with the center column being the one with content.
Don't use tables to arrange data. Tables are html structures used to organize datasets. Despite common usage, they're not for formatting sites.
Honestly, you could probably strip out 90% of the formatting commands in this page, replace them with a few <div> tags, describe the classes & ids in another css file (or even inside the <style> tags in the <head>), and have a site that looks cleaner, more consistent across browsers, and is easier to update.
-Dan.
Greetings,
Looks pretty interesting...
does this work across dual or multiple monitor setups?
Good /Bad??
LG
< Message edited by LoyalGypsy -- 6/29/2008 9:36:12 PM >
_____________________________
Ex 19:5 Now therefore, if you will indeed obey My voice
...So the Persians ask that the 300 drop their arms. Leonidas responds; "Persians! Come and get them!"
300 The Movie
|
|
|
|
|
RE: CSS Code Help - 6/29/2008 9:53:34 PM
|
|
|
iluvatar
Posts: 1956
Joined: 4/12/2005
Status: online
|
quote:
ORIGINAL: LoyalGypsy
quote:
ORIGINAL: iluvatar
The whole point of CSS is to separate the structure commands (html) from the details of the formatting. This allows you to make some fairly significant changes to the layout of the page while maintaining the same content. (that's what the CSS Zen Garden does - shoes you the same content in many different layouts).
quote:
It's a three column setup with the center column being the one with content.
Don't use tables to arrange data. Tables are html structures used to organize datasets. Despite common usage, they're not for formatting sites.
Honestly, you could probably strip out 90% of the formatting commands in this page, replace them with a few <div> tags, describe the classes & ids in another css file (or even inside the <style> tags in the <head>), and have a site that looks cleaner, more consistent across browsers, and is easier to update.
-Dan.
Greetings,
Looks pretty interesting...
does this work across dual or multiple monitor setups?
Good /Bad??
LG
I've never tried it, but I would think that it would be computed off the size of the browser window and that the contents of that window would have no knowledge of how many displays were being used.
-Dan.
_____________________________
Well, I've been to one world fair, a picnic, and a rodeo, and that's the stupidest thing I ever heard come over a set of earphones.
|
|
|
|
|
RE: CSS Code Help - 6/30/2008 11:07:14 PM
|
|
|
skreyola
Posts: 1989
Joined: 1/28/2008
From: Mars
Status: offline
|
quote:
ORIGINAL: sunshinesoprano
Hey, y'all.
I'm p;laying with updating the code on my quartet's website to CSS as has been suggested in this forum. I got a new computer/monitor, and my monitor is a 19 inch wide-screen. I've got it formatted perfectly for mine, but when I tested it on my old little monitor, only about half of it shows.
Can someone take a look at my code and tell me what I need to do so that the image centers on ALL size monitors?
Thank you!!!!
Oh, btw, click on the link to Pure Heart to access the website.
You could strip out a lot of the code on that page and replace it with CSS. Couple of things you definitely will want to do in the new page, if you haven't:
1) Don't use pt sizes for fonts. That's hard on people who don't see as well as you do, as many browsers won't resize the text if it's specified in pt or px. Use em instead.
2) Don't have any sounds automatically start. Give people controls and let them decide if/when to start music and other sounds. It's 3a.m. somewhere right now, and people there won't want sounds to come on and wake the family. Plus in the old page, there's no way to get it to stop. I tried five or six different things, and it kept starting, and there was no control to make it stop.
If you'd like to talk more about CSS and Web design, I'll be happy to... or if you want someone to do it for you, I'm available for hire. 
_____________________________
-- Skreyola
http://skreyola.livejournal.com/
Linux is a multiuser, modular, peer-reviewed, free operating system. Therefore, it tends to be stable, secure, and reliable.
Open Source is good stewardship!
I run Debian Linux (http://www.debian.org/)
|
|
|
|
|
RE: CSS Code Help - 7/1/2008 11:22:33 AM
|
|
|
skreyola
Posts: 1989
Joined: 1/28/2008
From: Mars
Status: offline
|
quote:
ORIGINAL: sunshinesoprano
Hey, Skreyola!
Yeah, the old page is what I was trying to nail down. I'd just been sort of winging it for a while but I wanted to get it compressed.
I did get the wrapper figured out. I'm not crazy about the auto-start, but our group's leader wants it that way. The player should let you stop it. Or at least it does on my computer! 
I won't be able to change it for a while because my brand new computer just crashed. 
Thanks...I may ask you for some advice in the future!!!
That's why it's best to have "click here to start it" kinds of controls. You can't always be sure that the visitor will see a player of any kind.
Out of curiosity, what do you normally use to edit the pages?
_____________________________
-- Skreyola
http://skreyola.livejournal.com/
Linux is a multiuser, modular, peer-reviewed, free operating system. Therefore, it tends to be stable, secure, and reliable.
Open Source is good stewardship!
I run Debian Linux (http://www.debian.org/)
|
|
|
|
|
RE: CSS Code Help - 7/1/2008 12:38:32 PM
|
|
|
sunshinesoprano
Posts: 922
Joined: 4/12/2005
From: Georgia
Status: offline
|
Do ypu have a code that is best for that? The one I was using seemed to be the best I could find at the time (which was a couple years ago, and I haven't changed it.
I use FrontPage because I'm not all that facscile with codes yet.
_____________________________
Pure Heart-Fresh, Progressive Southern Gospel
Sing, laugh, love, PRAISE!
|
|
|
|
|
RE: CSS Code Help - 7/1/2008 3:49:34 PM
|
|
|
skreyola
Posts: 1989
Joined: 1/28/2008
From: Mars
Status: offline
|
quote:
ORIGINAL: sunshinesoprano
Do ypu have a code that is best for that? The one I was using seemed to be the best I could find at the time (which was a couple years ago, and I haven't changed it.
I use FrontPage because I'm not all that facscile with codes yet.
I'm sorry. I don't. But I think the matter is easy, with something like "autostart=no". Hmm... I started to say I've never put sound on a Web page, but that's not true... *looks* Here's the code I used back then. Better code is probably available now:
<EMBED src="mc001.mid" autostart="false" controls="smallconsole"><br />
In case the console doesn't appear, here's the <A HREF="mc001.mid">file</A>.
The important part for me is autostart="false", but you have to do what you have to do.
W3Schools is an excellent resource for learning HTML/CSS, among other things. I highly recommend it.
FrontPage is an abomination. I'm sorry, but just about anything is better than FP. Netscape Composer or Mozilla Composer are free, if you need WYSIWYG. But each editor is going to have its own pet tag that is sprinkles around the page. FP just has lots of them. One of them is font; That's why you have so many font tags.
HTML has gotten better lately, especially now that CSS allows you to put nearly all attributes in a separate file so your code is cleaner. A plain-text editor is best for Web work.
_____________________________
-- Skreyola
http://skreyola.livejournal.com/
Linux is a multiuser, modular, peer-reviewed, free operating system. Therefore, it tends to be stable, secure, and reliable.
Open Source is good stewardship!
I run Debian Linux (http://www.debian.org/)
|
|
|
|
|
RE: CSS Code Help - 7/2/2008 7:00:18 AM
|
|
|
sunshinesoprano
Posts: 922
Joined: 4/12/2005
From: Georgia
Status: offline
|
Yeah, I have heard that FP is sort of a dino now, but that's really all I had.
I didn't know Mozilla had a creator. I may try to download that! I use Firefox exclusively at home...wish my company would use it! I hate IE!
I need to learn how to do the css style sheet as a link instead of inline. Now that I've figured out the stylesheet, now I can learn to link it, which doesn't appear to be very difficult.
Thanks again for all of your help!!!
_____________________________
Pure Heart-Fresh, Progressive Southern Gospel
Sing, laugh, love, PRAISE!
|
|
|
|
|
RE: CSS Code Help - 7/2/2008 8:54:42 AM
|
|
|
sunshinesoprano
Posts: 922
Joined: 4/12/2005
From: Georgia
Status: offline
|
Yeah, I don't like all the fancy schmanzy, stuff, and it takes longer for people with slow computers to load all that junk, so I try to stay with inline graphics and plain text sort of stuff. Really the only irritating thing is that audio, but they want it.
_____________________________
Pure Heart-Fresh, Progressive Southern Gospel
Sing, laugh, love, PRAISE!
|
|
|
|
|
RE: CSS Code Help - 7/2/2008 6:49:05 PM
|
|
|
skreyola
Posts: 1989
Joined: 1/28/2008
From: Mars
Status: offline
|
quote:
ORIGINAL: sunshinesoprano
I didn't know Mozilla had a creator. I may try to download that! I
I looked on their site. The editor is part of the Seamonkey suite. But, of course, editing by hand and referencing W3Schools and Webmonkey will get you cleaner code most of the time.
_____________________________
-- Skreyola
http://skreyola.livejournal.com/
Linux is a multiuser, modular, peer-reviewed, free operating system. Therefore, it tends to be stable, secure, and reliable.
Open Source is good stewardship!
I run Debian Linux (http://www.debian.org/)
|
|
|
|
|
RE: CSS Code Help - 7/30/2008 7:18:56 AM
|
|
|
sunshinesoprano
Posts: 922
Joined: 4/12/2005
From: Georgia
Status: offline
|
Hey, guys. I'm back. Now I have another question. I've got everything centered, but there's a lot of extra space at the bottom of the centered box. Is there any way I can cut it off?
_____________________________
Pure Heart-Fresh, Progressive Southern Gospel
Sing, laugh, love, PRAISE!
|
|
|
|
|
RE: CSS Code Help - 7/30/2008 8:23:14 AM
|
|
|
iluvatar
Posts: 1956
Joined: 4/12/2005
Status: online
|
quote:
ORIGINAL: sunshinesoprano
Hey, guys. I'm back. Now I have another question. I've got everything centered, but there's a lot of extra space at the bottom of the centered box. Is there any way I can cut it off?
Depends on what exactly you're talking about and what you're going for - do you have a link to the page?
-Dan.
_____________________________
Well, I've been to one world fair, a picnic, and a rodeo, and that's the stupidest thing I ever heard come over a set of earphones.
|
|
|
|
|
RE: CSS Code Help - 7/30/2008 11:11:05 PM
|
|
|
skreyola
Posts: 1989
Joined: 1/28/2008
From: Mars
Status: offline
|
quote:
ORIGINAL: sunshinesoprano
Hey, guys. I'm back. Now I have another question. I've got everything centered, but there's a lot of extra space at the bottom of the centered box. Is there any way I can cut it off?
Depends on what code you used to center things. Can we see what you're talking about somewhere? (link or post the code in question?)
_____________________________
-- Skreyola
http://skreyola.livejournal.com/
Linux is a multiuser, modular, peer-reviewed, free operating system. Therefore, it tends to be stable, secure, and reliable.
Open Source is good stewardship!
I run Debian Linux (http://www.debian.org/)
|
|
|
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
 Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts |
|
|
Forum Tools
Printable Version
