+ Antworten
Ergebnis 1 bis 10 von 10

Thema: Zeilenabstand bei Content Category

  1. #1
    Neu an Board
    Registriert seit
    23.08.2006
    Beiträge
    36
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Idee Zeilenabstand bei Content Category

    Hallo !
    versuche nun schon eine ganze Weile den Zeilenabstand bei einer Seite mit automatisch generierten Links zu vergrößern.

    Die Seite wird über einen Menulink "Table - Content Category" aufgerufen.

    Sämtliche Versuche den Zeilenabstand im CSS über "sectiontableentry" waren leider ergebnislos. Einzig über "td, div.moduletable" konnte ich den Zeilenabstand hier einstellen. Das ist aber nicht was ich will, da somit der Zeilenabstand in sämtlichen Div's der Seite verändert wird. Auch habe ich versucht dem Menulink einen Präfix mitzugeben, das hatte allerdings auch keine Auswirkungen.

    Meine Frage nun: ist es möglich nur bei den Links über "Table - Content Category" den Zeilenabstand zur verändern ?

    Hoffe es weis jemand Bescheid !
    Don't squander your time

  2. #2
    Kommt häufiger vorbei Avatar von rnussholz
    Registriert seit
    16.08.2006
    Ort
    Wil SG, Schweiz
    Beiträge
    314
    Bedankte sich
    13
    Erhielt 104 Danksagungen
    in 95 Beiträgen

    Standard

    Wenn du den Menülink "Table - Content Category" aufrufst, hast du die Möglichkeit dort ein Page Class Suffix anzugeben. Gebe dort z. B. ein "_link", dann gibst du in der template_css.css folgendes ein:
    Code:
    .contentpane_link {
    Deine Werte, die du haben möchtest, z. B. line-height: 140%;
    }
    So ändert er nur den einen Eintrag bei dir.
    Nur der Wissende fragt, denn er kennt seine Grenzen...
    Nur der Weise fährt FS650e, denn nur er kann mit Macht umgehen...
    www.nussholz.com www.gestaltvision.de

  3. #3
    Neu an Board
    Registriert seit
    23.08.2006
    Beiträge
    36
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Ausrufezeichen

    Zitat Zitat von rnussholz Beitrag anzeigen
    Wenn du den Menülink "Table - Content Category" aufrufst, hast du die Möglichkeit dort ein Page Class Suffix anzugeben. Gebe dort z. B. ein "_link", dann gibst du in der template_css.css folgendes ein:
    Code:
    .contentpane_link {
    Deine Werte, die du haben möchtest, z. B. line-height: 140%;
    }
    So ändert er nur den einen Eintrag bei dir.
    Nö du, so funktioniert das leider nicht. Ich hab hier mal die CSS und einen Ausschnitt des html-Teils reingepackt, eventuell hab ich ja dort irgendwo einen Murks drin, den ich nicht sehe

    Über .contentpane-faq wollte ich die Formatierung angeben - leider ohne Erfolg. Habe es auch schon über sectiontableentry versucht (auch vergeblich). Der Quellcode der Content Category sagt folgendes:

    HTML-Code:
    <form action="http://test.de/content/category/3/7/819/" method="post" name="adminForm">
    		<table width="100%" border="0" cellspacing="0" cellpadding="0">
    			<tr>
    				<td colspan="4">
    					<table>
    					<tr>
                                    <td align="right" width="100%" nowrap="nowrap"> Suche:&nbsp;								
    <input type="text" name="filter" value="" class="inputbox" onchange="document.adminForm.submit();" />
    				</td>
    			</tr>
    		</table>
    				</td>
    			</tr>
    						<tr class="sectiontableentry1-faq" >
    							<td>
    						<a href="http://test.de/content/view/151/819/">
    						Hier die Frage 1	 in der Liste					</a>
    							</td>
    						</tr>
    					        <tr class="sectiontableentry2-faq" >
    							 <td>
    						<a href="http://test.de/content/view/150/819/">
    						Hier die Frage 2 in der Liste	</a>
    							</td>
    						 </tr>
    					        <tr class="sectiontableentry1-faq" >
    							<td>
    						<a href="http://test.de/content/view/149/819/">
    						Hier die Frage 3 in der Liste

    Hier die CSS-Datei:
    Code:
    /* Alle nicht extra-formatierten Links */
    
    A:visited { color: #000000; text-decoration:  underline; font-family : Arial; font-size: 12px} 
    A:active    { color: #000000; text-decoration:  underline; font-family : Arial; font-size: 12px}
    A:link { color: #000000; text-decoration:  underline; font-family : Arial; font-size : 12px} 
    A:hover { color: #ff0000; text-decoration:  underline; font-family : Arial; font-size : 12px}
    
    
    
    /* Menu(s) */
    
    #Tabelle1LYR { padding-top: 4px;  } 
    
    a.mainlevel-mainnav {
    padding-right:5px;
    margin-top:5px;
    text-decoration:  none;
    font-family : Arial;
    font-size: 13px;
    }
    
    div.moduletable-mainnav  a.mainlevel  {
    line-height:15px;
    text-align:right;
    padding-left:15px; 
    padding-right:15px;
    border-left:1px dotted #000000;
    text-decoration:  none;
    font-family : Arial;
    font-size: 13px;
    }
    
    
    div.moduletable-mainnav  a.mainlevel:hover  {
    line-height:15px;
    text-align:right;
    padding-left:15px; 
    padding-right:15px;
    border-left:1px dotted #000000;
    text-decoration:  none;
    font-family : Arial;
    font-size: 13px;
    color: #ff0000;
    }
    
    a#active_menu.mainlevel  {
    color: #ff0000;
    font-weight:bold;
    }
    
    div.moduletable-mainnav td  {
    text-align:right;
    }
    
    
    
    /* Left-Menu*/
    
    #TabelleEnde { 
    border-top:1px dotted #000000; 
    
    } 
    
    a.mainlevel-leftmenu {
    display:block;
    padding-left:10px;
    padding-right:5px;
    margin-top:5px;
    text-decoration:  none;
    font-family : Arial;
    font-size: 13px;
    }
    
    
    div.moduletable-leftmenu  a.mainlevel {
    
    display:block;
    border-bottom:1px dotted #000000; 
    line-height:25px;
    padding-left:10px; 
    padding-right:5px;
    text-decoration:  none;
    font-family : Arial;
    font-size: 13px;
    padding-top:5px;
    padding-bottom:5px;
    }
    
    
    div.moduletable-leftmenu  a.mainlevel:hover {
    display:block;
    line-height:25px;
    padding-left:10px; 
    padding-right:5px;
    text-decoration:  none;
    font-family : Arial;
    font-size: 13px;
    color: #ff0000;
    border-bottom:1px dotted #000000;  
    padding-top:5px;
    padding-bottom:5px;
    }
    
    div.moduletable-leftmenu  a.sublevel {
    line-height:20px;
    padding-left:50px; 
    padding-right:5px;
    text-decoration:  none;
    font-family : Arial;
    font-size: 13px;
    }
    
    
    div.moduletable-leftmenu  a.sublevel:hover {
    line-height:20px;
    padding-left:50px; 
    padding-right:5px;
    text-decoration:  none;
    font-family : Arial;
    font-size: 13px;
    color: #ff0000;
    }
    
    a#active_menu.sublevel  {
    color: #ff0000;
    font-weight:bold;
    }
    
    
    a.mainlevel-optional {
    display:block;
    padding-left:10px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
    text-decoration:  none;
    font-family : Arial;
    font-size: 13px;
    border-top:1px dotted #000000;
    border-bottom:1px dotted #000000;
    }
    
    a#active_menu.mainlevel  {
    color: #ff0000;
    font-weight:bold;
    }
    
    
    /* Layout */
    
    body { background-color:#ffffff;
    font-size: 12px;
    font-family: arial, sans-serif;
    line-height: 1.2
    }
    
    
    
    td, div.moduletable { 
    font-size: 12px;
    font-family: arial, sans-serif;
    line-height: 1.2
    }
    
    
    .contentpane-faq { 
    font-size: 12px;
    font-family: arial, sans-serif;
    line-height: 140%;
    
    }
    
    
    #rand td, #rand th {
      border: 1px solid #ABABCC;
    
    }
    
    table.rightboxes{
    border: 1px solid #909090;
    }
    
    
    .button {
    border: 1px solid #BBBBBB;
    }
    .inputbox {
    border: 1px solid #BBBBBB;
    }
    
    
    /* Layout (Weiter-link) */
    
    a.readon {
    font-size: 12px;
    text-align: right;
    text-decoration: none;
    line-height: 15px;
    border: 1px solid #EEEEEE;
    margin-top: 10px;
    text-decoration: none;
    font-weight: normal;
    }
    
    
    a.readon:hover {
    background: #EEEEEE url(../images/readon.gif) no-repeat left;
    text-decoration: none;
    }
    
    /* Layout */
    
    .contentheading {
    width: 100%;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    font-family: arial, verdana, sans-serif;
    color: #000000;
    }
    
    .contentpaneopen {
    background: transparent;
    font-size: 12px;
    font-family: arial, sans-serif;
    line-height: 1.2;
    }
    
    table.contentpane td.contentheading {
    
    background: transparent;
    font-size: 12px;
    font-family: arial, sans-serif;
    line-height: 1.2;
    }
    
    table.contentpane ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
    
    table.contentpane ul li{
    padding: 0px;
    margin: 0px;
    
    }
    
    .categorytitle {
    width: 100%;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    font-family: arial, verdana, sans-serif;
    color: #000000;
    }
    .componentheading {
    width: 100%;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    font-family: arial, verdana, sans-serif;
    color: #000000;
    }
    
    table.moduletable th  {
    width: 100%;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    font-family: arial, verdana, sans-serif;
    color: #000000;
    }
    
    
    .back_button a{
    font-size: 10px;
    font-weight: normal;
    }
    Don't squander your time

  4. #4
    Kommt häufiger vorbei Avatar von rnussholz
    Registriert seit
    16.08.2006
    Ort
    Wil SG, Schweiz
    Beiträge
    314
    Bedankte sich
    13
    Erhielt 104 Danksagungen
    in 95 Beiträgen

    Standard

    Hast du auch im Backend das Page Class Suffix angegeben?
    Nur der Wissende fragt, denn er kennt seine Grenzen...
    Nur der Weise fährt FS650e, denn nur er kann mit Macht umgehen...
    www.nussholz.com www.gestaltvision.de

  5. #5
    Neu an Board
    Registriert seit
    23.08.2006
    Beiträge
    36
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Zitat Zitat von rnussholz Beitrag anzeigen
    Hast du auch im Backend das Page Class Suffix angegeben?
    Ja, hab ich. Bei mir heißt das Suffix "-faq".
    Don't squander your time

  6. #6
    Kommt häufiger vorbei Avatar von rnussholz
    Registriert seit
    16.08.2006
    Ort
    Wil SG, Schweiz
    Beiträge
    314
    Bedankte sich
    13
    Erhielt 104 Danksagungen
    in 95 Beiträgen

    Standard

    Bei mir funktioniert es prima so. Die Tabellenhöhe der einzelnen Spalten, als auch die Schriftgrössen habe ich so angepasst.
    Hast du mal einen Link? Es kann nur ein kleiner Fehler sein.
    Nur der Wissende fragt, denn er kennt seine Grenzen...
    Nur der Weise fährt FS650e, denn nur er kann mit Macht umgehen...
    www.nussholz.com www.gestaltvision.de

  7. #7
    Neu an Board
    Registriert seit
    23.08.2006
    Beiträge
    36
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Ausrufezeichen

    Zitat Zitat von rnussholz Beitrag anzeigen
    Bei mir funktioniert es prima so. Die Tabellenhöhe der einzelnen Spalten, als auch die Schriftgrössen habe ich so angepasst.
    Hast du mal einen Link? Es kann nur ein kleiner Fehler sein.
    Hab dir eine PN geschickt, der Link darf noch nicht veröffentlicht werden ;-)
    Don't squander your time

  8. #8
    Neu an Board Avatar von evil_bert
    Registriert seit
    12.11.2007
    Alter
    25
    Beiträge
    18
    Bedankte sich
    3
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    Bei mir funktioniert es problemlos. Allerdings hätte ich noch eine erweiterte Frage. Und zwar würde ich die Zeilen gerne in verschiedenen Farben darstellen wollen, d.h. jede zweite Zeile grau schattiert.

    Für ein anderes Modul habe ich vor einiger Zeit nach einem Tipp diese Funktion eingebaut. Allerdings weiß ich nicht ob und wie ich es auch bei Content Table hinbekomme.

    Zitat Zitat von AndiRo Beitrag anzeigen
    Hi,

    Du könntest z.B. Classes für jede "erste" und "zweite" Zeile vergeben, die Du dann beliebig per CSS verändern kannst:
    PHP-Code:
    ...
        
    $toggle true;
        foreach( 
    $listing AS $l ) {
            echo 
    '<tr class="'.($toggle 'firstrow' 'secondrow').'"><td width="375px">';
            
    $toggle = (! $toggle);
    ... 
    Hope it helps,
    Andi.

    BTW: Die Anzeige einzelner Jobs funktioniert nicht!

  9. #9
    Kommt häufiger vorbei Avatar von rnussholz
    Registriert seit
    16.08.2006
    Ort
    Wil SG, Schweiz
    Beiträge
    314
    Bedankte sich
    13
    Erhielt 104 Danksagungen
    in 95 Beiträgen

    Standard

    Hallo Lizzard!

    Hier die Anweisung, die du in der template_css.css machen musst:

    Code:
    .contentpane-faq td{
    background: transparent;
    font-size: 12px;
    font-family: arial, sans-serif;
    line-height: 2.2;  <----- beliebiger Wert
    }
    Damit funktioniert es.
    Geändert von rnussholz (12.08.2008 um 17:14 Uhr) Grund: Grammatikfehler
    Nur der Wissende fragt, denn er kennt seine Grenzen...
    Nur der Weise fährt FS650e, denn nur er kann mit Macht umgehen...
    www.nussholz.com www.gestaltvision.de

  10. Erhielt Danksagungen von:


  11. #10
    Neu an Board
    Registriert seit
    23.08.2006
    Beiträge
    36
    Bedankte sich
    7
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Idee

    Danke Dir - ganauso gehts !

    Zitat Zitat von rnussholz Beitrag anzeigen
    Hallo Lizzard!

    Hier die Anweisung, die du in der template_css.css machen musst:

    Code:
    .contentpane-faq td{
    background: transparent;
    font-size: 12px;
    font-family: arial, sans-serif;
    line-height: 2.2;  <----- beliebiger Wert
    }
    Damit funktioniert es.
    Don't squander your time

+ Antworten

Lesezeichen

Berechtigungen

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