hey,
das zentieren hab ich jetzt:)
könnt ich jetzt zentrieren und gleichseitg den seitenverhältniss links/left bestimmen? oder TOP
ich hab den bogen irgendwie noch nciht so raus aber zentrieren geht jetzt einwandfrei
danke
Moin,
irgendwie verstehe ich nicht ganz, was du machen willst.
Ein Div zentrieren kriegst du ja anscheinend hin, aber was willst du dann mit den Abständen nach links und rechts?
Du solltest dein Problem ein wenig ausführlicher darstellen.
MfG
myPages
Ja klingt merkwürdig.
Wenn man ein Objekt relativ zu einem anderen zentriert, sind
die gegenüberliegenden Abstände zum anderen Objekt per
Voraussetzung gleich groß, sonst hieße es nicht zentrieren
sondern positionieren.
Die Größe der Abstände bestimmt sich ganz allgemein durch
die Größe der beiden Objekte, ist dann offenbar die Hälfte der
Differenz bei einer Zentrierung.
Seitenverhältnis (englisch: aspect ratio) nennt sich eher das
Verhältnis von Höhe zu Breite. Bei (X)HTML+CSS gibt es da
wohl keine expliziten Angaben, funktioniert aber etwa bei
Bildern (und Objekten mit eigener Breite und Höhe) implizit.
Etwa wenn man sowas angibt
.Inhalt img {max-width: 90%; height: auto}
so skaliert das Bild gegebenenfalls mit der Breite des
Elternelementes der Klasse ‘Inhalt’, wobei das Seitenverhältnis
erhalten bleibt, die Höhe skaliert also mit.
Hallo,
ich meinte damit das was ich bereits vor mir leigene hab z.B:
ein Hund(bild) ist neben einer Katze(bild)=>2 DIV’s(hund und katze)
die angaben sind zb.: beim Hund= left:30px;top:50px;
Katze= left:80px;top:50px;
das ist ja nun “linksbündig” der hund steht links und die katze rechts und die beide ahben den selben abstand zum TOP
aber wie bekomme ich das nun zentreirt dass die katze und das hund nciht übereinander liegen?also die 2 bilder sollen immer noch den bestimmtem abstand beibehalten…
ich hoffe ihr versteht was ich meine…
danke
(X)HTML:
<p class="bilder">
<img src="hund.jpg" alt="Hund jagt" />
<img src="katze.jpg" alt="kleine Katze" />
</p>Bei HTML entsprechend die / am Ende von img weglassen.
CSS
p.bilder {text-align: center}
p.bilder img {margin: 10px}Das zentriert die Bilder soweit wie möglich mit Abstand zwischen
den Bildern, gegebenenfalls wird sogar bei zu wenig Platz
automatisch eine neue Zeile begonnen.
Positionieren tut man gegebenenfalls dann eher p.bilder, nicht
die Bilder selbst.
