Grafiken mittig positionieren

Dieses Thema im Forum "Software Probleme" wurde erstellt von Paule23, 21.11.2011.

  1. #1 Paule23, 21.11.2011
    Paule23

    Paule23 Neuer Benutzer

    Dabei seit:
    21.11.2011
    Beiträge:
    4
    Zustimmungen:
    0
    Guten Abend Community,

    ich bin in letzter zeit dabei eine Homepage zu erstellen. Das Menu verläuft von oben links nach rechts, ist aber immer mittig (egal wie ich mit dem Mausrad scrolle).

    Nun möchte ich mich an den Inhalt machen. Habe immer nur 1-2 Grafiken zu positionieren. Diese sollen unabhängig von der Auflösung auch immer mittig sein. Also sich gleichmäßig vom Rand "abstoßten", dass auf beiden Seiten gleich viel Rand ist.

    So ist der Inhalt imemr Mittig unterm Menu. Wenn Nutzer eine andere Auflösung haben, soll dieser immernoch Mittig sein.

    Könnt ihr mir irgendwie weiterhelfen?

    Grüße

    Paul
     
  2. AdMan

    schau mal hier: Windows-Wartungs-Tool. Viele Probleme lassen sich damit einfach beheben. Oftmals ist der PC dann auch schneller!
    Registrieren bzw. einloggen, um diese und auch andere Anzeigen zu deaktivieren.
  3. #2 xandros, 21.11.2011
    xandros

    xandros IT Consultant, Cisco Registered Partner
    Moderator

    Dabei seit:
    05.07.2007
    Beiträge:
    25.885
    Zustimmungen:
    91
    Ort:
    Umkreis Duisburg, neben Mannheim, hinter Hamburg
    Bild in ein Block-Level-Element verpacken, dann kannst du dieses ebenfalls ueber Align zentriert ausrichten.
    Bspl:
    Code:
    <div style="text-align:center;"><img src="bild.png" alt="" /></div>
    <div></div> ist dabei das Block-Level-Element.
     
  4. #3 Paule23, 21.11.2011
    Paule23

    Paule23 Neuer Benutzer

    Dabei seit:
    21.11.2011
    Beiträge:
    4
    Zustimmungen:
    0
    Danke! :) und wenn ich 2 oder 3 grafiken habe, und alle sollen sich mittig anordnen?

    Grüße
     
  5. #4 xandros, 21.11.2011
    xandros

    xandros IT Consultant, Cisco Registered Partner
    Moderator

    Dabei seit:
    05.07.2007
    Beiträge:
    25.885
    Zustimmungen:
    91
    Ort:
    Umkreis Duisburg, neben Mannheim, hinter Hamburg
    Dann entweder jedes Bild in ein eigenes Block-Level-Element einpacken oder eben alle zusammen in eines! Dabei dann hinter jedem Bild das Zeilenumbruchzeichen bei Bedarf einfuegen....
     
  6. #5 Paule23, 21.11.2011
    Zuletzt bearbeitet: 21.11.2011
    Paule23

    Paule23 Neuer Benutzer

    Dabei seit:
    21.11.2011
    Beiträge:
    4
    Zustimmungen:
    0
    Hm, habs ausprobiert. Steht leider alles untereinander

    <div style="text-align:center;"><img src="bild" alt="" /></div>
    <div style="text-align:center;"><img src="bild" alt="" /></div>
    <div style="text-align:center;"><img src="bild" alt="" /></div>

    gruß

    Danke für die Hilfe!
     
  7. #6 Robby1001, 21.11.2011
    Robby1001

    Robby1001 Benutzer

    Dabei seit:
    13.03.2010
    Beiträge:
    71
    Zustimmungen:
    0
    Wenn wir schon dabei sind:

    Wie haben die Herren das hier geschafft?
    News

    Sitzt bomben fest in der Mitte. Nicht verschiebt sich bei anderer Auflösung oder beim scrollen. Das will ich auch! :D

    Grüße
     
  8. #7 xandros, 22.11.2011
    xandros

    xandros IT Consultant, Cisco Registered Partner
    Moderator

    Dabei seit:
    05.07.2007
    Beiträge:
    25.885
    Zustimmungen:
    91
    Ort:
    Umkreis Duisburg, neben Mannheim, hinter Hamburg
    @Paule23:
    Dass deine Bilder untereinander stehen ist logisch. Du hast hier drei Blockelemente verwendet, die automatisch untereinander positioniert werden, wenn keinerlei andere Angaben fuer die Positionierung erfolgt.

    Alternativ waere es auch so moeglich
    Code:
    <div style="text-align:center;"><img src="bild1" alt="" /><img src="bild2" alt="" /><img src="bild3" alt="" /></div>
    oder auch
    Code:
    <div style="text-align:center;"><img src="bild1" alt="" />&nbsc;<img src="bild2" alt="" />&nbsc;<img src="bild3" alt="" /></div>
    fuer die Darstellung von drei Bildern nebeneinander innerhalb eines zentrierten Block-Level-Elementes oder auch
    Code:
    <div style="text-align:center;"><img src="bild1" alt="" /><br /><img src="bild2" alt="" /><br /><img src="bild3" alt="" /></div>
    fuer die Darstellung mehrerer Bilder untereinander innerhalb eines zentrierten Block-Level-Elementes.

    @Robby: Schau dir doch den Seitenquelltext an!
     
  9. #8 Robby1001, 22.11.2011
    Robby1001

    Robby1001 Benutzer

    Dabei seit:
    13.03.2010
    Beiträge:
    71
    Zustimmungen:
    0
    Hey,

    ja das ist mitm Mac gemacht. Das rall ich irgendwie nicht, was das WYGIWYS da gemacht hat :O

    Gruß
     
  10. AdMan

    Es ist generell erstmal empfehlenswert alle ggf. veralteten oder fehlerhaften Treiber zu scannen und auf neue zu aktualisieren. Hier kannst du einen Treiber-Scanner downloaden. Das erspart oftmals viel Ärger und hilft gegen diverse Probleme.
    Registrieren bzw. einloggen, um diese und auch andere Anzeigen zu deaktivieren.
  11. #9 Paule23, 22.11.2011
    Zuletzt bearbeitet: 22.11.2011
    Paule23

    Paule23 Neuer Benutzer

    Dabei seit:
    21.11.2011
    Beiträge:
    4
    Zustimmungen:
    0
    Supi, danke dir! :) Probiers gleich aus!

    hm, sind nur 2 Bilder untereinander! :/
     
  12. #10 xandros, 22.11.2011
    xandros

    xandros IT Consultant, Cisco Registered Partner
    Moderator

    Dabei seit:
    05.07.2007
    Beiträge:
    25.885
    Zustimmungen:
    91
    Ort:
    Umkreis Duisburg, neben Mannheim, hinter Hamburg
    Womit das gemacht wurde ist reichlich egal! Der Quelltext steht da als HTML-Auszeichnung inkl. den Formatierungen!
     
Thema: Grafiken mittig positionieren
Besucher kamen mit folgenden Suchen
  1. html 2 bilder nebeneinander zentriert

    ,
  2. homepage verschiebt sich bei anderer auflösung

    ,
  3. html grafik untereinander zentriert

    ,
  4. bilder mittig untereinander html,
  5. bilder untereinander mittig,
  6. html zwei bilder mittig untereinander,
  7. html tabelle mittig platzieren,
  8. webspell menü am bildrand mitscrollen,
  9. html div bild zentral platzieren,
  10. grafik in html mittig auf seite positionieren mit % angaben,
  11. div verschiebt sich bei anderer auflösung,
  12. text mittig auf webseite platzieren,
  13. bild mit div mittig auf der seite platzieren
Die Seite wird geladen...

Grafiken mittig positionieren - Ähnliche Themen

  1. Website(n) lädt Grafiken nicht

    Website(n) lädt Grafiken nicht: Hallo zusammen, ich habe seit neuestem ein merkwürdiges Internetproblem, welches die letzten Tage immer häufiger bei Facebook auftritt (siehe...
  2. Grafik hat sich verschlechtert

    Grafik hat sich verschlechtert: Hallo liebe Nutzer, ich habe seit gestern folgendes Problem; Die Grafik hat sich von heute auf morgen geändert, ohne das etwas...
  3. Kaufberatung: Pc für Grafik und Musikproduktion ?

    Kaufberatung: Pc für Grafik und Musikproduktion ?: Ich brauch, nach dem ganzen Haareraufen mit meinen Laptops, endlich wieder ein FestPc! Jetzt bin ich total raus was es so zur Zeit gibt, mein...
  4. Grafik fängt zum ruckeln an

    Grafik fängt zum ruckeln an: PC daten: --- Gehäuse: CORSAIR Graphite 600T (1~ jahr alt) Netzteil: 600 Watt, CORSAIR CX600 V2, 80Plus-Bronze (1~ jahr alt) Mainboard:...
  5. Grafik-Probleme und bluescreen

    Grafik-Probleme und bluescreen: Hallo, Ich bin neu hier im Forum und benötige unbedingt Hilfe bei einem Problem mit meinem Computer. Von jetzt auf gleich hatte ich beim...