netrix 2 Report post Posted December 1, 2012 Hallo, ich wollte mal fragen ob mir jemand sagen kann wie ich diesen Block effizienter gestalten kann (und evtl auch vom HTML her robuster) <div class="category_block block_wrap"> <div class="ipsBox table_wrap"> <h3 class="maintitle">{$title}</h3> <div class="ipsBox_container"> <div class="header" id="recent_post_head"> <div class="topic_title"> <span>Title</span> </div> <div class="start_date_place"> <span>Erstellungsdatum und Ort</span> </div> <div class="replies"> <span>Antworten</span> </div> <div class="views"> <span>Aufrufe</span> </div> <div class="last_action"> <span>Letzer Beitrag</span> </div> </div> <div class="postlist"> <if test="is_array( $records ) && count( $records )"> {parse striping="feed_striping" classes="row1,row2 altrow"} <foreach loop="$records as $r"> <div class='hentry {parse striping="feed_striping"}' id='recent_post'> <div class="topic_title"> <if test="$r['poll_state'] == '1'"><span id="anonymous_element_103" class="topic_prefix">Umfrage </span></if><strong><a href='{$r['url']}page__view__getnewpost' rel='bookmark' title='{$r['title']}'>{$r['title']}</a></strong><br>{$r['topic_description']} </div> <div class="topic_data"> <span>Erstellt von <a href='{parse url="showuser={$r['starter_id']}" base="public"}'>{$r['starter_name']}</a>, am {parse date="$r['start_date']" format="short"}, in <a href='{parse url="showforum={$r['forum_id']}" template="showforum" seotitle="{$r['name_seo']}" base="public"}'>{$r['fname']}</a></span> </div> <div class="topic_answer_counter"> <span>Antworten</span> <span>{$r['topic_posts']}</span> </div> <div class="topic_view_counter"> <span>Aufrufe</span> <span>{$r['views']}</span> </div> <div class="topic_answer"> <if test="$r['topic_posts'] != 0"> <span><a href='{parse url="showuser={$r['member_id']}" base="public"}'><img src='{$r['pp_mini_photo']}' width='{$r['pp_mini_width']}' height='{$r['pp_mini_height']}' class='photo' /></a> Von <a href='{parse url="showuser={$r['member_id']}" base="public"}'>{$r['members_display_name_short']}</a></span><br /><span class="replie_date">{parse date="$r['date']" format="short"}</span> </if> </div> </div> </foreach> </if> </div> </div> </div> </div> <br class="recent_post_bottom" /> <style> #recent_post>div, #recent_post_head>div { display: inline-block !important; } #recent_post { height:60px; position:relative; width: 100%; border-bottom:thin lightgray solid; } #recent_post>div { vertical-align: middle; } .topic_data { position:absolute; bottom: 10px; left: 10px; } #recent_post .topic_title { width: 60%; } #recent_post_head .topic_title { width: 40%; } #recent_post_head .start_date_place { width:20%; } #recent_post .topic_answer_counter { position:absolute; left: 65%; top: 12px; } #recent_post .topic_view_counter { position:absolute; left: 65%; bottom: 12px; } #recent_post .topic_answer { position:absolute; left: 80%; top: 10px; } #recent_post .topic_answer .replie_date { margin-top: 5px; } #recent_post_head .views { width:10%; } #recent_post_head .replies { width:10%; } #recent_post_head .last_action { margin-right:0px; } #recent_post .topic_title { position:absolute; top: 5px; left: 7px; } .recent_post_bottom { margin-bottom:10px; } #recent_post_head > div { border-right-color: grey; border-right-style: solid; border-right-width: 1px; } #recent_post_head .last_action { border-right-style: none; } </style> Share this post Link to post