Felder für Text und Bild setzen

Mehr
1 Monat 3 Tage her - 1 Monat 3 Tage her #4092 von Andreas Jost
Hallo Thomas,
Du bist SupBär, ganz herzlichen Dank, ich hätte nicht gedacht, dass noch zu schaffen bevor es morgen los geht mit keine Zeit und Energie mehr zu haben.

Und das mit den Moduleinstellungen hatte ich mir zwar gedacht, dachte das könne mit den Randeinstellungen des Moduls zu tun haben können. Doch wie gesagt waren dies nur meine Vermutungen und wenn man da nicht weiss wo, was, wie machen, ist man auch schnell am Ende seiner Weisheit angelangt. ;-)

Was den Stil angeht, so ist die site von der Aufmachung her ja recht besch…eiden…. Und da wird wohl einmal jemand drüber müssen, der echt Ahnung von der Sache hat. Doch bis dahin möchte ich den Hinweis gerne platzieren, da wir für unser Projekt ja dringend Geldgeber und Helfer brauchen und dies vielleicht helfen könnte. Aber so hoch wie der Balken nun ist, erscheint mir die Darstellung doch etwas sehr aufdringlich und dies soll es ja nun auch nicht wieder sein. Von daher dachte ich, dass der obere und untere Rand der Tabelle nach aussen hin möglichst gering sein sollte. Also müsste ich an dem Modul schrauben wo der Punkt liegt bei welchem bei mir wieder Bahnhof ohne Zug der fährt ist. ;-)

Und dann habe ich auch noch das Problem, dass ich die Spaltenbreite der Tabelle in welcher sich Bild und Text befinden nicht ändern kann. Zwar habe ich auf dem Netz etwas gefunden, nur ist mir dies dann wieder etwas zuviel Fach Chinesisch um zu verstehen, wie ich das nun anwenden sollte. Brauche ich den HTML oder den CMS Teil, was vom Code kann/muss ich dann weglassen und wo müsste dies dann rein?...... css-tricks.com/almanac/properties/t/table-layout/

Und so würde das dann etwa aussehen, wenn ich selbst basteln würde, doch wage ich mich nicht, dies auszuprobieren:

HTML
<table id="t">
<tbody>
    <tr>
      <th class="w"> 
	  <img src="images/downloads/pictures/Bundeslogo.jpg" alt="Bundeslogo" width="203" height="50" /> 
	  </th>
      <th>
	  <p style="text-align: center;"><span style="font-size: 11pt;">&nbsp;DiesesProjekt wird unterstützt</span></p>
	  <p style="text-align: center;"><span style="font-size: 11pt;">Durch die Schweizerische Eidgenossenschaft</span></p> 
	  </th>
      <th>
	  Here is a longer piece of text
	  </th>
    </tr>
  </tbody>
</table>

CSS
body {
  <!-- padding: 14px; -->
  text-align: center;
}

table {
  width: 600px;
  <!-- margin: 20px auto;  -->
  table-layout: auto;
}

.fixed {
  table-layout: fixed;
}

table,
td,
th {
  height:54px;
  border-collapse: collapse;
  vertical-align: middle;
}

th,
td {
  <!--padding: 10px; -->
  <!--border: solid 1px; -->
  text-align: center;
}

.w {
  width: 220px;
}
Letzte Änderung: 1 Monat 3 Tage her von Andreas Jost. Begründung: Selbst noch versucht etwas dazu zu lernen

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
1 Monat 3 Tage her #4093 von Thomas Hunziker
Ich würds ja versuchen ohne Tabelle zu lösen:
<div class="pull-right text-center"><img width="250" class="pull-left" style="margin-right:10px" alt="Bundeslogo" src="/images/downloads/pictures/Bundeslogo.jpg">
Dieses Projekt wird unterstützt<br>durch die Schweizerische Eidgenossenschaft
</div>

Das funktioniert dann in der Regel auch besser mit Handys.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
1 Monat 3 Tage her #4094 von Andreas Jost
Lol,
zu den Zeiten zu welchen die Modems noch ratterten wie Faxgeräte hatte ich mich ein wenig in HTML eingelebt und eine pur statische Seite gemacht. Von daher also der Aufbau mit Tabelle. Was dann natürlich sein kann wie einer der eingefroren war un nun bei einem Elektroauto den Tankdeckel sucht. ;-)
Ich habe dein script also mal ausprobiert und was schon einmal viel besser klappt ist auch der Abstand vom Bild zum, Text. Leider aber wird der Text nicht mehr so wie ich es möchte in zwei Zeilen eingefügt.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
1 Monat 3 Tage her - 1 Monat 3 Tage her #4095 von Thomas Hunziker
Stimmt, das orientiert sich dann an der Länge der ersten Zeile.
Wenn du den Textteil ersetzt durch
<div class="pull-right" style="line-height:2em;">
  Dieses Projekt wird unterstützt<br>durch die Schweizerische Eidgenossenschaft
</div>
sollte es besser aussehen.
Letzte Änderung: 1 Monat 3 Tage her von Thomas Hunziker.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Ladezeit der Seite: 0.101 Sekunden
Powered by Kunena Forum
   
© Bakual