Falsche Reihenfolge der Items

Moderator: General Support Moderators

Forum rules
Forumregeln
Locked
Adlerherz
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Sun Jan 20, 2008 1:09 pm

Falsche Reihenfolge der Items

Post by Adlerherz » Sun Jan 20, 2008 1:15 pm

Hallo zusammen!

Ich bin gerade am Erstellen respektive anpassen des Templates meiner neuen Website. Dabei haben sich ein paar Fragen ergeben, wo ich einfach nicht weiter kommen. Könnte ihr mir dabei eventuell helfen?

1. Ich möchte gerne die unter Menupunkt "Angebot" gesammelten Beiträge (die zweite Übersichtsliste, die so arg an den linken Rand gedrängt wird) gleich dargestellt haben wie unter "Links" - also auch mit dem orangefarbenen Punkt und mit ein wenig Abstand.

Wahrscheinlich ist es dieselbe Änderung, die auch den Content allgemein etwas vom Rand nehmen würde.

2. Die Menuanzeige im Content-Anzeige hätte ich gerne NICHT fett gedruckt, und die aktuelle Seitenbezeichnung nicht grösser dargestellt.
Beispiel: http://www.simone-steiger.ch/index.php? ... &Itemid=58

3. Das wichtigste aber: Ich kann Inhalte nicht ordnen! Ich habe zwar bei der Content-Übersicht eine wunderbare Abfolge der einzelnen Beiträge, genau so wie ich sie möchte, aber im Netz wird eine ganz andere Reihenfolge angezeigt: Beispiel sh Link oben, da habe ich im Backend folgende Reihenfolge:

1 Medial Manuelle Energietherapie
2 Definition von Medialität
3 Definition Manuelle Therapie
4 Definition von Energie
5 Gesundheit und Krankheit
6 Therapie - Parameter
7 Auswahl Therapeutische Methoden
8 Die Funktion des Therapeuten
9 Kosten der Medial Manuelle Energietherapie

Hier das CMS:
body, td, tr {
text-decoration: none;
font-size: 8pt;
cursor: default;
font: 10px verdana;
color: #663300;
}

body {
margin: 10px;
padding: 10px;
}

select, option, textarea, input {
border: #663300 0px solid;
color: #663300;
font-size: 10px;
font-family: verdana;
background-color: #ffffff;
}

a:active, a:visited, a:link {
color: #663300;
text-decoration: none;
font-size: 8pt;
}

a:hover {
color: #663300;
text-decoration: none;
font-size: 8pt;
}

a.nav:active, a.nav:visited, a.nav:link {
color: #000000;
font-size: 10px;
font-weight: bold;
font-family: verdana;
text-decoration: none;
}

a.nav:hover {
font-size: 10px;
font-weight: bold;
color: black;
font-family: verdana;
text-decoration: underline;
}

.bborder {
background-color: #ffffff;
}

.panel {
-moz-border-radius: .3em .3em .3em .3em;
border: 1px dotted silver;
background-color: #f7f6f4;
}

.main {
-moz-border-radius: .0em .0em 3em 3em;
border-left: 1px transparent;
border-top: 1px transparent;
border-right: 1px transparent;
border-bottom: 1px solid #808080;
}

.copyrights {
-moz-border-radius: .0em .0em 3em 3em;
border-left: 1px transparent;
border-bottom: 1px transparent;
border-right: 1px transparent;
border-top: 1px solid #808080;
}

form {
display: inline;
}

h2,h3 {
font-size: 14px;
color: #663300;
font-family: verdana;
}

#plugins {
width: 100%;
border-collapse: collapse;
}

#plugins td, #plugins th {
border: 1px solid #ccc;
padding: 3px;
}

#plugins th {
background: #F7F6F4;
color: #000;
}

.code {
border: #000000 1px solid;
padding: 4px;
background: #f7f6f4;
margin: 10px;
font-family: Andale Mono, Courier
}

.disabled {
background: #fcfcfc;
}

.enabled {
background: #F7F6F4;
}

.instag {
width: 500px;
}

.tags {
padding-bottom: 5px;
padding-top: 5px;
}

.btn {
background-color: #fff;
display: "inline-block";
margin: 1px;
padding: 2px 2px 2px 2px;
}

.btn {
background-color: #f7f6f4;
border: 1px solid silver;
font-weight: bold;
font-family: Verdana, Arial;
font-size: 10px;
}

.btn:hover { background-color: #fff; }
.btn:link { text-decoration: none; color: #663300; }
.btn:visited { text-decoration: none; color: #000000;}
.btn:hover { text-decoration: none; color: #000000;}

.instag {font-size: 9px;color: #ccc;}
.instag a {font-size: 11px;text-decoration: none;}

.tab-on {
border-top: #cccccc 1px solid;
border-left: #cccccc 1px solid;
border-right: 0px;
border-bottom: 0px;
padding: 2px;
width: 100px;
color: #000000;
background-color: #ffffff;
}

.tab-off {
border-top: #cccccc 1px solid;
border-left: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
border-right: 0px;
padding: 2px;
width: 100px;
cursor: hand;
color: #666666;
background-color: #f7f6f4;
}

.tab-none {
padding: 2px;
border-left: #cccccc 1px solid;
border-bottom: #cccccc 1px solid
border-top: 0px;
border-right: 0px;
}

.tab-content {
border-left: #cccccc 1px solid;
border-right: #cccccc 1px solid;
border-top: 0px;
border-bottom: 0px;
vertical-align: top;
background-color: #ffffff
}

.opt-title {
padding: 5px;
}

.opt-desc {
color: #808080;
border-bottom: 1px solid #cccccc;
}

.opt-space {
border-bottom: 1px solid #cccccc;
padding: 4px;
}

Ich bin sehr froh um eure Hilfe!

Adlerherz
Last edited by Adlerherz on Sun Jan 20, 2008 1:16 pm, edited 1 time in total.

Locked

Return to “Template, CSS und Designfragen 1.0.x”