+ Antworten
Seite 1 von 2 1 2 LetzteLetzte
Ergebnis 1 bis 10 von 12

Thema: contentheading design

  1. #1
    War schon öfter hier Avatar von chinagirl
    Registriert seit
    12.06.2007
    Ort
    Wien
    Beiträge
    153
    Bedankte sich
    37
    1 Danksagung in 1 Beitrag

    Standard contentheading design

    hi an die profis!

    ich hätte 2 fragen:

    ad 1, ich möchte gerne das die beitragsheadline vom content durch eine linie getrennt ist. ich habe die klasse so definiert:

    h2.contentheading, .contentheading {
    font-size:11px;
    text-transform:uppercase;
    text_align: left;
    border-bottom:1px solid #333333;
    color:#FFFFFF;
    }
    in diesem fall ist die linie aber nur so lange wie das wort.
    wie mache ich es wenn die linie über die ganze breite des contentbereiches gehen soll?

    ad 2,
    das modul "user1" und der contentbereich liegen genau übereinander.
    jetzt ist es so, dass man auf manchen seiten das modul "user1" nicht braucht und da hätte ich gerne das der contentbereich hinaufrutscht.
    wie kann ich dieses problem lösen?

    würde mich über eure hilfe sehr freuen!
    lg chinagirl

  2. #2
    --- Avatar von anka
    Registriert seit
    01.05.2008
    Ort
    Basel
    Beiträge
    9.077
    Bedankte sich
    342
    Erhielt 3.298 Danksagungen
    in 3.084 Beiträgen

    Standard

    Hast du einen in Link zu der Seite?
    Häufige Fragen und Antworten zu Joomla: Joomla FAQ - Kleines Helferlein: Firebug
    Joomla braucht dich!

    Kein Support per PN


  3. #3
    Hat hier eine Zweitwohnung Avatar von netzgeek
    Registriert seit
    04.10.2008
    Beiträge
    1.234
    Bedankte sich
    117
    Erhielt 179 Danksagungen
    in 172 Beiträgen

    Standard

    Zitat Zitat von chinagirl Beitrag anzeigen
    hi an die profis!

    ich hätte 2 fragen:

    ad 1, ich möchte gerne das die beitragsheadline vom content durch eine linie getrennt ist. ich habe die klasse so definiert:

    h2.contentheading, .contentheading {
    font-size:11px;
    text-transform:uppercase;
    text_align: left;
    border-bottom:1px solid #333333;
    color:#FFFFFF;
    }
    in diesem fall ist die linie aber nur so lange wie das wort.
    wie mache ich es wenn die linie über die ganze breite des contentbereiches gehen soll?

    ad 2,
    das modul "user1" und der contentbereich liegen genau übereinander.
    jetzt ist es so, dass man auf manchen seiten das modul "user1" nicht braucht und da hätte ich gerne das der contentbereich hinaufrutscht.
    wie kann ich dieses problem lösen?

    würde mich über eure hilfe sehr freuen!
    lg chinagirl
    zum ersten: du musst h2 eine feste breite geben, also z.B width:500px; dann klappt das ganze auch.

    zum zweiten: dazu gehst du in deine index.php von deinem template und suchst deine modul position. indemfalle müsste es sein:

    Code:
     <jdoc:include type="modules" name="user1" style="xhtml" />
    das änderst du in
    Code:
    <?php if($this->countModules('user1')) : ?>
     <jdoc:include type="modules" name="user1" style="xhtml" />
    <?php endif; ?>
    das bedeutet, wenn user aktiviert zeige es an, wenn nicht blende es aus. damit ruscht der content auch automatisch hoch, sofern du nicht mit position:absolout arbeitest.

    ich hoffe ich konnte helfen

  4. #4
    War schon öfter hier Avatar von chinagirl
    Registriert seit
    12.06.2007
    Ort
    Wien
    Beiträge
    153
    Bedankte sich
    37
    1 Danksagung in 1 Beitrag

    Standard

    Zitat Zitat von anka Beitrag anzeigen
    Hast du einen in Link zu der Seite?
    leider nein

  5. #5
    Hat hier eine Zweitwohnung Avatar von netzgeek
    Registriert seit
    04.10.2008
    Beiträge
    1.234
    Bedankte sich
    117
    Erhielt 179 Danksagungen
    in 172 Beiträgen

    Standard

    hat denn mein beitrag geholfen?

  6. #6
    War schon öfter hier Avatar von chinagirl
    Registriert seit
    12.06.2007
    Ort
    Wien
    Beiträge
    153
    Bedankte sich
    37
    1 Danksagung in 1 Beitrag

    Standard

    danke für deine hilfe!
    punkt 1 hat super funktioniert!

    punkt 2 leider nicht.
    meine #site ist absolut, die ebenen die drinnen sind mit den modulen sind jedoch relativ.
    kann das ein problem sein?

    lg chinagirl

  7. #7
    Hat hier eine Zweitwohnung Avatar von netzgeek
    Registriert seit
    04.10.2008
    Beiträge
    1.234
    Bedankte sich
    117
    Erhielt 179 Danksagungen
    in 172 Beiträgen

    Standard

    das ist ein proble, da du ja das element abosolout positionierst. soll heissen, auch wenn user1 nicht mehr da ist, bleibt dein content element trotzdem an der stelle, wo du es positioniert hast.

    problemlösung währe dann, dass du dein template mit margin/padding positionierst.

    versuche einfach mal alle top,left,right etc. mit margin zu ersetzen.

    also:

    position:absolout;
    left:50px;
    top: 150px;

    änder das dann mal in margin-left:50px; margin-top:150px; etc.
    eventuell musst du das dann noch ein wenig anpassen, sollte aber soweit ganz gut funktionieren

  8. #8
    War schon öfter hier Avatar von chinagirl
    Registriert seit
    12.06.2007
    Ort
    Wien
    Beiträge
    153
    Bedankte sich
    37
    1 Danksagung in 1 Beitrag

    Standard

    nochmals kurz zu dem problem mit absolut.
    in meiner index.php steht folgendes:
    <body>

    <div id="site">
    <div id="wrapper">
    <div id="logo"></div>
    <div id="image"><?php if($this->countModules('user1')) : ?>
    <jdoc:include type="modules" name="user1" style="xhtml" />
    <?php endif; ?></div>
    <div id="content"><jdoc:include type="component" /></div>
    <div id="footer">Bereich footer</div>

    </div>
    <div id="modules_right"><jdoc:include type="modules" name="right" style="xhtml" /></div>
    </div>

    </body>

    nur die #site ist absolut. alle anderen divs sind relative. sollte es nicht dann so sein, dass die #content hinaufrutschen kann?

    lg chinagirl

  9. #9
    --- Avatar von anka
    Registriert seit
    01.05.2008
    Ort
    Basel
    Beiträge
    9.077
    Bedankte sich
    342
    Erhielt 3.298 Danksagungen
    in 3.084 Beiträgen

    Standard

    Versuche es mal damit (also Start und Ende des DIVs innerhalb der Abfrage):

    Code:
    <?php if($this->countModules('user1')) : ?>
    <div id="image">
    <jdoc:include type="modules" name="user1" style="xhtml" />
    </div>
    <?php endif; ?>
    Häufige Fragen und Antworten zu Joomla: Joomla FAQ - Kleines Helferlein: Firebug
    Joomla braucht dich!

    Kein Support per PN


  10. #10
    Hat hier eine Zweitwohnung Avatar von netzgeek
    Registriert seit
    04.10.2008
    Beiträge
    1.234
    Bedankte sich
    117
    Erhielt 179 Danksagungen
    in 172 Beiträgen

    Standard

    wie gesagt du müsstest alle <div`s> mit margin positioniren, nicht mit position. dann klappt das ganze auch

  11. Erhielt Danksagungen von:


+ Antworten
Seite 1 von 2 1 2 LetzteLetzte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein