Click to See Complete Forum and Search --> : Css Help
design
10-02-2003, 11:50 AM
I am trying to turn my pages at http://mywebpages.comcast.net/designengineering into CSS with the approrpiate CSS attachments.
One individual from another support site suggested that 7 of my documents can use one style sheet because the source codes are identical.
One individual suggested that the work so far is not a good style sheet, is not a popular form of using style sheets, and has uncessary tags.
Please help me to make two good style sheets for my eight documents.
Sincerely,
design
spufi
10-02-2003, 12:24 PM
Take all of your CSS code and save it in a file named styles with a .css extension. You then deleted everything in regards to your CSS in your HTML page. Within your <head> tag, add the following code.
<link href="styles.css" type="text/css" rel="stylesheet">
This will bring in your CSS to whatever page it is on. This mean you should be able to have one CSS file for your whole site if the layout is basically the same thoughout your site.
Here's a cleaned up version of your CSS, and this is what should go into your CSS file.
body {
color: #000000;
font-size:12px;
font-family:times new roman,arial,helvetica,sans-serif;
}
a:active {
color:#0000FF;
text-decoration: none;
font-size:12px;
font-family:times new roman, arial,helvetica,sans-serif;
}
a:hover {
color: #0000FF;
text-decoration: none;
}
h1 {
font-family: times new roman,arial,helvetica,sans-serif; font-size: 18px;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 0;
}
.section {
color: #800000;
font-family: times new roman,arial,helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
}
design
10-02-2003, 06:51 PM
The CSS sample you provided is not working. It caused my headings to look 5x as big as before, and the source codes that you placed in the message board are in the actual text mode in my documents.
Attached is experience1.zip--an offline revised version of http://mywebpages.comcast.net/designengineering/experience.html
All of my revised documents are screwed up in this way.
Please help.
spufi
10-02-2003, 07:08 PM
This is what I meant by externally linking your CSS. There is your HTML and then a CSS file.
design
10-03-2003, 10:18 AM
The heading for GENERAL EXPERIENCE is too big. Please see http://mywebpages.comcast.net/designengineering/experience.html for the actual size of the experience header.
spufi
10-03-2003, 10:28 AM
Well I flipped back and forth between your site and what I see in my text editor and it looks the same, but all you have to do to make it smaller is go into your CSS file and change the font size for h1. This is what it is currently set at.
font-size: 18px;
design
10-03-2003, 02:59 PM
I have determined how to fix the 18px font which was overzing my experience heading. The document was fine. Somehow, when I extracted the documents into a seperate folder, it was normal. But in the zip it was oversized.
All I need to do to is to cut and paste appropraite information, and in the process avoid exp.zip, but use the exracted version.
Anyhow, now that I have one problem resolved, how can I resolve the table issue?
spufi
10-03-2003, 03:15 PM
What table problem? That you use them?
spufi
10-03-2003, 05:36 PM
The only thing I noticed off hand was that the images would be laid out two in a row if on a large enough resolution. I use 1400X1050 which I fully admit is rather large. All I did was add a width property to your "right" class and it fixed it. I looked at it at 800X600 and it still looked good. Play around with the width all you want. I just set it to the width of your images.
.right { padding-left:20px; width:320px; }
Nice resolution, the bigger the better. :p
This should also work at a higher res.
.right img {padding-bottom:20px;display:block;}
It leaves the basic layout unaltered so it would remain the same on another page - if text was in .right it would flow to fill the window.
spufi
10-04-2003, 12:54 AM
Haha. I just realized it was Fang who posted the one reply when I thought it was design.
design
12-01-2006, 06:11 PM
No message