Ronx Question (Repost)

J

Josh Davis

Ronx,

I just got to previewing the layout and i like it. I just might want to define
the lines a bit more and change the colors a bit but overall i like it. Is
there anyway i could use that as a template to base the rest of my site off
of? Also i didn't meant to emply i was against CSS just i haven't really been
taught how to use CSS in HTML. I am fluent in the base HTML code though. I do
like the other non recipe stuff up top and the recipes to the left. I do
like it and i will read up on it I did have one question i took the layout
into frontpage from the source to to play around with it, do you have to edit
all the CSS elements in code such as the navigation colors and the text
placement? The only thing i want to really change about the content is
instead of it being double spaced between the ingredients, Pre-Preparation, &
Directions" and then the numbered list i would like that to be scrunched down
on the printout so if at all possible I would like to have all the recipes
print on 1 page. You can see my tweaking here:
http://shirleysrecipes.awardspace.biz/lemonpoundcake1.htm. I can't seem to
figure out how to get a ine under the bottom of the navigation on that test
age on the server i provided above what do I do? Thank you for your time
sorry i seemed to be dismissive of your suggestions.

Thank you,

Thank you,
 
R

Ronx

Josh

I will not have time to really look at this till the weekend, but there are three things you can consider:

1) Remove the following from line 130 in code view (approx):

<tr>
<td colspan="2" style="border-color:#000080; font-size:x-small">
This page &copy;copyright <a href="http://shirleysrecipes.awardspace.biz">Shirley's Recipies</a>
</td>
</tr>

This was added to show who owns the copyright for the page.


2) A lesson in CSS:
You have changed the border colour by adding:
style="border-color: #000080"
The border colours were defined in the CSS block in the <head> section of the page in code view.
For the outside table border
border: 2px solid #cccccc;
Change this to
border: 2px solid #000080;
Similarly, the borders on the table cells can be changed by changing:
border: 1px solid #cccccc;
to
border: 1px solid #000080;

then all those border-color: #000080 can be removed, as can the border-color-light and border-color-dark definitions.
Notice how changing the border colour in two places affects the entire page. If this style block were in an external .css file, the entire website could be changed by editing one file.

Also in the section that starts
<style media="print" type="text/css">

change font-size: 1em; to font-size: 10pt;

This will "scrunch" the print up to enable printing on one page, and keep the relative spacing between lines to maintain readability.
The fonts, font sizes and colours can be changed by editing the CSS definitions - make a copy of the page and play with it, see what happens.

3) Cremove the height from the container div, and also remove the width. My guess is you changed the width of the <div> by dragging the edge with the mouse in Design view. This always sets the height, which more often than not can have adverse effects on the rendering in some browsers. In my opinion the width of 760px is best, since this minimises the height of the page whilst restraining the width to readability. For printing I set the container to 630px, but also "removed" the navigation column, so the main content will print out neatly on A4 or Letter sized paper.

An updated version of the page is at the place -
http://www.rxs-enterprises.org/tests/pages/lemon_pound_cake.html

Finally, this can be used as a template for the other recipe pages - read up on Dynamic Web Templates in FrontPage help, and at http://any-expression.com/expression-web/ebooks/expression-web-dwt-ebook.htm (this was written for Expression Web, but most applies to FrontPage 2003 as well.)
--
Ron Symonds
Microsoft MVP (Expression Web)
http://www.rxs-enterprises.org/fp/wf-menu.aspx

Josh Davis explained :
Ronx,
Click to expand...
I just got to previewing the layout and i like
it. I just might want to define the lines a bit
more and change the colors a bit but overall i
like it. Is there anyway i could use that as a
template to base the rest of my site off of?
Also i didn't meant to emply i was against CSS
just i haven't really been taught how to use
CSS in HTML. I am fluent in the base HTML code
though. I do like the other non recipe stuff up
top and the recipes to the left. I do like it
and i will read up on it I did have one
question i took the layout into frontpage from
the source to to play around with it, do you
have to edit all the CSS elements in code such
as the navigation colors and the text
placement? The only thing i want to really
change about the content is instead of it
being double spaced between the ingredients,
Pre-Preparation, & Directions" and then the
numbered list i would like that to be scrunched
down on the printout so if at all possible I
would like to have all the recipes print on 1
page. You can see my tweaking here:
http://shirleysrecipes.awardspace.biz/lemonpoundcake1.htm.
I can't seem to figure out how to get a ine
under the bottom of the navigation on that test
age on the server i provided above what do I
do? Thank you for your time sorry i seemed to
be dismissive of your suggestions.
Click to expand...
Thank you,
Click to expand...
 
H

Hot-text

Good job on that page ....... I am looking Foreword in see all the website
look at good!
A base template mmmmm that be a good!
 
J

Josh Davis

ok thank you for all the help so far on the site Ronx. My only problem now is
the pages that are the top navigation how can make those CSS as well? If you
like take another look at the site thus far:
http;//shirleysrecipes.awardspace.biz. I tried to design the non recipe pages
myself and they are not coming out quite right.

Thank you,
 
J

Josh Davis

Ron, I like the original better for the separation the second one looks a
little crowded for my taste. But i still have a issue with the non recipe
pages and CSS layout. How do I set those up? I have attempted to set them up
myself as you can see by going to the web site here:
http://shirleysrecipes.awardspace.biz/. How do iSet up the Home Page, Contact
Me, Dedication, & Recipe Book Info?

Thank you!

Ronx said:
Another example is at
http://www.rxs-enterprises.org/tests/pages/ShirleyRecipes/lemon_pound_cake.html
There is also a .zip file containing other pages that may be of interest.
http://www.rxs-enterprises.org/tests/pages/ShirleyRecipes/recipes.zip
--
Ron Symonds
Microsoft MVP (Expression Web)
http://www.rxs-enterprises.org/fp

Reply only to group - emails will be deleted unread.
Click to expand...
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Ronx Question #2 3
How to export html text as word document with specific size and orientation 0
Template Issues Possibly Wrong Template 5
Global layouts 0
Layout Issue 2
Thanks to Ronx & Jon Spivy 2
Ping: Ronx 0
2 Questions 26

Top