Text innerhalb eines Bildbereiches verschieben

Text innerhalb eines Bildbereiches verschieben

Beitragvon Wolp » 12.05.2010, 02:53

Hallo
Ich bin gerade dabei eine Homepage für eine Musical AG zu erstellen. Ich habe das mit dem CMS Joomla gemacht. Ich habe mir also ein Template runtergeladen und habe dies ein wenig bearbeitet. Das hat auch Großteils gut geklappt. Ein paar Sachen wollen mir allerdings einfach nicht gelingen.
In dem obersten Bereich der Homepage (http://claramusical.bplaced.net/) steht der Homepagename (Willkommen. Bienvenue. Welcome.) mitten im Bild. Ich hätte diesen Text gerne am unteren Rand des Bereiches bzw. des Bildes. Ich habe schon in die CSS-Dateien des Templates geguckt komme allerdings nur soweit, dass ich die Farbe dieses Textes ändern kann.

Es handelt sich um folgenden Abschnitt:

.logo a, .logo a:link, .logo a:visited {
color:#0033ff;
font-size:24px;
text-decoration:none;
}

Kann ich in diesem Abschnitt jetzt irgendetwas hinzufügen, das bewirkt, dass der Text am unteren Bereich steht?
Ich habe es bereits mit vertical-align, magin und padding versucht, das klappt aber alles nicht.

Hat jemand einen Rat?

MfG und schonmal danke im Voraus
Wolp
Benutzeravatar
Wolp
neu hier
 
Beiträge: 2
Registriert: 12.05.2010, 02:22
Wohnort: Bonn

Re: Text innerhalb eines Bildbereiches verschieben

Beitragvon sejuma » 12.05.2010, 06:28

Suche mal in dieser CSS-Datei
Code: Alles auswählen
http://claramusical.bplaced.net/templates/siteground-j15-134/css/template.css

nach
Code: Alles auswählen
.logo h1 {
   text-align:center;
   color:#fff;
   line-height:normal;
   text-transform:uppercase;
   margin:0;
   padding:0;
}

Hier dann das text-align: center; entfernen
und statt margin: 0 Werte deiner Wahl setzen,
z.B.
Code: Alles auswählen
margin-top: 30px; margin-left: 60px;


Alternativ kannst du auch .logo (zwei obendrüber) ein "position: relative;" zuweisen und .logo h1 ein
Code: Alles auswählen
position: absolute;
bottom: 0;
right: 0;
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46

Re: Text innerhalb eines Bildbereiches verschieben

Beitragvon Wolp » 14.05.2010, 13:17

Vielen dank! Hat einwandfrei geklappt! :D
Jetzt bleibt mir nur noch ein Problemchen.
Am unteren Rand der Seite ist immer noch ein Schwarzer Rand (unter den Beiträgen). Ich finde trotz langem suchen nicht die Stelle, an der ich den schwarzen Hintergrund z.B. durch ein Bild oder einfach eine andere Farbe ersetzen kann.

lg
Wolp 
Mac is my religion.
Benutzeravatar
Wolp
neu hier
 
Beiträge: 2
Registriert: 12.05.2010, 02:22
Wohnort: Bonn

Re: Text innerhalb eines Bildbereiches verschieben

Beitragvon sejuma » 14.05.2010, 20:00

Lösche in der template.css malb bei body den background.
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "Text innerhalb eines Bildbereiches verschieben"

Zurück zu: Fragen zur Homepage

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste

cron