zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bilder skalieren nicht umbrechen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.01.2016, 10:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.01.2016
Beiträge: 4
L.StyleZz befindet sich auf einem aufstrebenden Ast
Standard 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.
Angehängte Grafiken
Dateityp: jpg boxen.jpg (80,8 KB, 9x aufgerufen)
Dateityp: jpg css.jpg (91,7 KB, 9x aufgerufen)
Dateityp: jpg html.jpg (102,3 KB, 10x aufgerufen)

Geändert von L.StyleZz (21.01.2016 um 12:17 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.01.2016, 11:35
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

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}
Werte und so natürlich anpassen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 21.01.2016, 12:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.01.2016
Beiträge: 4
L.StyleZz befindet sich auf einem aufstrebenden Ast
Standard

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?
Mit Zitat antworten
  #4 (permalink)  
Alt 21.01.2016, 13:05
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

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.
Mit Zitat antworten
  #5 (permalink)  
Alt 21.01.2016, 14:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.01.2016
Beiträge: 4
L.StyleZz befindet sich auf einem aufstrebenden Ast
Standard

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")}
das bedeutet doch, dass ich nur ein bild als hintergrund habe, welches 4x angewendet wird....

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.
Mit Zitat antworten
  #6 (permalink)  
Alt 21.01.2016, 15:23
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
  #7 (permalink)  
Alt 21.01.2016, 15:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.01.2016
Beiträge: 4
L.StyleZz befindet sich auf einem aufstrebenden Ast
Standard

Ich hab es auf einem anderen Weg hinbekommen, vielleicht nicht grade der beste, aber für meinen Nutzen reicht es.

Trotzdem danke für deine Hilfe
Mit Zitat antworten
Antwort

Stichwörter
bilder skalieren, nicht umbrechen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:02 Uhr.