Developing (v7+)

concrete intereferes with design.

Permalink April 02, 2009 at 2:21 AM

Hi all.
The layout of my (simple) theme breaks when presented by c5. I'm using a skeleton design template, and it employs ryan fait's sticky footer technique.
If I employ the code "naked", my presentation works fine. But when I launch it from within c5, the layout changes significantly.

Is this fixable?
If I want my design to be untouched by a CMS, should I look to other solutions alternative to c5 ?

attached is the default.php.

This is the default.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
>
<div>
  <head>
    <? Loader::element('header_required'); 
    ?>
    <link rel="stylesheet" type="text/css" href="<?=$this->getThemePath()?>/css/faustina.css" />
      <?=$this->getThemePath()
      ?>
    <link rel="stylesheet" type="text/css" href="<?=$this->getThemePath()?>/css/navigation.css" />
      <?=$this->getThemePath()
      ?><script type="text/javascript" src="<?=$this->getThemePath()?>/js/curvycorners.js"></script><script type="text/javascript" src="<?=$this->getThemePath()?>/js/jquery-1.3.2.min.js"></script><script type="text/javascript" src="<?=$this->getThemePath()?>/js/jquery.backgroundPosition.js"></script><script type="text/javascript" src="<?=$this->getThemePath()?>/js/faustina-behaviours.js"></script>
  </head>
  <body>
    <DIV id="wrapper">

Viewing 15 lines of 45 lines. View entire code block.

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
>
<div>
  <head>
    <? Loader::element('header_required'); 
    ?>
    <link rel="stylesheet" type="text/css" href="<?=$this->getThemePath()?>/css/faustina.css" />
      <?=$this->getThemePath()
      ?>
 
    <link rel="stylesheet" type="text/css" href="<?=$this->getThemePath()?>/css/navigation.css" />
      <?=$this->getThemePath()
      ?><script type="text/javascript" src="<?=$this->getThemePath()?>/js/curvycorners.js"></script><script type="text/javascript" src="<?=$this->getThemePath()?>/js/jquery-1.3.2.min.js"></script><script type="text/javascript" src="<?=$this->getThemePath()?>/js/jquery.backgroundPosition.js"></script><script type="text/javascript" src="<?=$this->getThemePath()?>/js/faustina-behaviours.js"></script>
  </head>
  <body>
    <DIV id="wrapper">
      <DIV id="page_description">
        <div id="logo">
        </div>
        <p>
           In a pa 
        </p>
        <?php
    $a = new Area('Main Content 2');
    $a->display($c); 
        ?>
      </DIV>
      <!--now we begin the actual main content of the site-->
      <DIV class="entry" id="myDiv">
        <P>
           In entry 
        </P>
      </DIV>
      <DIV id="push">
      </DIV>
    </DIV>
    <DIV id="footer">
      <p>
         in footer 
      </p>
      <p>
         This footer is a template example for a sticky footer 
      </p>
    </DIV>
  </body>
  </html>

ScottC replied on Apr 2, 2009 at 11:25 am Permalink Reply

and it might work better in edit mode and all of that. <? Loader::element('header_required');
?>

put it right before the head tag closes, I wouldn't quit this cms because of this "issue"

The cms also includes jquery by default (not necessarily a good thing) so no need to include it in your design.

thought replied on Apr 2, 2009 at 10:53 pm Permalink Reply

Hi Scott.
I'm not really sure what you mean.

Merely moving the position of the Loader tag doesn't make any different to the layout of my theme skeleton. I didn't expect it to, and after I made the edit I observe that it doesn't.

What do you mean by "it might work better in edit mode" ? What is the 'it' to which you refer ?

Do you mean that I should be designing the layout in c5's edit mode? Even if this is possible, I'd prefer to do my layout in my preferred toolset.

I'm in the process of evaluating various cms's at the moment, and a critical part of my evaluation rests on seperating the design away from the cms as far as possible.

Can c5 simply present my code without stepping on it ?

frz replied on Apr 2, 2009 at 11:04 pm Permalink Reply

its possible, but unlikely, that you might be using styles that conflict with concrete5.

theres nothing in the code you've posted that shouldnt work, so i think its a question of looking in your style sheet and choosing where to call the header/footer includes and what to put in them.

everything in concrete5 is highly configurable - i've never had a design we couldn't "concreteize" so i'm sure its just a matter of training.

thought replied on Apr 2, 2009 at 11:41 pm Permalink Reply

I'm sure that c5 offers a lot to designers, but I'd still like to be able design a simple site myself and then adapt it for c5.

I'm looking for a cms that will allow me to hold on to my fossilized ways.
Although I'm open to learning new design tools, I don't want to be pushed into using then just yet.

I haven't been able to find a css conflict yet, even though this seems to be a likely cause, given that I'm looking at a layout munge.

I'm not using includes for this design. Both the content and the design are too simple to call for it yet.

jincmd replied on Apr 2, 2009 at 11:58 pm Permalink Reply

If I were setup to display my added products, and upon clicking it, instead of going to a new page.. Via aax or js??? The product description,images,etc wildisplay in a DROPDOWN BOX. If it functioning like this for each product, in what manner would an employee of the modded c5 commerce site add a product??

for a referance please seehttp://www.oscardelarenta.com SHOP ONLINE

frnz and thoughts, what are your thoughts? Thanks

edit: just a note, off topic. A nice feature which is presented off your c5 forums "MONITOR" feature
This would be a great tool for each product to have. For customer to be contacted upon product availablility change or whatever.... Or am I getting ahead of myselF? I guess to stick to the fundamentals practically

Tony replied on Apr 3, 2009 at 5:28 am Permalink Reply

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "<a href="http://www.w3.org/TR/html4/strict.dtd"" title="http://www.w3.org/TR/html4/strict.dtd"" rel="nofollow">http://www.w3.org/TR/html4/strict.dtd...</a>
>
<div>
<head>
....

what's an HREF tag doing in the doctype definition? and then you have a <div> tag instead of <html> before the <head>. I stopped looking after that. ...not surprised it's having issues.

Does anybody know if concrete5 works with a "Strict" type document definition? transitional is probably your best bet.

thought replied on Apr 3, 2009 at 6:05 am Permalink Reply

Apologies.
I must have made a mistake when I pasted it.
Pasted herein is the corrected markup, thinned down a bit.
It still behaves differently between being presented naked and from within C5.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
>
<div>
  <head>
    <link rel="stylesheet" type="text/css" href="<?=$this->getThemePath()?>/css/faustina.css" />
    <link rel="stylesheet" type="text/css" href="<?=$this->getThemePath()?>/css/navigation.css" />
    <? Loader::element('header_required');?>
  </head>
  <body>
    <DIV id="wrapper">
      <DIV id="page_description">
        <div id="logo">
        </div>
        <p>
           In a paragraph

Viewing 15 lines of 43 lines. View entire code block.

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
>
<div>
  <head>
    <link rel="stylesheet" type="text/css" href="<?=$this->getThemePath()?>/css/faustina.css" />
    <link rel="stylesheet" type="text/css" href="<?=$this->getThemePath()?>/css/navigation.css" />
    <? Loader::element('header_required');?>
  </head>
  <body>
    <DIV id="wrapper">
      <DIV id="page_description">
        <div id="logo">
        </div>
        <p>
           In a paragraph 
        </p>
        <?php
    $a = new Area('Main Content 2');
    $a->display($c); 
        ?>
      </DIV>
      <!--now we begin the actual main content of the site-->
      <DIV class="entry" id="myDiv">
        <P>
           In entry 
        </P>
      </DIV>
      <DIV id="push">
      </DIV>
    </DIV>
    <DIV id="footer">
      <p>
         in footer 
      </p>
      <p>
         This  is a template example for a sticky footer 
      </p>
      <div id="signin">
        <a href="<?=$this->url('/login')?>"><?=t('Sign In ')?></a>
      </div>
    </DIV>
  </body>
  </html>

Tony replied on Apr 3, 2009 at 1:53 pm Permalink Reply

looks like the forum software is auto linking those urls in the doctype definition. But you still don't have the opening <html> tag.

Forums

Developing (v7+)

concrete intereferes with design.

Code

Post Reply

Delete Post

Mark Post as Spam

Destroy Spammer

Sign In?