Antworten auf deine Fragen:
Neues Thema erstellen

Wie positioniert man in CSS?

Ombra

Nicht mehr ganz neu hier

Hallo

Ich habe ein Logo und unter diesem Logo soll ein weiteres Bild (eine Verzierung) sein. Diese soll sich repeat-x wiederholen.
Quasi eine Leiste mit 10px Höhe unter dem Logo... Sowas wie ein Trennstrich nur als Bild...

Wie füge ich so eine Leiste (Bild mit repeat-x) unter ein Logo ein? Ich weiß nicht genau wie man in CSS positioniert.

Um den CSS Code wäre ich auch dankbar!

Danke
 

MyBad

localhorst

Hi Ombra,

zeig uns mal deinen aktuellen Quelltext. Wie so oft führen mehrere Wege nach Rom. Aber im Prinzip geht das so:

HTML:
<div class="logo">DEIN LOGO</div>
<div class="leiste"></div>

HTML:
.leiste{
   background: url('dein-muster.gif') repeat-x;
   height: 10px;
}

Gibt noch zig weitere Möglichkeiten, je nachdem, wie dein Markup aussieht oder du es haben möchtest.
 

cebito

undefined

Leere div für Designzwecke @MyBad ? Eine eher schlechte Lösung! Denkbar wären eher border-img oder :after, aber dazu müsste @Ombra mal ein Bild einstellen, wie es denn ihrer Vorstellung nach am besten aussehen sollte um da genauere Tipps zu geben.
 

Myhar

Hat es drauf

MyBads Lösung ist zwar nicht so schön, aber sie funktioniert.
Prinzipiell hast du aber Recht cebito, ::after oder border-image ist hier bestimmt die bessere Wahl. Falls das "Trennbild" lediglich ein Verlauf ist, würde sich dieser dann noch ohne zusätzliches Bild realisieren lassen.
 

Jormungand

VonAllemEtwas

Kann man aber auch in einen Container stopfen.
Gibt man dem logo-Container das Muster der Leiste als backgound-image mit repeat-x und setzt das Logo als Bild in den Container, braucht man den Abstand nur noch mit padding zu regeln.
HTML:
<div class="logo"><img src="logo.jpg"></div>
CSS:
.logo{
   background: url('dein-muster.gif') repeat-x;
  padding-bottom: 10px;
}
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.638
Beiträge
1.538.502
Mitglieder
67.559
Neuestes Mitglied
mic4mac
Oben