Ergebnis 1 bis 9 von 9

Thema: Bildgröße in CSS ausgliedern

  1. #1
    Unregistriert
    Gast

    Standard Bildgröße in CSS ausgliedern

    Hallo zusammen,

    ich erstelle gerade eine Webseite und habe folgenden HTML-Code:

    <div id="kopfbereich">
    <h1>Titel</h1>
    <img src="bildhop.jpg" width="182px" height="182px" />
    <img src="bildtol.jpg" width="182px" height="182px" />
    <img src="bildtb.jpg" width="182px" height="182px" />
    <img src="bildbp.jpg" width="182px" height="182px" />
    <img src="bildspc.jpg" width="182px" height="182px" />
    </div>

    Die Bildgrößen muss ich in CSS ausgliedern, weiß aber nicht, wie es geht. Alle 5 Bilder sollen auf jeder Seite immer am Seitenanfang angezeigt werden und müssen die gleiche Größe haben.

    Meine CSS-Datei sieht für diesen Bereich bisher so aus:

    <style type="text/css">
    <!--
    #kopfbereich {
    background-color:#E0E0E0;
    height:270px;
    text-align:left;
    font-size:2em;
    padding:0.4em 0.4em 0 0.4em;
    }
    -->
    </style>

    Ich habe einen Hintergrund mit Farbe und Größe definiert (s.o.), der auch richtig dargestellt wird. In diesen Hintergrund sollen nun die 5 Bilder eingefügt werden. Kann mir jemand sagen, wie das geht?

    Vielen Dank!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Unregistriert
    Gast

    Standard AW: Bildgröße in CSS ausgliedern

    wenn wirklich alle Bilder 182px 182px sind, kannst ja dem div die höhe von den bildern geben. kommt drauf an sollen die bilder nebeneinander, dann eignet sich vielleicht eine unsortierte liste mit display: inline;

  3. #3
    Unregistriert
    Gast

    Standard AW: Bildgröße in CSS ausgliedern

    background-image: url('bilder/bildname.jpg');

  4. #4
    Unregistriert
    Gast

    Standard AW: Bildgröße in CSS ausgliedern

    Die Bilder werden bereits alle nebeneinander angezeigt, so wie es sein soll. Ich muss nur die Höhen- und Breitenangaben aus HTML raus nehmen (obwohl so alles funktioniert, wie ich es im Code gepostet habe) und in CSS definieren, jedoch klappt das nie richtig, daher weiß ich nicht, was ich falsch mache, weil dann immer etwas falsch dargestellt wird?!

  5. #5
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Bildgröße in CSS ausgliedern

    Was hast Du denn definiert? Das hast Du nicht gezeigt.

  6. #6
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bildgröße in CSS ausgliedern

    Wenn alle Bilder die gleiche Größe haben, dann kannst du ihnen eine klasse zuweisen.
    Statt bisher
    Code:
    <img src="bildspc.jpg" width="182px" height="182px" />
    z.B.
    Code:
    <img src="bildspc.jpg" class="groesse182" />
    und hierzu CSS:

    Code:
    .groesse182 {
    width: 182px;
    height: 182px;
    }
    Bei unterschiedlichen Größen kannst du dementsprechend unterschiedliche Klassen verwenden.

  7. #7
    Unregistriert
    Gast

    Standard AW: Bildgröße in CSS ausgliedern

    Alles, was ich in CSS versucht hatte, um aus dem HTML Code die Höhen- und Breitenangaben rauszunehmen hat nicht funktioniert, das habe ich alles wieder gelöscht. Ich möchte diese beiden Angaben also nur bei allen 5 Bildern aus HTML raus nehmen und die Größe für diese Bilder in CSS festlegen. Und genau da weiß ich nicht, was ich bei CSS machen soll. Das müsste wahrscheinlich in einen eigenen DIV-Container, oder? Aber auch da weiß ich nicht, wie ich definieren kann, dass die Bilder gleich groß dort angezeigt werden, wo sie hin sollen.

  8. #8
    Unregistriert
    Gast

    Standard AW: Bildgröße in CSS ausgliedern

    ja und?? EIn Bild hat eine grösse und wenn du dem div oder was auch immer eine feste breite und höhe gibst dann wird halt nur das angezeigt, ist es grösser kannst du noch die position bestimmen

  9. #9
    Unregistriert
    Gast

    Standard AW: Bildgröße in CSS ausgliedern

    Danke sejuma, so hat es geklappt!!

Ähnliche Themen

  1. Bildgröße herausfinden
    Von komma im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 29.07.2007, 18:38
  2. Bildgröße
    Von newco im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 2
    Letzter Beitrag: 22.06.2007, 10:24
  3. Bildgröße ändern
    Von Rosiv im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 04.12.2006, 19:04
  4. Bildgröße nach %
    Von im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 22.10.2006, 01:01
  5. bildgröße ändern
    Von mop im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 03.09.2005, 03:09

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •