Can you edit the layout of a dynamic website in the final view only?

Hello,

Some background:
I have a PHP directory website where the user signs up & creates their own listing. They input their information which in turn builds the final page layout to the end user. All of the listings page sections are being called up dynamically.

To clarify the question:
Currently I am opening up every single dynamic section, editing the HTML/CSS, testing & repeating. Is there any software or some magical way i can just view the end result ( outputted listing page) & edit it all at once?? So i can see how all of the HTML/CSS changes i am making are effecting other elements. Is there anyway to edit the one/end result page, which then pushes the changes to the dynamic sections?

I am no expert, have little PHP knowledge so any help or an easier process to what i am doing would also help.

Appreciate the help.
Thankyou

To make useful suggestions, we will need to see the code to the site. A link to the site would be a big help. Specific examples of which HTML/CSS elements/properties that you find yourself modifying and that affect other portions of the layout would be key to a identifying the problem and recommending a solution. Some way to distinguish between the permanent HTML and that which is being inserted dynamically would be a bonus.

I presume that the user entered data follows some kind of common format, being in-putted via a form and stored in a database.
If that is the case, then some common css & html should be able to display and layout any of that data in useful way. That is how a lot of sites work.
But it is impossible to give specific advice without knowing the specific data you are dealing with.

Thanks for the reply.

I am using edirectory, so below is a link to an example listing page. (my site is on a local machine at the moment)

I don’t really have any issues with the HTML/CSS. It’s more the fact that i am trying to find a faster way to edit the layout of the dynamics pages all at once.

Using the above link as an example, i will try and simplify my question.
Lets say the (1)reviews section, (2)about section & (3)deal section are dynamic sections. So instead of me opening up all 3 pages separately to edit the HTML & CSS, is there a more efficient way to to edit what i see (above link) all at once?? Maybe like opening up a code inspector which then applies changes across all the dynamic pages automatically?

It appears that you are already using a style sheet:-

<link href="/assets/default/css/style.css" rel="stylesheet"/>

So editing that should control the layout/styling globally across the site.

So editing that should control the layout/styling globally across the site.

Yes i can do that. However that wont change the layout structure of the page or dynamic sections being called up. I will still have to manually open these pages to alter their structure instead of doing it all at once.

The css should be controlling the layout, that’s what css is for.
As for the html structure, that will depend upon the system you have in place for dynamically building your pages, which is generally some kind of server-side programming and database, be that a framework, a CMS or custom made scripting in whatever language. But we don’t know what you are using for that.
As a general example, with PHP, you may create html templates for your pages. These may typically contain all the html elements, but allowing the script to fill in the “blanks” for the unique content with echo functions.

Here I posted an example html template for the “outer” page.

But the inner include may have a more specific template depending on the type of page.

Look at the “Record” table in this example: http://burtonstatherheritage.org/roll-of-honour/36-horace-walker Each man on the roll has a table just the same, but with unique content. This data is pulled form a database, put into an associative array and then echoed out into the html table template by a foreach like this

<section id="record" itemprop="About" itemscope itemtype="http://schema.org/Person">
    <h2>Record Details for <?php echo $fullname ; ?></h2>
    <figure class="sqz">
    <table class="record">
        <?php foreach($record as $head => $value) : ?>
        <tr>
        <th><?php echo $head ; ?>:</th><td><?php echo $value ; ?></td>
        </tr>
        <?php endforeach ?>
    </table>
    </figure>
</section>

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.