Slideshow: Bildgröße an Block anpassen

Da du für das Bild ja wie du oben schon geschrieben hast, eine feste Breite angegeben hast, kannst du das Bild natürlich nicht mehr mit HTML verkleinern.
Damit der Block nicht in die rechts Seitenleiste geht kannst du natürlich für diesen Block: ein overflow:hidden angeben.
Dann wird das Bild an der rechten Seite einfach abgeschnitten. Ich weiß nicht, ob du das willst.

Bei dir heißt der Selektor für diesen Block wohl DIV#views_slideshow_cycle_main_homepage_slider-block wenn ich mich nicht verguckt habe.

Wenn sich das Bild an die Blockgröße anpassen soll, dann darfst du natürlich dort keine feste Breite angeben.

lieben Gruß
Berthold Lausch

hallo berthold,

das klingt auf jeden fall schon mal schlüssig, danke :)

aber ich habs nicht rausgefunden, wie ich darauf zugreifen und es ändern kann.

kannst du mir vielleich nochmal ne ausführliche anleitung geben?

lg, jonathan

Ich habe dir einen passenden Selector genannt und die CSS-Eigenschaft.
Ich weiss ja gar nicht, ob du das Bild einfach abschneiden willst.

Mehr gibt es dazu auch nicht zu erklären oder zu sagen....

Wenn dir nicht klar sein sollte, wie du per CSS deine Homepage themen kannst, dann würde ich dir zu ein paar Anfängertutorials aus diesem Bereich raten.

Das ist wirklich ganz einfach und ist im Netz schon 1000-mal erklärt worden.

lieben Gruß
Berthold Lausch

ok, danke, ich werd mich mal zu css schlau machen :)

aber eine andere möglichkeit als abschneiden gibt es nicht, oder?

lg, jonathan

das kommt darauf an, ob die Bilder die vorgegebene Breite haben sollen oder nicht.
Wenn du die Breite des Bildes nicht auf eine bestimmte Pixel-Anzahl setzt, sondern z.B. auf 100% oder auf 90% so, wie es gerade gut aussieht, dann wird das Bild auch entsprechend in HTML skaliert werden.
Wenn das Bild aber in der vorgegebenen Breite angezeigt werden soll, dann gibt es nur die Möglichkeit es abzuscheiden oder einen horizontalen Scrollbar einzublenden (overflow:scroll). So ein horizontaler Scrollbar für das Bild sieht aber meist nicht sehr gut aus.

lieben Gruß
Berthold Lausch

ne des mit den scrollen ist nicht des richtige...

tut mir leid dass ich nochmal frage aber ich find nirgends ne option bei der man des mit dem css einstellen muss... ist des in dem datenverzeichnjs von drupal oder übersehe ich da etwas?

lg jonathan

es fehlt dir noch sehr viel an den Grundlagen von Drupal...
Die CSS-Dateien, die für die Webseite geladen werden, kannst du im Quelltext oben im Header sehen, die sind dort namentlich angegeben.
Gleichzeitig kannst du dort die genaue Position der Dateien sehen.... es gibt da so Einträge wie

<style type="text/css" media="all">@import url("Domainname..sites/all/themes/XXXThemenameXXX/styles.css");

d.h. es wird eine Datei im Ordner: site/all/themes/XXXThemenameXXX/
mit dem Namen styles.css geladen.

In diese styles.css (das ist eine Datei im Textformat) kannst du neue Selektoren und CSS Eigenschaften einfügen.

Eine bessere Alternative ist es aber, selbst eine css-Datei anzulegen (z.B. meine_styles.css) also eine leere Textdatei und dann dafür zu sorgen, dass diese beim Rendern der Webseite auch geladen wird.
Das geht so, indem du z.B. in der Themename.info Datei eine Zeile in dieser Art und Weise ergänzt:

stylesheets[all][] = meine_styles.css

Wenn sich die meine_styles.css in dem Themeordner befindet.

Das die auch richtig geladen wird, kannst du im Quelltext der Webseite überprüfen.
Und in dieser meine_styles.css kannst du dann die Selektoren mit den Eigenschaften eintragen.

Du solltest dich aber mit den Grundlagen dieser Technik zunächst vertraut machen, dafür gibt es haufenweise Informationen im Netz. Es ist wirklich nicht besonders schwierig, aber es ist ganz gut, wenn man jedenfalls so ein bisschen weiss, was man da tut. Ein Feuer zu löschen ist bei weitem schwieriger :-)

Gruß
Berthold Lausch

okay, vielen dank, ich werd mich mal dransetzten und des durcharbeiten :)
bin bis jetzt nämlich ganz gut ohne css ausgekommen, aber ich glaub, damit ists jetzt vorbei... :( :D

lg, jonathan