• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Aufzählungen

F

flob21

Neues Mitglied
Hallo!

Ich möchte gerne eine Aufzählung mit Punkten in der Farbe crimson und in Schriftgröße 14 machen.

Wie geht das?

Liebe Grüße und vielen Dank im Voraus für eure Hilfe!

flob21
 
Machs mit HTML und CSS (musst das #ffffff mit deiner Farbe ersetzen):

HTML:

HTML: 
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>

CSS:

Code: 
ul li{
font-size:14px;
color:#ffffff;
}

MfG
 
Das funktioniert leider nicht...

Meine gesamte CSS-Datei sieht nun folgendermaßen aus:

h1 {
text-align:center;
color:lime
}
h2 {
text-align:center;
color:white
}
img {
position:absolute;
top: 150px;
right: 150px;
}
ul li{
font-size:22px;
color:#DC143C;
align:center;
margin:0 auto;
}

Sorry, dass ich so oft nachfrage, aber ich bin ein absoluter CSS- bzw. HTML-Neuling :smile:
 
Hallo.

In deinem CSS zentrierst du die Listeneinträge aber nicht die Liste.

Wenn du die Liste zentrieren willst musst du das margin: 0 auto; dem ul (Liste) geben und nicht dem li (Listeneintrag).

Gruss
Elroy
 
Hallo.

Zeig doch bitte mal deinen gesamten Code, also auch das HTML oder noch besser poste einen Link zur Seite.

Wenn man nur das CSS sieht und nicht die Tags die damit angesprochen werden kann man dir nur schwer helfen.

Gruss
Elroy
 
Und wo auf der Seite ist diese Liste? Ich sehe nur einen merkwürdig aufgebauten HTML-Code, u.a. mit folgenden Fehlern:
* Überschriften gehören nicht in Absätze
* Style-Angaben gehören zwischen <head> und </head> oder in eine externe Datei
* ein Menü macht man mit <ul>, nicht als Liste von Absätzen
* ...
 
Wie gesagt, ich bin absoluter Anfänger... jetzt ist es besser, oder:

HTML-Dateien:

index.htm:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="generator" content="HTML Tidy, see www.w3.org">
<title>Meine erste Website!</title>
<meta name="author" content="Berger">
<meta name="editor" content="html-editor phase 5">
<link rel="STYLESHEET" type="text/CSS" href="styles.css">
<style type="text/css">
.classname {
-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
box-shadow:inset 0px 1px 0px 0px #bbdaf7;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
background-color:#79bbff;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #84bbf3;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:1px 1px 0px #528ecc;
}.classname:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
background-color:#378de5;
}.classname:active {
position:relative;
top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
</style>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink=
"#FF0000" vlink="#FF0000" background="hintergrund1.jpg">
<h1>Meine Homepage</h1>


<h2>Das ist meine erste Homepage! Ich hoffe, sie gef&auml;llt
euch!</h2>


<br>
<br>
<a href="index.htm" class="classname">Startseite</a>


<p><a href="Uebermich.html" class="classname">&Uuml;ber
mich</a></p>


<p><a href="/forum/phpBB3/phpBB3/" class="classname">Forum</a></p>


<p><a href="/gb.php" class="classname">G&auml;stebuch</a></p>
</body>
</html>

Uebermich.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="generator" content="HTML Tidy, see www.w3.org">
<meta http-equiv="content-type" content=
"text/html; charset=windows-1252">
<title>Meine erste Website!</title>
<meta name="author" content="Berger">
<meta name="editor" content="html-editor phase 5">
<link rel="STYLESHEET" type="text/CSS" href="styles.css">
<style type="text/css">
.classname {
-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
box-shadow:inset 0px 1px 0px 0px #bbdaf7;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
background-color:#79bbff;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #84bbf3;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:1px 1px 0px #528ecc;
}.classname:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
background-color:#378de5;
}.classname:active {
position:relative;
top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
</style>
</head>
<body alink="#FF0000" background="hintergrund1.jpg" bgcolor=
"#FFFFFF" link="#FF0000" text="#000000" vlink="#FF0000">
<h1>&Uuml;ber mich</h1>


<h2>Meine Hobbies:</h2>


<a href="index.htm" class="classname">Startseite</a>


<p><a href="Uebermich.html" class="classname">&Uuml;ber
mich</a></p>


<p><a href="/forum/phpBB3/phpBB3/" class="classname">Forum</a></p>


<p><a href="/gb.php" class="classname">G&auml;stebuch</a></p>


<img src="ich.jpg">


<ul>
<li>1</li>


<li>2</li>


<li>3</li>
</ul>
</body>
</html>

Und die styles.css (an der hakts wahrscheinlich...):

h1 {
text-align:center;
color:lime
}
h2 {
text-align:center;
color:white
}
img {
position:absolute;
top: 150px;
right: 150px;
}
ul {
font-size:22px;
color:#DC143C;
margin:0 auto;
}

Also, nochmal vielen, vielen Dank für eure Hilfe!
 
@threadi: Die Liste befindet sich auf der Seite "Über mich"

Du musst der Liste eine Breite geben damit du sie zentrieren kannst.
Gib ihr mal als Beispiel: width: 200px; und du wirst sehen das sie sich danach in der Mitte befindet.

Gruss
Elroy
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben