CSS Webseite anpassen

Hi...

...ich klicke __niemals__ auf gekürzte Links wenn ich den Poster nicht kenne !
Wenn ich nicht sehe wo ich hinlaufe, gehe ich nicht !
Warum überhaupt verwendest du diese ? Hast du was zu verbergen ? Wozu einen dritten mit einbinden wenn gar nicht nötig ?

(Im Internet gibt es nichts umsonst, alles KOSTET - und wenn es informationen sind mit denen dann Geld verdient wird.... NICHT MIT MIR)

Außerdem möchtest du doch unsere Hilfe haben, also "rede nicht drumherum" sondern sprich es offen und ehrlich aus !
Schließlich willst du ja auch keine Antwort ala:
- Goggle doch mal da findest du es schon
- Schau mal in dieses und jene Forum da wurde das schon mal...
(- oder so etwas wie jetzt von mir )


~Arano

Moin,
naja Bildbearbeitung anschmeißen und das Bild erst mal in die richtige Auflösung anpassen (max. 980px Breite). Dann passt das auch
Ein Bild mit 2.352px × 1.568px für einen Slider zu nutzen ist ich sach mal sub-sub-sub optimal

Gruß grexit

??
Mach es auf die Größe des Sliders feddich, anders wird das für dich ziemlich schwer anzupassen sein, denn der ist für Mobile Devices etc. ebenfalls angepasst (jQuery OneByOne Slider), da müsstest du schon ziemlich viele Änderungen vornehmen (schon wegen der Animationen). Also mach das Bild auf seine finale Größe, fertig.

Außerdem scheint das Plugin veraltet zu sein denn im Firefox sieht das ziemlich mies aus. Da sind die hier schon besser: http://codecanyon.net/item/jquery-responsive-onebyone-slider-plugin/ful ...

Hi,

2.352x1.568 ist wirklich etwas groß, da muss natürlich auch viel heruntergeladen werden und dann ggf. kleinscaliert werden. Gerade auf kleinen Geräte doof !
Es gibt aber keinen Grund sie größer zu machen, denn so schnell wirst du die Seite wohl nicht überarbeiten, und wenn doch, dann musst du die drei aktuellen Bilder eben austauschen - ist dann halt so. aber die werde ja sicher eh regelmäßig durch aktuelle ersetzt

Was passiert denn, wenn du in der CSS-Klasse ".background-image" eine Breitenangabe angibst z.B. 980px !? Aktuell steht 100% drin was wohl der Grund sein könnte das es auch genau so angezeigt wird.
(layout.css@39: width:100%)


~Arano

Hi,


Na dann wäre mein Vorschlag nicht so gut !
Denn dadurch würde das Bild bzw. der Container IMMEr diese Breite haben und auf mobilen Geräten viel zu groß dargestellt werden.

Vermutlich musst du dann einen Container darüber in seiner Breite beschränken.
Jetzt sehe ich aber gerade das es da nicht viel gibt. darüber ist eigentlich nur noch ".slug-pattern" und dann schon ".page-wrapper".
Dann geht es vermutlich nur über ".slug-pattern" denn hier ist schon eine feste Höhe von 610px definiert, da wäre die Breitenangaben dann am passenden Ort.

Dennoch gibt es dann wahrscheinlich Probleme mit kleinen Gräten, hier müsste mann dann also wieder über ein CSS-Media-Query weitere Größen definieren damit es auch auf den Kleinen entsprechend angezeigt wird.

Das jQuery-Dingen kenne ich kein Stück. Wie verhält der sich den von Haus aus auf kleinen Geräten ?
Vielleicht passt der sich ja automatisch der Bildschirmbreite an (steht ja vieles auf 100%-Breite) und ist so Programmiert, das er IMMER die gesamte Anzeigebreite verwendet !?


~Arano

Sein verwendetes jQuery OneByOne Plugin scheint aber zusätzlich noch einen Knick zu haben denn im Firefox wird das overflow:hidden überhaupt nicht beachtet so dass das Bild "überquellt". Dagegen funktioniert das originale Plugin einwandfrei, wie hier gezeigt:
http://codecanyon.net/item/jquery-responsive-onebyone-slider-plugin/ful ...

Er sollte sein Bild halt so in der Größe anpassen das das was er in der Mitte haben will entweder auch in der MItte des Bildes ist, nötigenfalls mit Bildwiederholung durch Spiegelung, wenn's nicht ausreicht. Schon die Ladezeit des Bildes ist ja unterirdisch ... würde ich so also nie und nimmer weiterverfolgen.

Schon mal was von Bildbearbeitung und "Cropping" (Beschneidung) gehört ? Wohl nicht. Denke da ist wohl erst mal ein Grundkurs Webdesign fällig.

Moin,

ich hab mir jetzt nicht alles angeguckt - aber lös es doch einfach so:

.meineKlasse {
height: XXXpx;
width: 100%;
max-width: XXXXpx;
}

Somit kannst du deinen Bilder eine eindeutige Höhe geben und eine Maximalbreite verpassen, die sie bekommen sollen.

Das gleiche machst du für die mobile Darstellung über die Media Queries. Hier könnte es eventuell schon ausreichen:

.meineKlasse {
max-height: XXXpx;
width: 100%;
}

Gruß
Toni