anfängerfrage: style anpassen | code inside

S

sweetk82

Hi Ihr,

ich habe da eine ganz blöde Frage. Ich möchte gerne eine CSS Datei verändern. Es gibt ein class="date", da muss links ein Abstand eingefügt werden, aber ich weiss nicht wie ich den Pfad dahin angeben muss:

Code: 
<div id="right">		<div class="moduletable_menu">
					<h3>Aktuelle Veranstaltungen</h3>
					<ul class="eventlistmod_menu">
   <li>
      <span class="date">
      19.12.2008 | 18.30      </span>
      <span class="location">

               <a href="/cms/index.php?option=com_eventlist&amp;view=details&amp;id=7:Weihnachtsliche%20Kirchenmusik&amp;Itemid=53">
            Weihnachtsliche Ki...         </a>
            </span>
   </li>
   <li>
      <span class="date">
      24.12.2008 | 17.00      </span>
      <span class="location">

               <a href="/cms/index.php?option=com_eventlist&amp;view=details&amp;id=8:draengeln-am-heilig-abend&amp;Itemid=53">
            Drängeln am Heili...         </a>
            </span>
   </li>
   <li>
      <span class="date">
      21.01.2009 - 10.01.2009      </span>
      <span class="location">

               <a href="/cms/index.php?option=com_eventlist&amp;view=details&amp;id=9:Ausstellung%20von%20Maria%20Bildschoen&amp;Itemid=53">
            Engel - Gottes Bot...         </a>
            </span>
   </li>
</ul>		</div>

Helft mir bitte auf die Sprünge,

LG Katja
 
Hi,

existiert in der CSS-Datei schon die Klasse .date, um darin die neue Regel bzgl. des Abstands aufzunehmen?

Ansonsten legst du sie in dem Stylesheet neu an:

CSS: 
.date {
/* bestehende CSS-Regeln */
padding-left: 10px; /* linker Innenabstand */
}

oder

CSS: 
.date {
/* bestehende CSS-Regeln */
margin-left: 10px;  /* linker Außenabstand */
}

Ein Klassenbezeichner wird im Stylesheet mit einem Punkt vor dem Klassennamen angegeben, ein ID-Bezeichner mit dem #-Zeichen.

Siehe hierzu auch die Kapitel Stylesheets in HTML einbinden, sowie Formate für Klassen definieren und Individualformate definieren.

mfg Maik
 
meinst du den Pfad zur css-Datei

den fügst du in das <head>-Attribut ein:

<link rel="Stylesheet" type="text/css" href="style.css" media="screen" />

style.css
HTML: 
.date 
{ 
    margin-left: 10px; 
    padding-left: 20px;
}

du musst immer ein bisschen experimentieren mit den Abständen; margin ist der Außenabstand, padding der Innenabstand

ich hoffe ich konne helfen
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück