html/tabelle und die Unwissenheit

hkkp · 12.05.2014, 19:44

Code:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both; border-bottom-width: 0;">

        <tr>

            <td class="thead" colspan="2">

                <div class="float_left">

                    <strong>{$thread['threadprefix']}{$thread['subject']}</strong>

                </div>

<div class="float_right">{$multipage}</div>

&nbsp;</td>

        </tr>

        {$threadfields_display}{$classic_header}

    </table>

Wie bekomme ich es hin, dass das Subject/Prefix und die Multipage in einer Zeile sind.

Jockl · 12.05.2014, 19:52

In dem Du es in ein gemeinsames div packst und separate CSS-styles vergibst.

Siehe z.B. auch: http://css-tricks.com/left-align-and-rig...same-line/

hkkp · 12.05.2014, 20:10

Code:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both; border-bottom-width: 0;">

        <tr>

            <td class="thead" colspan="2">

                <div class="textbox">

<p class="alignleft"><strong>{$thread['threadprefix']}{$thread['subject']}</strong></p>

<p class="alignright">{$multipage}</p>

</div>

<div style="clear: both;"></div>

&nbsp;</td>

        </tr>

        {$threadfields_display}{$classic_header}

    </table>

Danke, aber wenn ich das mache, dann schaut es wie in der Anlage aus.

Jockl · 12.05.2014, 20:29

Und wo hast Du "alignleft" und "alignright" definiert? Hast Du Dir den Artikel bzgl. Code-Abschnitte etwas näher angesehen?

Du kannst das float auch direkt einbauen.....

hkkp · 12.05.2014, 20:40

in der css definiert.

die multipage will nicht so. will nicht nach rechts...

Jockl · 12.05.2014, 20:55

Wenn Du die CSS-Definition korrekt ausgeführt hast, sollte es eigentlich klappen. Hast Du es ggf. mal direkt so probiert?

Code:
<div>

<p style="float:left;"><strong>{$thread['threadprefix']}{$thread['subject']}</strong></p>

<p style="float:right;">{$multipage}</p>

</div>

Das funktioniert bei mir einwandfrei.....

MrBrechreiz · 12.05.2014, 20:56

Wie sieht dein kompletter Code des Templates aus und was genau möchtest Du erreichen ?

hkkp · 12.05.2014, 21:06

bleibt gleich. so backup zurückgespielt.

wie im Anhang soll es mal aussehen. nur das multipage ganz rechts ist und der subjekt ganz links.

PHP-Code:
<html>
<head>
<title>{$thread['subject']}{$google_seo_page}</title>
{$headerinclude}
<script type="text/javascript">
<!--
    var quickdelete_confirm = "{$lang->quickdelete_confirm}";
// -->
</script>
<script type="text/javascript" src="jscripts/thread.js?ver=1603"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/thankyoulike.js?ver=150"></script>
<script type="text/javascript">
<!--
    var tylEnabled = "{$mybb->settings['g33k_thankyoulike_enabled']}";
    var tylCollapsible = "{$mybb->settings['g33k_thankyoulike_collapsible']}";
    var tylUser = "{$mybb->user['uid']}";
-->
</script>
{$mention_script}</head>
<body>
    {$header}
{$fpost2}
    {$pollbox}
    <div class="float_left">
        {$multipage}

    </div>
    <div class="float_right">
        {$threadsolved_button}{$newreply}
    </div>
    {$ratethread}
    <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both; border-bottom-width: 0;">
        <tr>
            <td class="thead" colspan="2">
                
                <div>
                    <strong>{$thread['threadprefix']}{$thread['subject']}</strong>
                </div>
            </td>
        </tr>
        {$threadfields_display}{$classic_header}
    </table>
    <div id="posts">
        {$first_post}{$posts}
    </div>
    <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="border-top-width: 0;">
        <tr>
            <td colspan="2" class="tfoot">
                {$search_thread}
                <div>
                    <strong>&laquo; <a href="{$next_oldest_link}">{$lang->next_oldest}</a> | <a href="{$next_newest_link}">{$lang->next_newest}</a> &raquo;</strong>
                </div>
            </td>
        </tr>
    </table>
    <div class="float_left" style="width:100%">
        {$multipage}
    </div>
    <div style="padding-top: 4px;" class="float_right">
        {$threadsolved_button}{$newreply}
    </div>
    <br style="clear: both;" />
    {$quickreply}
    {$threadexbox}
    {$similarthreads}
    <br />
    <div class="float_left">
        <ul class="thread_tools">
            <li class="printable"><a href="printthread.php?tid={$tid}">{$lang->view_printable}</a></li>
            <li class="sendthread"><a href="sendthread.php?tid={$tid}">{$lang->send_thread}</a></li>
            <li class="subscription_{$add_remove_subscription}"><a href="usercp2.php?action={$add_remove_subscription}subscription&amp;tid={$tid}&amp;my_post_key={$mybb->post_code}">{$add_remove_subscription_text}</a></li>
        </ul>
    </div>

    <div class="float_right" style="text-align: right;">
        {$moderationoptions}
        {$forumjump}
    </div>
    <br style="clear: both;" />
    {$usersbrowsing}
    {$footer}
</body>
</html> 

MrBrechreiz · 12.05.2014, 21:42

Werde aus deinen Screens leider nicht schlau was Du möchtest Big Grin

hkkp · 12.05.2014, 22:15

so schaut es momentan aus und wenn du dir den anderen screen anschaust, so soll es mal aussehen