CCS styles and templates

#1

I have made a template for my site. However when I create a new html page from
this template all of the text on the page ignores my ccs styles. However, the
styles are recognised when previewed and the site looks perfect in the bowser.
It is just that it is really awkward to work on the webpage when the fonts are
the wrong size (tables are stretched etc). Is there a cure for this? many
thanks John

#2

John S E wrote:

Quote:

I have made a template for my site. However when I create a new html page from
this template all of the text on the page ignores my ccs styles. However, the
styles are recognised when previewed and the site looks perfect in the bowser.
It is just that it is really awkward to work on the webpage when the fonts are
the wrong size (tables are stretched etc). Is there a cure for this? many
thanks John

Can you please show the code to the entire template?

--
Dan Vendel - *GOF*
"Eagles may soar, free and proud, but weasels never get sucked into jet
engines."
Contact: http://www.proformica.com/contact.shtml
Call or chat me via Skype ID: danvendel, but DON'T ask questions that
you can ask here! (get Skype at http://skype.com)

#3

<Shut up Swedish git./>

Hi John

Have you created id's for your tables?

Pablo

"Dan Vendel *GOF*" <see_my_signature_ (AT) _the_bottom_of_the_po (DOT) st> a écrit dans
le message de news: co7cld$q3$7 (AT) forums (DOT) macromedia.com...

Quote:

John S E wrote:

I have made a template for my site. However when I create a new html
page from
this template all of the text on the page ignores my ccs styles.
However, the
styles are recognised when previewed and the site looks perfect in the
bowser.
It is just that it is really awkward to work on the webpage when the
fonts are
the wrong size (tables are stretched etc). Is there a cure for this?
many
thanks John

Can you please show the code to the entire template?

--
Dan Vendel - *GOF*
"Eagles may soar, free and proud, but weasels never get sucked into jet
engines."
Contact: http://www.proformica.com/contact.shtml
Call or chat me via Skype ID: danvendel, but DON'T ask questions that
you can ask here! (get Skype at http://skype.com)

#4

heres a page i made from the template....

http://www.dominosurf.com/test3.html

thanks

#5

Okay John

<style type="text/css" media="all">

</style>

Then this:

<body>
<div class="wrapper">
To
<body><div id="wrapper">

Then strip your font tags. Create an external .css file and external .js
file and link to them, I can't see why you need this to be a template but
thats up to you, you also have some redundant css.

"John S E" <webforumsuser (AT) macromedia (DOT) com> a écrit dans le message de news:
co7dhp$cps$1 (AT) forums (DOT) macromedia.com...

Quote:

heres a page i made from the template....

http://www.dominosurf.com/test3.html

thanks

#6

You should clear your table heights too; just let everything flow, you'll
get the hang of it soon.

"Pablo" <dunno (AT) dunno (DOT) com> a écrit dans le message de news:
co7f8o$ek3$1 (AT) forums (DOT) macromedia.com...

Quote:

Okay John

style type="text/css" media="all"
!--
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
min-width: 740px;
}
#maincontent {
}
#wrapper {
width: 740px;
text-align: left;
margin: 0px auto;
position: relative;
background-color: #FFFFFF;
}
h2.first {margin: 0; color: #FFFFFF; font-size: 10px;}
#p7swapmenu {
border: 1px solid;
border-color: #333366;
background-color: #CCCCCC;
left: 626px;
padding: 4px;
position: absolute;
top: 84px;
width: 110px;
}
#main {
border: 1px solid;
border-color: #333366;
left: 218px;
padding: 0px;
position: absolute;
top: 84px;
width: 400px;

}
#right {
border: 1px solid;
border-color: #333366;
left: 0px;
padding: 0px;
position: absolute;
top: 84px;
width: 210px;

}

#p7swapmenu ul {margin: 0px; padding: 0px;}
#p7swapmenu li {margin: 0px; padding: 0px; list-style-type: none;}

.closed a, .open a {
background-repeat: no-repeat;
background-position: 3px 50%;
color: #000000;
display: block;
font-size: 11px;
padding: 2px 0px 2px 2px;
text-decoration: none;
}
.closed a:hover, .open a:hover {
background-color: transparent;
color: #FFFFFF;
}
.closed a {
background-image: url(menplus.gif);
}
.open a {
background-image: url(menminus.gif);
}
.closed ul a, .open ul a, .open ul a:hover {
background-color: transparent;
background-position: 0% 50%;
border: 0;
color:#000000;
font-size: 10px;
font-weight:normal;
padding: 1 1 1 1px;
margin: 0 0 0 16px;
}
.open ul a:hover {
background-color: transparent;
color: #FFFFFF;
}
#p7current {font-weight: bold;}
--
/style

Then this:

body
div class="wrapper"
To
body><div id="wrapper"

Then strip your font tags. Create an external .css file and external .js
file and link to them, I can't see why you need this to be a template but
thats up to you, you also have some redundant css.

"John S E" <webforumsuser (AT) macromedia (DOT) com> a écrit dans le message de news:
co7dhp$cps$1 (AT) forums (DOT) macromedia.com...
heres a page i made from the template....

http://www.dominosurf.com/test3.html

thanks

#7

Wow, thanks for all this, I'll take a look and try and get my head around it.
I need to make it as a template so that i can update and add to all the links
in the menu as the site grows - rather than ahving to do them to all pages....
unless theres another way to update them all? thanks so much john

#8

Quote:

unless theres another way to update them all?<br> There is... You are better
off using Server Side Includes (SSI) or another server side language your host

may support (such as PHP) which will include your page dynamically.

#9

I really don't know anything about this?

is it quite straight forward?

#10

Use templates to begin with, get this site right then start delving into the
unknown

"John S E" <webforumsuser (AT) macromedia (DOT) com> a écrit dans le message de news:
co7ibs$hm4$1 (AT) forums (DOT) macromedia.com...

Quote:

I really don't know anything about this?

is it quite straight forward?