CSS for dummies

j_triax10 · #1 (**permalink**) 05-16-2008, 05:06 AM

Hi everyone,

I am struggling with css generated from JTK 3.0: It has created a bunch of css files: template, misc....

I am trying to edit template.css in order to apply a background image to the header div (the first line of my table) but no success; I wrote #header, div.header... I tried every combination: all failed. However looks like I need a real breif about css mixt with JTK: please find hereby the php code.

<?php
/*
* @copyright Copyright (C) 2008 - 2009 JadeGlow Ltd All rights reserved.
* @license
*/
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/template.css" type="text/css" />
<?php if($this->direction == 'rtl') : ?>
<link href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/template_rtl.css" rel="stylesheet" type="text/css" />
<?php endif; ?>
<link id="JTKLocalCss" href="css/template.css" rel="stylesheet" type="text/css" />

<script src="templates/<?php echo $this->template ?>/images/AC_RunActiveContent.js" type="text/javascript"></script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>JadeGlow Ltd</title></head>

<body>
<table width="1100" border="0" align="center" cellspacing="0">
<div id="header"> <tr align="center" valign="top"height="200" width="1100">
<th width="200" height="200"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','200','heigh t','200','title','logo','src','templates/<?php echo $this->template ?>/images/logo_anil_small','loop','false','quality','high',' pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','templates/<?php echo $this->template ?>/images/logo_anil_small' ); //end AC code
</script>
<noscript>
<object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="200" height="200" title="logo">
<param name="movie" value="templates/<?php echo $this->template ?>/images/logo_anil_small.swf" />
<param name="quality" value="high" />
<param name="LOOP" value="false" />
<embed src="templates/<?php echo $this->template ?>/images/logo_anil_small.swf" width="200" height="200" loop="false" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object>
</noscript> </th>
<th width="700" height="200" valign="top">
<div align="center" width="700" ><img src="templates/<?php echo $this->template ?>/images/logo_texte.jpg" width="366" height="100" align="top" /></div>

<div align="center" id="top">
<jdoc:include type="modules" name="top" style="horizontal" />
</div></th>
<th width="200" height="200"><div align="center" id="user1"><jdoc:include type="modules" name="user1" style="table" /></div></th></div>
</tr>

<tr>
<td width="200" valign="top" align="left" ><div align="left" id="menu">
<jdoc:include type="modules" name="top" style="xhtml" /></div>
</td>
<td><jdoc:include type="component" /></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

</body>
</html>

admin · #2 (**permalink**) 05-16-2008, 11:49 AM

Hello j_triax10,

I'm not doing support on the Joomla Template Kit 3.0 Beta.
Till I have put out the Doc's and the fully stable version in late May.

Once you read how the J CSS Design Tool works CSS will never
never be easier in Joomla.

-B

j_triax10 · #3 (**permalink**) 05-16-2008, 10:16 PM

ok then, I will be patient and review my basics in the mean time.

thanks

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode