pointhi
Erfahrenes Mitglied
Hy,
Ich arbeite gerade an meinem layout, und bin gerade beim umschreiben von meinem layout. Es bassiert komplett auf css, und ich bin dabei die wenigen absolut positionierten elemente relativ zu positionen da es teilweise zu darstellungsprobleme bei bildschirmbreiten von 800px und weniger gekommen ist (referenzseite war dabei rechts).
Ich hab das ganze soweit geschafft, mir fehlt nur noch 1. Positionierung, und bei dieser ist der html code vorgegeben (joomla). Es geht dabei um den header des content. Der HTML-code lautet dabei:
(hab einfach den code aus einer aktuellen joomla-installation herauskopiert)
Das ziel ist jetzt <ul class="actions"> und <dl class="article-info"> über <h2> <a href="#">TITEL</a> </h2> anzeigen zu lassen, und das ohne absolute positionierung. Diese beide Elemente sollen dann auf das darüberliegende div "article" positioniert sein. Konkret soll als erstes "article-info" wobei "article-info-term" seitlich steht positioniert sein, und darunter die beiden icons neben den titel (aber rechts positioniert) liegen.
ich hab keine ahnung wie ich es machen soll. Ich schau noch ob ich es mit float hinkriege aber sonst hab ich keine idee mehr.
mfg. pointhi
Ich arbeite gerade an meinem layout, und bin gerade beim umschreiben von meinem layout. Es bassiert komplett auf css, und ich bin dabei die wenigen absolut positionierten elemente relativ zu positionen da es teilweise zu darstellungsprobleme bei bildschirmbreiten von 800px und weniger gekommen ist (referenzseite war dabei rechts).
Ich hab das ganze soweit geschafft, mir fehlt nur noch 1. Positionierung, und bei dieser ist der html code vorgegeben (joomla). Es geht dabei um den header des content. Der HTML-code lautet dabei:
Code:
<div id="article">
<!-- <jdoc:include type="component" /> -->
<div class="item-page">
<h2> <a href="#">TITEL</a> </h2>
<ul class="actions">
<li class="print-icon">
<a href="/team?tmpl=component&print=1&layout=default&page=" title="Drucken" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="img/joomla/printButton.png" alt="Drucken" /></a>
</li>
<li class="email-icon">
<a href="/component/mailto/?tmpl=component&template=test_htl_01&link=298db7a28d79751cc665752cd9129b07a0ac24d3" title="E-Mail" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"><img src="img/joomla/emailButton.png" alt="E-Mail" /></a>
</li>
</ul>
<dl class="article-info">
<dt class="article-info-term">Details</dt>
<dd class="create">Erstellt am Montag, 06. Februar 2012 12:27</dd>
<dd class="modified">Zuletzt aktualisiert am Montag, 06. Februar 2012 12:27 </dd>
<dd class="createdby">Geschrieben von pointhi</dd>
<dd class="hits">Zugriffe: 17</dd>
</dl>
(hab einfach den code aus einer aktuellen joomla-installation herauskopiert)
Das ziel ist jetzt <ul class="actions"> und <dl class="article-info"> über <h2> <a href="#">TITEL</a> </h2> anzeigen zu lassen, und das ohne absolute positionierung. Diese beide Elemente sollen dann auf das darüberliegende div "article" positioniert sein. Konkret soll als erstes "article-info" wobei "article-info-term" seitlich steht positioniert sein, und darunter die beiden icons neben den titel (aber rechts positioniert) liegen.
ich hab keine ahnung wie ich es machen soll. Ich schau noch ob ich es mit float hinkriege aber sonst hab ich keine idee mehr.
mfg. pointhi