[TYPO3] Templavoila not showing the css.

Discussion:

sandeep

2007-06-30 12:20:37 UTC

HI,

I am setting up a site with templavoila and a custom made html with css.
The html and css are made by designer friend with photoshop and i
dreamviewer.
When I am trying to use it with templavoila it does't show the correct
visual display.I identified the problem as it is not taking the css.
I tried "Adding parts from HTML header " option in the TO .But no luck
But if I access the html file through firefox it shows the correct
display.
I have css_styled_content extension installed and selected in the
template.
I checked the html validation of the html and it is fine with out errors.

I tried another html with css and it worked fine.I also tried typo3 4.1.1
and typo3 4.0.6 .No difference .So the problem might be with templavoila
with this particular css file's option.
Can some one give points to troubleshoot this ?
Is there any alternate option to add css to my website.
You can have a look at my site www.fcoos.net

Below is my CSS file :
-----------------------------------------------------------------------------
/* CSS Document */
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.alphaLink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #0033CC;
text-decoration:none;
}

.alphaLink:hover {
text-decoration: underline;
}

.betaLink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #0033CC;
text-decoration:none;
}

.betaLink:hover {
text-decoration: underline;
}
.deepGray_22_bold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: normal;
color: #666666;
}

.white_navigation {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
color: #FFFFFF;
text-decoration:none;
}
.white_navigation:hover {
text-decoration: underline;
}

.qoute_gray_12 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

.author_gray_12 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
font-style:italic;
}.red_bold_10 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #CC0000;
}
---------------------------------------------------------------------------
I can provide any more information if you want.

-Thanks
Sandeep

Andreas Becker

2007-06-30 12:28:06 UTC

Permalink

Hi Sandeep

it probably a mapping problem.

Save the mapping and afterwards go to the header part - press first set!!!!
and then save
check all css parts in the header - otherwise you have to include the css
via TS

Andi

If you need good learning material how to map go to

http://webempoweredchurch.org
http://webempoweredchurch.com

Here you will find instructions for mapping and creating new templates as
well as complete template sets for learning and also a complete package
using templaVoila

Andi

Post by sandeep
HI,
I am setting up a site with templavoila and a custom made html with css.
The html and css are made by designer friend with photoshop and i
dreamviewer.
When I am trying to use it with templavoila it does't show the correct
visual display.I identified the problem as it is not taking the css.
I tried "Adding parts from HTML header " option in the TO .But no luck
But if I access the html file through firefox it shows the correct
display.
I have css_styled_content extension installed and selected in the
template.
I checked the html validation of the html and it is fine with out errors.
I tried another html with css and it worked fine.I also tried typo3 4.1.1
and typo3 4.0.6 .No difference .So the problem might be with templavoila
with this particular css file's option.
Can some one give points to troubleshoot this ?
Is there any alternate option to add css to my website.
You can have a look at my site www.fcoos.net
-----------------------------------------------------------------------------
/* CSS Document */
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.alphaLink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #0033CC;
text-decoration:none;
}
.alphaLink:hover {
text-decoration: underline;
}
.betaLink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #0033CC;
text-decoration:none;
}
.betaLink:hover {
text-decoration: underline;
}
.deepGray_22_bold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: normal;
color: #666666;
}
.white_navigation {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
color: #FFFFFF;
text-decoration:none;
}
.white_navigation:hover {
text-decoration: underline;
}
.qoute_gray_12 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}
.author_gray_12 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
font-style:italic;
}.red_bold_10 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #CC0000;
}
---------------------------------------------------------------------------
I can provide any more information if you want.
-Thanks
Sandeep
_______________________________________________
TYPO3-english mailing list
TYPO3-english at lists.netfielders.de
http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-english

sandeep

2007-06-30 12:54:04 UTC

Permalink

Andi,
Thanks for your reply.
Even I am not getting correct display in templovoila preview or map
pane.Still you suspect the maping problem ?
-Sandeep

Hi Sandeep

Post by Andreas Becker
it probably a mapping problem.
Save the mapping and afterwards go to the header part - press first set!!!!
and then save
check all css parts in the header - otherwise you have to include the css
via TS
Andi
If you need good learning material how to map go to
http://webempoweredchurch.org
http://webempoweredchurch.com
Here you will find instructions for mapping and creating new templates as
well as complete template sets for learning and also a complete package
using templaVoila
Andi

_______________________________________________
TYPO3-english mailing list
TYPO3-english at lists.netfielders.de
http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-english

Andreas Becker

2007-06-30 13:00:40 UTC

Permalink

I suspect nothing Sandeep - I only try to give a way how to figure out whats
wrong.
Before we talk about a simple problem.

So please do step one:

Go to templaVoila
Open the template TO
Update Mapping
Click on SAVE
Open Header
Check all Files you will be integrated i.e. CSS JS
Click SET
Click SAVE
Test again

Andi

John 'Tux' Nielsen

2007-07-01 06:41:06 UTC

Permalink

Is this CSS in a css file itself or directly in the html?

If it's in a CSS file for itself, surely you forgot to actually include it?
If the LINK is there, try and do what Becker suggested.

--
Regards
- John 'Tux' Nielsen
Computer Engineer

Admin of dope.blitzed.org
Blitzed IRC Network - http://www.blitzed.org
Open Proxy Monitor - http://www.blitzed.org/bopm/

tux at blitzed.org - nielsen.john at gmail.com (Google Talk enabled)

Dmitry Dulepov

2007-07-02 06:57:49 UTC

Permalink

Hi!

Please, use your full name while posting in typo3 mailing lists. This is
according to guidelines.

Post by sandeep
I am setting up a site with templavoila and a custom made html with css.
The html and css are made by designer friend with photoshop and i
dreamviewer.
When I am trying to use it with templavoila it does't show the correct
visual display.I identified the problem as it is not taking the css.

TemplaVoila does not alter CSS in any way. It even does not know about
CSS. It only glues together several parts of HTML and includes header
parts that you selected.

--
Dmitry Dulepov
TYPO3 freelancer / TYPO3 core team member
Web: http://typo3bloke.net/
Skype: callto:liels_bugs