|
|||
Bilder skalieren nicht umbrechen
Hallo zusammen,
ich erstelle zur Zeit eine Website (meine erste). Ich habe im Contentbereich eine Art zweite Navigation, welche aus 4 einzelnen Bildern besteht, die sich in einem DIV befinden. Das Problem ist nun, dass beim Skalieren die Bilder zuerst umbrechen bevor sie skalieren. Ich möchte jedoch dass wenn der rechte Rand den Rand vom letzten Bild erreicht alle Bilder gleichmäßig skalieren und nicht umbrechen. Ich hoffe ihr könnt mir weiterhelfen. P.S.: Margin-top im #menu kann ignoriert werden, da ist mir ein Fehler unterlaufen. Geändert von L.StyleZz (21.01.2016 um 12:17 Uhr) |
Sponsored Links |
|
|||
So wie die Bilder aussehen, sind das Hintergrundbilder und keine "echten" Bilder. Also gehören sie auch als Hintergrundbild eingebunden. Schmeiß also das HTML + CSS so weg, und bau es so auf:
Code:
<ul> <li> <a class="link1" href="punkt1html">Das ist ein Link </a> </li> <li> <a class="link2" href="punkt2html">Das ist ein Link </a> </li> </ul> ul a{background-image:url("pfad/zum/bild")} .link1{background-position: 10px 10px} .link1{background-position: 40px 10px} |
Sponsored Links |
|
|||
Danke für die schnelle Antwort.
Allerdings kann ich die Bilder nicht in den Hintergrund einbinden, da sich die Bilder auf den einzelnen Seiten verändern. (Auf der Startseite steht die orange Box hervor auf der nächsten die grüne Box) auf den einzelnen Boxen steht dann auch die Linkbeschreibung (aus Datenschutzgründen weggemacht). Sonst benötige ich ja für jeden Menüpunkt eine eigene css, oder? |
|
|||
Sicher kannst du die Bilder als Hintergrundbilder einbinden. Wieso sollte das nicht gehen?
Wenn du noch eine Unterscheidung zwischen aktiv/inaktiv brauchst, dann vergib eben noch eine zusätzliche Klasse. Aber prinzipiell kann man sich merken: Alles, was eine Hintergrundgrafik ist, wird uach als Hintergrundgrafik eingebunden. Und Text auf Bild soll man sowieso unterlassen. Und nein, du brauchst nicht für jeden Menüpunkt eine eigene CSS (Datei), sondern eben nur eine CSS-Anweisung. Wo ist hier das Problem? Es ist weniger Arbeit als das mit Bildern einzubinden. |
|
|||
Ich versteh nicht, wie du das mit der Liste meinst, bin halt echt total planlos was Webdesign angeht.
Code:
ul a{background-image:url("pfad/zum/bild")} Ich will ja aber das jeder link ein unterschiedliches bild eingebunden hat. Quasi ist jede Box ein einzelnes Bild, welche aneinandergereiht werden und somit das Menü ergeben. |
|
|||
Ja, du kannst jedem Link eine eigene Klasse geben und dann deine gruen-profi, etc. Bilder angeben.
Oder du arbeitest mit CSS Sprites, je nachdem was für dich praktischer ist |
Stichwörter |
bilder skalieren, nicht umbrechen |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hintergrund wird nicht angezeigt | maxx | CSS | 6 | 14.10.2012 18:27 |
Hilfe!!! mein Homepagelayout funktioniert nicht! | maxx | CSS | 5 | 14.10.2012 07:21 |
Wie Bilder automatisch skalieren und später umbrechen bei resonsive Webdesign ? | iceman_fx | CSS | 1 | 07.09.2012 08:32 |
Bilder und Hintergrundbilder unproportional skalieren | Jormungand | CSS | 9 | 19.03.2012 19:43 |
Bilder ohne Verzerrung skalieren | SpecialFighter | (X)HTML | 8 | 20.08.2011 00:43 |