|
|||
Bilder mit Schatten, aber nicht alle!
Hallöchen! An meinen Threads merkt ihr schnell:was CSS betrifft bin ich totaler Anfänger. Gut, hier und da habe ich schon Erfolge erzielt, aber ich glaube, mir fehlt noch ein wenig das grundlegende Verständnis.
Zur eigentlichen Herausforderung: Ich möchte bestimmten Bildern einen Schatten verpassen. Ich könnte den Bildern natürlich mit Photoshop einen verpassen und einbauen (mühsam), aber es soll auch über ein Stylesheet viel einfacher gehen. Ich erstelle eine Seite mit dem CMS Joomla und dort sollen erstmal alle Bilder - wie in diesem Blog - einen dezenten Schatten bekommen: CES 2010: Sony Bravia LX900 Serie mit 3D und WLAN :: TV Facts Erstens: In welche CSS muss ich den Code optimaler Weise eingeben? Es gibt eine template.css und dort kann ich auch eine eigene erstellen. Denkbar wäre doch - da es auch nicht unbedingt alle Bilder sein sollten - eine Style.css anzulegen extra für Bilder und die Bilder dann darauf zu verweisen, oder? Wie müsste ich das anstellen? Eine "schatten.gif"-Grafi existiert auch bereits. Wäre super, wenn mir dabei jemand weiter helfen könnte. Danke! P.S. das ist eon Code, den ich bekommen habe, aber egal, wo ich es für logisch hielt, ihn einzubauen, zeigte er keine Wirkung: .entry p img, .entry p a img { background: #fff url(images/shadow.gif) right bottom no-repeat; border-top: #f2f2f2 1px solid; border-left: #f2f2f2 1px solid; padding: 4px 10px 10px 4px; } |
Sponsored Links |
|
||||
Zitat:
Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS Zitat:
Selektoren selektieren, welche Elemente von welchen Regeln betroffen sind. Dabei ist es relativ egal, ob das aus einem oder mehreren Stylesheets kommt. Zitat:
Zitat:
Mit einem CSS-Schnipsel ohne Zusammenhang kann dir niemand helfen. Lies bitte die Hinweise für Fragende.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
Bilder mit Schatten
Danke Dir schonmal dafür, das sieht sehr interessant aus, führe ich mir gleich mal zu Gemüte.!!
Woher bekommen? Dann zeig doch bitte deinen Versuch. Poste einen Link zu deinem Code. ???wie kann ich denn ein komplettes template.css verlinken!?? dort habe ich in dem Block, der sich meinem Empfinden nach auf die Bilder im Allgemeinen bezieht, den genannten Code eingefügt: Code:
/* Start images */ a img { border: 0; } .art-article img, img.art-article { border: solid 1px #CED1B8; margin: 1em; } .entry p img, .entry p a img { background: #fff url(images/shadow.gif) right bottom no-repeat; border-top: #f2f2f2 1px solid; border-left: #f2f2f2 1px solid; padding: 4px 10px 10px 4px; } .art-metadata-icons img { border: none; vertical-align: middle; margin: 2px; } /* Finish images */ |
|
|||
Wie bitte?
Du sollst hier einen Link zu deiner Website einstellen. So dass wir das Problem sehen können. CSS ohne HTML ist völlig nutzlos. Zitat:
Sorry, aber so hat das keinen Sinn. Arbeite bitte Little Boxes durch, damit du ein Grundverständnis für das erhältst, was du tust.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Ok, anbei (kennst Du fricca ja schon aus nem anderen Thread) der Link:
http://www.tierarztpraxis-sörensen.de/Joomla/ |
|
||||
liegts vielleicht daran das in deinem image verzeichnis keine shadow.gif Grafik liegt? so mal ganz weit aus dem fenster gelehnt?!
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
|||
Zitat:
edit: Ich bin davon ausgegangen, dass die Adresse, so wie sie da steht, falsch ist. Ist sie aber doch nicht, http://de.wikipedia.org/wiki/Interna...n_Applications. Aber warum wird sie so umgewandelt? Geändert von EvT (29.01.2010 um 08:34 Uhr) |
|
|||
Zitat:
@ fricca: Ich bin für gute Links immer zu haben und ich lese SEHR viel und gerne. Sicher brauche ich auch mehr Grundkenntnisse. Aber ich lerne an konkreten Beispielen wie diesen am Besten. Und ich denke, Foren sind dafür da, geholfen zu bekommen und so kann nicht nur ich davon lernen. Wenn Du keine Lust hast, ist das Dein gutes Recht .... ich werde weiter mein Glück versuchen um eine Lösung für das "Problem" zu finden. Für einen Profi ist das sicher ein Kinderspiel, Bildern über CSS einen Schatten zu verpassen - ob mit dem von mir angegebenen Code oder ganz anders. @ hupspe: für mich ist das keine Sekundensache und was über CSS geht, würde ich gerne auch darüber machen, daher der Post. @EvT: Du hast VÖLLIG recht. Manchmal denke ich, ich werde für völlig dämlich gehalten. Je nach Browser wird die URL so umgewandelt, wie von Dir angezeigt, am Liebsten auch von InternetExplorer und der Link lässt sich dann nicht öffnen (bisher sicher nur im IE8 gelungen). Dies hat mir auch mein Hoster bestätigt, ob das nun an seinem Server, am Browser oder zu Teilen an Beiden liegt möchte ich nicht beurteilen. Selbst Google hat damit ein Problem, als ich einen API-Key mit der Umlaut-URL generieren wollte! Erst mit der "umgewandelten" URL ist es mir gelungen, kein Hinweis auf das Problem bei Google, woran es liegen könnte. Selbstversuch. Ich mache es mir SICHER nicht einfach, bevor ich hier im Forum was poste! Ist doch auch alles völlig normal. Ein Umlaut ist eben ein Sonderzeichen, wie es ihn nicht überall und vor allem im Englischen nicht gibt. URLs mit Umlauten können auch noch nicht sehr lange registriert werden. Dass noch viele Nachholbedarf in Sachen Umstellung haben finde ich da verständlich. Geändert von Berlinizer (29.01.2010 um 11:58 Uhr) |
Sponsored Links |
|
||||
Zitat:
Wenn dir alte Browser egal sind, kannst du auch box-shadow verwenden: Schönes neues CSS: box-shadow Oder du liest dir diesen Artikel durch: A List Apart: Onion Skinned Drop Shadows Der Nachteil ist leider unsemantisches Markup durch haufenweise leere Div's. Aber du siehst, Möglichkeiten gibt es viele. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Schatten für Bilder | Flunder | CSS | 7 | 11.02.2009 21:30 |
bilder in div container unten anordnen | diegaby | CSS | 12 | 17.11.2008 15:08 |
Bildergalerie mit Variablen | fledermaus | Serveradministration und serverseitige Scripte | 1 | 08.04.2008 09:57 |
Mehrere Content-<div>s mit Schatten drum herum | Deever | CSS | 2 | 06.12.2006 16:40 |
automatischen rahmen mit schatten um bilder | newbie2004 | CSS | 2 | 20.10.2005 17:19 |