Loop vast met een site ontwerp - Softwareontwikkeling

zaterdag 17 maart 2012 23:19

Acties:

Verwijderd

Topicstarter

Als grootste hobby doe ik modelbouw en dan vooral de vrachtwagens 1/14 radiografisch.
Hiervoor ben ik ook lid van een modelbouw vereniging.

Voor deze vereniging ben ik bezig om een website te bouwen aangezien ik dit eerder al had gedaan voor de truckers.
Als basis software gebruik ik phpbb2. Weliswaar verouderd maar goed aan te passen en ik heb hier in het verleden altijd goede ervaringen mee op gedaan.
Nu is mijn html/css kennis ook al enige tijd gedateerd en dus niet meer echt veel gebruikt en loop ik tegen een probleempje aan met de opmaak van de nieuwe website.

de oude website: *snip* is aardig gedateerd en slecht bij te houden doordat alles nog in plain html geschreven is.
De nieuwe website welke ik aan het implementeren ben op het systeem van de truckers site (phpbb2) is hier te vinden
*snip*

Nu heb ik een probleem met de layout op de volgende pagina
http://www.asfaltrockers.nl/news.php?f=25

Ik probeer de gele balk welke ik in een eigen div staat achter de tekst "onderwerpen - auteur - laatste bericht" te krijgen.
Dit lukt mij niet op de volgende manier:

HTML:

        <div class="post_design">               
            <div class="post_top_forum">
                        <span class="topdate">27<br />Nov</span>
                <h2><a href="{U_VIEW_FORUM}" title="{FORUM_NAME}">{FORUM_NAME}</a></h2>
            </div>

<table border="0" cellpadding="4" cellspacing="1" width="820px">
            <div class="entry_bg_forum">
                <th colspan="2">&nbsp;{L_TOPICS}&nbsp;</th>
                <th>&nbsp;{L_AUTHOR}&nbsp;</th>
                <th>&nbsp;{L_LASTPOST}&nbsp;</th>
            </div>
            <div class="entry_bg">
                <div class="entry">
    <!-- BEGIN topicrow -->
    <tr> 
        <td><img src="{topicrow.TOPIC_FOLDER_IMG}"></td>
        <td>{topicrow.NEWEST_POST_IMG}{topicrow.TOPIC_TYPE}<a href="{topicrow.U_VIEW_TOPIC}">{topicrow.TOPIC_TITLE}</a><br />
            {topicrow.GOTO_PAGE}></td>
        <td class="row3" align="center" valign="middle"><span class="name">{topicrow.TOPIC_AUTHOR}</span></td>
        <td class="row3Right" align="center" valign="middle" nowrap="nowrap" width="150"><span class="postdetails">{topicrow.LAST_POST_TIME}</span></td>
    </tr>
    <!-- END topicrow -->
    <!-- BEGIN switch_no_topics -->
    <tr> 
        <td class="row1" colspan="6" height="30" align="center" valign="middle"><span class="gen">{L_NO_TOPICS}</span></td>
    </tr>
    <!-- END switch_no_topics -->
    <tr> 
        <td class="catBottom" align="center" valign="middle" colspan="6" height="28"><span class="genmed">{L_DISPLAY_TOPICS}:&nbsp;{S_SELECT_TOPIC_DAYS}&nbsp; 
        <input type="submit" class="liteoption" value="{L_GO}" name="submit" />
        </span></td>
    </tr>
                </div>
            </div>
  </table>

                <div class="post_bottom">
                <p class="postmetadata">
                      <b>{PAGINATION}</b>
                </p>
                </div>
        </div>

Dan krijg ik dat de tekst onder de gele balk staat.

Dit lukt mij wel als ik de div pas sluit na de table. Echter als ik dat doe wordt de layout niet aangepast als er meerdere berichten in een pagina staan. (hiervoor moet ik wel de divs omdraaien en een margin-left: -14px toevoegen aan de css van de gele afbeelding.

HTML:

            <div class="entry_bg">
            <div class="entry">
            <div class="entry_bg_forum">
<table border="0" cellpadding="4" cellspacing="1" width="820px">
            <tr>
                <th colspan="2">&nbsp;{L_TOPICS}&nbsp;</th>
                <th>&nbsp;{L_AUTHOR}&nbsp;</th>
                <th>&nbsp;{L_LASTPOST}&nbsp;</th>
            </tr>
    <!-- BEGIN topicrow -->
    <tr> 
        <td><img src="{topicrow.TOPIC_FOLDER_IMG}"></td>
        <td>{topicrow.NEWEST_POST_IMG}{topicrow.TOPIC_TYPE}<a href="{topicrow.U_VIEW_TOPIC}">{topicrow.TOPIC_TITLE}</a><br />
            {topicrow.GOTO_PAGE}></td>
        <td class="row3" align="center" valign="middle"><span class="name">{topicrow.TOPIC_AUTHOR}</span></td>
        <td class="row3Right" align="center" valign="middle" nowrap="nowrap" width="150"><span class="postdetails">{topicrow.LAST_POST_TIME}</span></td>
    </tr>
    <!-- END topicrow -->
    <!-- BEGIN switch_no_topics -->
    <tr> 
        <td class="row1" colspan="6" height="30" align="center" valign="middle"><span class="gen">{L_NO_TOPICS}</span></td>
    </tr>
    <!-- END switch_no_topics -->
    <tr> 
        <td class="catBottom" align="center" valign="middle" colspan="6" height="28"><span class="genmed">{L_DISPLAY_TOPICS}:&nbsp;{S_SELECT_TOPIC_DAYS}&nbsp; 
        <input type="submit" class="liteoption" value="{L_GO}" name="submit" />
        </span></td>
    </tr>
  </table>
                </div>
                </div>
            </div>

De CSS code die ik hiervoor gebruik is de volgende:

Cascading Stylesheet:

    .entry_bg_forum{
        background: url(/templates/subSilver/images/articleHead_forum.png);
        width: 850px;
        height: 25px;
    }   
    .entry_bg{
        background: url(/templates/subSilver/images/entry_bg.jpg) repeat-y 0px 0;
        width: 850px;
    }
    .entry{
        padding-left: 14px;
        width: 820px;
        color: #111111;
        font-family: Georgia, serif; 
        font-style: bold; 
        font-size: 14px; 
        word-wrap: break-word;
    }

wat doe ik verkeerd of zie ik over het hoofd?
Mijn kennis is helaas er niet op vooruit gegaan door dit zo weinig te doen.

P.S.; In het vorig topic kreeg ik helaas niet de mogelijkheid om deze informatie als nog toe te voegen. Het probleem met de site layout los trekken van de server is dat het een dynamische inhoud betreft welke ook veel bepaald in de site layout. Het probleem zit in de stuk code welke ik hier boven uitgelicht heb.

De losse bestanden kan ik eventueel bijvoegen maar zonder de database informatie heb je hier weinig aan helaas.

[ Voor 0% gewijzigd door RobIII op 18-03-2012 13:35 ]

zondag 18 maart 2012 01:30

Acties:

azerty

Als ik het goed begrijp wil je volgend stuk

code:

<tr>
                <th colspan="2">&nbsp;{L_TOPICS}&nbsp;</th>
                <th>&nbsp;{L_AUTHOR}&nbsp;</th>
                <th>&nbsp;{L_LASTPOST}&nbsp;</th>
            </tr>

in die div krijgen? Dan maak je toch gewoon een zelfde tabel opnieuw in de div aan met die specifieke rij?

PS: waarom vraag je het niet aan je sponsor?

[ Voor 6% gewijzigd door azerty op 18-03-2012 01:40 ]

zondag 18 maart 2012 12:45

Acties:

Verwijderd

Topicstarter

En een nieuwe table tsja! daar had ik nog niet bij stil gestaan...Dit lost mijn probleem inderdaad op.
Bedankt ik ga weer verder met het ontwerp.

P.S. omdat die sponsor in dit geval ik zelf ben. (zijn overigens nog meer sponsoren als je op de algemene pagina kijkt zie je ze allemaal dit zijn gewoon sponsoren van de vereniging).

In de site en het verbouwen van phpbb zit al dusdanig veel tijd en heb alle hosting en domein registratie jaren lang gesponsord. Dus ik vraag het indirect al aan mijn sponsor omdat het 1 persoon betreft.

zondag 18 maart 2012 12:49

Acties:

azerty

Er is ook nog een andere oplossing, waarbij de table volledig in de div staat, maar dan moet je goed nadenken over welke elementen in css welke afbeelding en achtergrond moeten krijgen

Ik zou eerlijk gezegd zo'n pagina opslaan en de css daarvan bewerken en als het resultaat daar goed genoeg is dat overzetten naar je live forum.

zondag 18 maart 2012 13:00

Acties:

Verwijderd

Topicstarter

hall wsitedesign.

De (forum)site is nog niet officieel online.

*snip* is het officiele domein. Daar staat de oude site nog te draaien.
*snip* is het domein waar de truckers gedeelte op draait.

Deze engine van de truckerssite wat gebouwd is op phpbb2 ga ik nu ook gebruiken voor de algemene site van de vereniging zodat we weer 1 gehele site hebben in tegenstelling tot nu met 10 verschillende sites.

De templates echter zijn nog wel allemaal uniek en heb hiervoor weer een eigen methode gemaakt om dit te kunnen uitvoeren binnen phpbb.

Ik loop eigenlijk met verouderde forum software mijn eigen "joomla, wordpress" systeem te bouwen. mede omdat ik hier jaren terug al eens aan begonnen was.

Alles omzetten naar een nieuwe cms systeem is veel werk en overigens ben ik niet kapot van paketten als joomla / wordpress omdat ik naar mijn mening daarin toch te weinig vrijheid krijg.

aangezien phpbb2 verouderd is heb ik wel het nodige aan extreme beveliging in gebouwd om hackers buiten te houden. Af en toe tot frustratie van mijzelf aan toe dat ik dingen alleen via de database zelf kan wijzigen.

[ Voor 2% gewijzigd door RobIII op 18-03-2012 13:35 ]

zondag 18 maart 2012 13:35

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Het zou fijn zijn als je 't aantal linkjes beperkt tot 't nodige a.u.b.

Zie ook spam. Ik zie daarom ook niet hoe dit relevant is voor je probleem en waarom 't uberhaupt in je topic staat:

Verwijderd schreef op zondag 18 maart 2012 @ 12:45:
P.S. omdat die sponsor in dit geval ik zelf ben. (zijn overigens nog meer sponsoren als je op de algemene pagina kijkt zie je ze allemaal dit zijn gewoon sponsoren van de vereniging).

We vragen niet voor niets om een (uitgeklede!) testcase (waar ik nog steeds weinig van terug zie). En probeer volgende keer a.u.b. even een topictitel te verzinnen die de lading een beetje dekt

Verwijderd schreef op zondag 18 maart 2012 @ 13:00:
aangezien phpbb2 verouderd is heb ik wel het nodige aan extreme beveliging in gebouwd om hackers buiten te houden. Af en toe tot frustratie van mijzelf aan toe dat ik dingen alleen via de database zelf kan wijzigen.

Dan doe je toch ergens iets niet goed

En je weet dat per 2009 PHPBB2 al EOL is en de laatste release uit 2008 stamt? Hoe zeker ben je van je kunnen dat je niet alsnog een boel gaten over het hoofd hebt gezien? Ik zou 't er iig niet op wagen. En, correct me if I'm wrong, maar vereist PHPBB2 niet nog PHP4?

[ Voor 110% gewijzigd door RobIII op 18-03-2012 13:45 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij