Positionierung einer vertikalen Liste - Seite 2

Praktikant · #11 (**permalink**) 30.10.2011, 23:10

Der Link geht nicht. Bitte nutze die Cote-Tags Editors.

bluefly · #12 (**permalink**) 31.10.2011, 00:56

Ich habe keine Ahnung was ein Cote-Tags Editors ist. Hab auch durch google Nichts gefunden.

Bei mir funktioniert der Link einwandfrei.

Reicht der gesamte Code nicht aus um mir weiter zu helfen.

Stell dir vor, du wolltest eine Seite erstellen mit einer Liste, die du absolut positionieren möchtest. Was würdest du tun? Was würdest du in der HTML und CSS schreiben? Stell dir vor, du wolltest dazu ein Toturial erstellen.

Ich bin ratlos. Ich verstehe nicht warum es so schwierig ist, mir zu erklären, wie man eine einfache Liste mit positioning absolut positionieren kann. Was muss in die CSS nach oben genannten Beispiel?

Ich frage nicht wo mein Fehler liegt, ich frage, WIE soll ich es machen.

Wie bekomme ich eine Liste positioniert? Wie geht das? Ich bitte um eine Anleitung. Denn mein Problem ist nicht ein falscher Code, sondern ich weiß nicht wie es geht. Welcher Code ist dafür geeignet?

Ich habe zuvor versucht ein Tutorial im Netz zu finden. Leider erfolglos.

Ich würde mich sehr freuen, wenn mir jemand ein Link zu einem Tutorial mit Anleitung zu meiner Frage posten kann!

Vielen Dank in Voraus!

Praktikant · #13 (**permalink**) 31.10.2011, 01:19

Zitat:

Zitat von bluefly

Ich habe keine Ahnung was ein Cote-Tags Editors ist. Hab auch durch google Nichts gefunden.

Also, pass auf. Du weißt ja sicherlich was ein Editor, aber für den Fall der Fälle erkläre ich es dir noch einmal: Ein Editor ist ein Programm mit dem Man etwas bearbeiten kann. Bekannt sind vor allem Texteditoren, wie der Editor, der bei Windows dabei ist.
Nun gibt es aber auch andere Formen von Editoren, zum Beispiel hier im Forum. Du benutzt den Editor hier im Forum, wenn du einen Beitrag erstellen oder bearbeiten willst.
Dieser Editor hat so schöne Schaltflächen außenrum. Rechts siehst du ganz viele Smilys und oben drüber ganz viele teilweise farbige Symbole und zwei Select-Boxen. In der Leiste unter den Select-Boxen sind ganz rechts zwei Schaltflächen mit der Aufschrift "ffua" und "FAQ". Diese sind für dich uninteressant. Links daneben sind jedoch - und das ist sehr interessant - weitere Schaltflächen, die dazu da sind um Teile des Inhaltes auszuzeichnen. Direkt links neben der Schaltfläche mit der Aufschrift "ffua" sind die drei Schaltflächen für die - von mir sogenannten - Code-Tags. Diese sehen so aus:

,

und

. Diese haben wunderschöne Funktionen und zwar zeichnen sie Code aus. Von rechts nach Links haben sie folgende Funktion: Normaler Code (zum Beispiel CSS), HTML-Code und PHP-Code. HTML-Code und PHP-Code haben ein Syntax-Highlightning. Desweiteren haben sie eine andere Schriftart und struktrieren deine sonst ziemlich unübersichtliche Eingabe besser.

Direkt Links daneben ist übrigens eine Sprechblase. Damit kannst du Zitate einfügen.

Ich hoffe das hilft dir dabei demnächst und rückwirkend deine Antworten und Beiträge besser zu strukturieren.

Zitat:

Zitat von bluefly

Bei mir funktioniert der Link einwandfrei.

Wenn deine Seite 000webhost.com ist, dann funktioniert der Link wirklich. Das glaube ich aber nicht.

Zitat:

Zitat von bluefly

Reicht der gesamte Code nicht aus um mir weiter zu helfen.

Da mindestens der CSS-Code fehlt mit dem du probiert hast, ist das nicht der gesamte Code. Zudem habe ich mir den Code nicht angesehen, weil er nicht in Code-Tags gefasst ist.

Zitat:

Zitat von bluefly

Stell dir vor, du wolltest eine Seite erstellen mit einer Liste, die du absolut positionieren möchtest.

Will ich nicht, werde ich nie wollen. Du sprichst von etwas und meinst etwas anderes. Absolute Positionierung macht dir mehr Probleme als sie löst. Bitte folge dem Link von Take (ist schon etwas her) und Informiere dich über besagte absolute Positionierung.

Zitat:

Zitat von bluefly

Stell dir vor, du wolltest dazu ein Toturial erstellen.

Würde ich das wollen, dann hätte ich das bereits getan. Wir sind hier allerdings ein Forum das dir Hilfe zur Selbsthilfe bietet.
Dazu gehört in erster Linie, dass du die Basics vorher kannst. CSS und HTML kann man nicht raten. Bitte lies Little Boxes, den ersten Teil gibt es kostenlos im Web.

Zitat:

Zitat von bluefly

Ich bin ratlos. Ich verstehe nicht warum es so schwierig ist, mir zu erklären, wie man eine einfache Liste mit positioning absolut positionieren kann. Was muss in die CSS nach oben genannten Beispiel?

Weil wir nicht wissen was gegeben ist oder wie die Website aussieht die außenrum gehört.

Zitat:

Zitat von bluefly

Ich frage nicht wo mein Fehler liegt, ich frage, WIE soll ich es machen.

Du kannst die Grundlagen nicht.

Zitat:

Zitat von bluefly

Wie bekomme ich eine Liste positioniert? Wie geht das? Ich bitte um eine Anleitung. Denn mein Problem ist nicht ein falscher Code, sondern ich weiß nicht wie es geht. Welcher Code ist dafür geeignet?

Die FAQ bezieht sich zwar auf Navigationen, aber Punkt 13 könnte dir eventuell helfen.

bluefly · #14 (**permalink**) 31.10.2011, 01:35

Meine Seit ist bei 000webhost.com. Wenn ich auf den Link klicke öffnet sich alles einwandfrei.

Ich benutze den Texteditor von Windows.

bluefly · #15 (**permalink**) 31.10.2011, 01:37

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
<title>ToDoList</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
<head>
<title>Meine Liste</title>
</head>
<body>

<div id="MyList">
<h1>Todo-Liste</h1>

<ul>
  <li>bei Anette vorbeischauen</li>
  <li>bei Bianca vorbeischauen</li>
  <li>bei Christine vorbeischauen</li>
  <!-- usw. -->
</ul>
</div>



</body>
</html>

Code:

#MyList{

?
?
?

}

bluefly · #16 (**permalink**) 31.10.2011, 01:44

Vielen Dank! Ich habe es jetzt selbst gelöst...

Code:

#MyList{

width: 876px;
margin: 0 auto;

position: relative;

}


#MyList {
  position: absolute;
  left: 205px;
  top: 30px;

}

bluefly · #17 (**permalink**) 31.10.2011, 02:21

hmm... frage mich gerade, ob's besser wäre, wenn ich...

<div id="..."> position: relative

<div class="..."> position: absolute ...usw....

...benutze...

oder soll ich es so lassen?

Was sagen unsere Spezialisten?

take_a_7 · #18 (**permalink**) 31.10.2011, 08:06

Moin,

Zitat:

Zitat von bluefly

Vielen Dank! Ich habe es jetzt selbst gelöst...

Code:

#MyList{

width: 876px;
margin: 0 auto;

position: relative;

}


#MyList {
  position: absolute;
  left: 205px;
  top: 30px;

}

Das ist Unsinn. Der zweite Codeblock überschreibt einen Großteil des ersten. Ich dachte du wolltest eine Liste zentrieren, nicht irgendwo auf der Seite festtackern (ändere mal deine Browserfenstergröße: ist die Liste dann immer noch in der Mitte? Eben.)

Zitat:

Zitat von bluefly

hmm... frage mich gerade, ob's besser wäre, wenn ich...

<div id="..."> position: relative

<div class="..."> position: absolute ...usw....

...benutze...

oder soll ich es so lassen?

Was sagen unsere Spezialisten?

Die "Spezialisten" sagen: hmwa? Ich kann dir leider nicht folgen...

gruß,
take

Manfred62 · #19 (**permalink**) 31.10.2011, 09:35

Hmm, so richtig versteh ich auch nicht, worum es geht.
Wozu position..? Reicht das nicht?

Code:

#MyList {
    margin: 0 auto;
    width: 250px;
}
h1 {
    text-align: center;
}
ul {
    margin: 0 auto;
    width: 200px;
}

Zudem gehört das Thema zu CSS!

Thielo · #20 (**permalink**) 31.10.2011, 09:50

Zitat:

Zitat von bluefly

Was sagen unsere Spezialisten?

Die sagen: Du machst Murks.. du weißt nicht was du da tust und solltest es vielleicht wirklich erstmal lernen O.o"

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Positionierung des Textes in einer Liste	noxz	CSS	1	04.02.2011 13:47
<li> von einer Liste in andere verschieben	tichy	Javascript & Ajax	5	16.07.2009 13:54
Hilfe mit der Positionierung einer verschachtelten Liste	VitaminT	CSS	2	03.06.2008 13:46
Liste (inline) Umbruch erzeugen	Steakfred	CSS	3	09.05.2006 12:27
IE macht mal wieder einen Abstand in einer vertikalen Liste	Zweistein	CSS	2	22.09.2005 12:10