Die Breite ist ja in "span" angegeben.
Hier scheinen nur ganze und keine Kommazahlen bzw. auch keine Angabe von bspw. 200px möglich? Oder wie kann man die Breite hier noch individueller bestimmen?
Die Breite ist ja in "span" angegeben.
Hier scheinen nur ganze und keine Kommazahlen bzw. auch keine Angabe von bspw. 200px möglich? Oder wie kann man die Breite hier noch individueller bestimmen?
Das ist richtig. Ausserdem muss die "Summe" immer 12 ergeben (s. hier z.B).
Also keine Möglichkeit, die Breiten noch individueller zu gestalten?
Also keine Möglichkeit, die Breiten noch individueller zu gestalten?
Nein. Es sei denn, du erstellst ein eigenes Template. Aber auch da sollte man auf fixe Breiten (z.B. 200px) verzichten, weil das nicht bei allen Browserbreiten passt (Stichwort "Mobile first"" oder "responisive" )
Ich würde nochmal auf die Kontaktliste zurückkommen...
Ich hatte zunächst - wie empfohlen - den Ordner aus Beez3
/templates/beez3/html/com_contact/category/
in das neue Template kopiert.
also /templates/DEINTEMPLATENAME/html/com_contact/category/
Soweit war es auch teilweise erfolgreich (Bild 2), doch wie kann ich das Design weiteranpassen, so dass es genauso wie bei Beez3 (Bild 1) dargestellt wird?
> Überschriften linksbündig, Tabellenkopf farbig, die Zeilen abwechselnd weiß und hellgrau farblich unterlegt...
Hier mal beide online zum Vergleich:
Beez3: http://www.tsv1880ruedersdorf.…all1880/index.php/kontakt
JFC: http://www.tsv1880ruedersdorf.…all1880/index.php/kontakt
Du hast zweimal den gleichen Link gepostet.
Mach doch beide Seiten nebeneinander auf und vergleiche dann die CSS-Eigenschaften für Tabelle, Spalten, Zellen usw. (table, table th, table tr, table td....).
Hier habe ich schon mal angefanten, um es dir etwas leichter zu machen :
table {
width: 100%;
max-width: 100%;
margin-bottom: 1.5em;
border-collapse: collapse;
border-spacing: 0;
background-color: transparent;
font-size: 1em
}
table {
border: solid 1px #ddd;
}
table th,table td {
padding: 8px;
vertical-align: top;
border-top: 1px solid #ddd;
line-height: 1.5em;
text-align: left;
}
table th {
font-weight: bold;
border: 0
}
table th {
background-color: #0074cc;
color: #fff;
background-image: -moz-linear-gradient(top, #095197, #1B6BA5);
background-image: -ms-linear-gradient(top, #095197, #1B6BA5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#095197),
to(#1B6BA5) );
background-image: -webkit-linear-gradient(top, #095197, #1B6BA5);
background-image: -o-linear-gradient(top, #095197, #1B6BA5);
background-image: linear-gradient(top, #095197, #1B6BA5);
background-repeat: repeat-x;
filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr
=
'#095197', endColorstr = '#1B6BA5', GradientType = 0 );
border-color: #0055cc #0055cc #003580;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid : dximagetransform.microsoft.gradient ( enabled =
false );
}
table thead th {
vertical-align: bottom;
}
table tr:first-child th,table tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td
{
border-top: 0;
}
table tbody+tbody {
border-top: 2px solid #8c9bab;
}
table tbody tr td,table tbody tr th {
-webkit-transition: background-color 0.25s 0 linear;
-moz-transition: background-color 0.25s 0 linear;
-ms-transition: background-color 0.25s 0 linear;
-o-transition: background-color 0.25s 0 linear;
transition: background-color 0.25s 0 linear;
}
tr.odd, tr.cat-list-row1 {
background: #f8f8f8;
}
table tr:hover td {
background: #FEFDE2;
}
Ah, Sorry. nochmal...
Beez3: http://www.tsv1880ruedersdorf.…l1880/index.php/kontakt-2
JFC: http://www.tsv1880ruedersdorf.…all1880/index.php/kontakt
Hast du den CSS-Auszug von meiner Homepage?
Jein... das ist sind CSS-Eigenschaften, die ich hier aus dem Beez kopiert habe. Das müsstest du jetzt bei deinem Template in eine der vorhandenen CSS-Dateien reinschreiben.
Aus welcher CSS con Beez3 genau?
Super, hier bräuchte ich jetzt wohl noch einen Kniff.
In der darkblue.css habe ich in Zeile 60 den Eintrag ausfindig gemacht, wo man die Farbe für "Name" und "Position" in der Überschrift ändern kann. Hätte die ja gerne in weiß, doch wenn ich den Wert auf weiß stelle, werden darunter auch die einzelnen Namen weiß und sind nicht mehr sichtbar.
Wir haben es fast geschafft...
Würde es gerne haben, dass das Popover mit der Sortierungsoption nicht erscheint. Wo wird mir das angezeigt, in welcher Datei ich das abändern muss?
Und ich würde hier gerne die Schriftgröße und die Zeilenhöhe verkleinern. Ich bin in der bootstrap.min.css zwar fündig geworden, wenn ich es im Developer des Browsers ändere, dann klappt die Änderung. Doch wenn ich die Werte in der css ändere und dann hochlade, hat dies keine Auswirkung und es tut sich nichts...
Wir haben es fast geschafft...
Bitte, gern geschehen
Und ich würde hier gerne die Schriftgröße und die Zeilenhöhe verkleinern. Ich bin in der bootstrap.min.css zwar fündig geworden, ...
Schreibe es einfach ins template.css rein.
Würde es gerne haben, dass das Popover mit der Sortierungsoption nicht erscheint. Wo wird mir das angezeigt, in welcher Datei ich das abändern muss?
Sorry, da müsste ich mich durch etliche php-Dateien durchhangeln, und das wird mir dann doch langsam zu aufwendig. Aber vielleicht kommt ja sonst jemand vorbei, der es auf Anhieb weiss,
Hallo Anka,
eventuell durch ein Override der layouts/joomla/form/renderlabel.php ?
Falls nix gut, ignorieren.
Liebe Grüße
Christine
Hallo Christine
Könnte sein, aber wie gesagt, ich weiss es nicht
Schreibe es einfach ins template.css rein.
Habe den folgenden Code zur Schrift in die template.css eingefügt, doch scheint er die Festlegungen immer noch aus der bootsstrap.min.css zu nehmen? Oder müsste ich den Code aus dieser herauslöschen?
h1,h2,h3,h4,h5,h6 {
margin:10px 0;
font-family:inherit;
font-weight:bold;
line-height:20px;
color:inherit;
text-rendering:optimizelegibility
}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
font-weight:normal;
line-height:1;
color:#999
}
h1,h2,h3 {
line-height:40px
}
h1 {
font-size:38.5px
}
h2 {
font-size 20px
}
h3 {
font-size:24.5px
}
h4 {
font-size:17.5px
}
h5 {
font-size:14px
}
h6 {
font-size:11.9px
}
h1 small {
font-size:24.5px
}
h2 small {
font-size:17.5px
}
h3 small {
font-size:14px
}
h4 small {
font-size:14px
}
Hier fehlt der Doppelpunkt:
h2 {
font-size: 20px
}
(Bitte, gern geschehen)
Hier fehlt der Doppelpunkt:
h2 {
font-size: 20px
}
Danke.