CSS-Fragen @CODEKICKER

4

[CSS] Inline Text Schatten

Hallo, vorhaben (siehe Grafik), nur dass die Schrift einen Inline Schatten bekommt. Blaue Box mit Box Shadow, dadrin ein Wort in weißer Schrift. Hier soll nun ein Inline Schatten gesetzt werden - der noch fehlt, den ich nicht hinbekomme. Habe über Google nur Beispiele gefunden, wenn Schriftfarbe und Hintergrund gleich sind bzw. es dunkle Schrift ist, zB jsfiddle Beispiel. Bei ...

09.08.2017 | 337 1

meone 109

09.08.2017

1

Slide Effekt für Webseiten.

Hey ! Für mein Studium sollen wir eine Website mit Html und CSS selbst programmieren. Wir haben eine Werbekampagne zu einem fiktiven Produkt welches vermarktet werden soll. Meine Gruppe und ich wollen uns an der Seite von Apple orientieren, da diese gut zu unseren Vorstellungen passt. http://www.apple.com/de/ Wenn ihr auf der Startseite seid, wird in der Mitte der Seite, ich ...

11.01.2017 | 1101 3

larifari89 1

11.01.2017

2

c3.js html css print button

Hallo Leute, wie des öfteren in letzter Zeit habe ich wieder eine Frage bezüglich c3.js in Bezug auf HTML und css . Ich stelle meine Diagramme in Panels dar und habe im Header des Panels nun einen Printbutton eingebaut. Dieser tut eigentlich fast alles richtig, bis auf die Darstellung. Leider werden die Farben nicht 1 zu 1 übernommen. Anstatt alles komplett grün darzustellen, ...

12.10.2016 | 1694 1

deli_gicik 6

12.10.2016

2

TCPDF writeHTML falsche Textmarkierung

Hi all, benutze TCPDF und habe ins Programm eine Erneuerung eingebaut in dem man Textunterschiede markieren kann. in der Anwendung funktioniert alles super aber wenn ich dann auf DRUCKEN gehe, dann sind die Texte nicht ganz richtig markiert, entweder zuviel oder zuwenige Wörter sind markiert. Hab mir den Code, der ausgegeben wird über writeHTML angeschaut und der ist korrekt. ...

02.09.2015 | 1028 0

ILLmaxon 125

02.09.2015

1

print.css | footer fehlt

Hallo zusammen, habe das Problem das bei einem Mehrseitigen Dokument der Footer auf Seite 1 fehlt. Kennt jemand das problem? Die Entwicklung ist lediglich für den ff. Der Inhalt vom Footer befindet sich aber nicht im tfoot (dieser ist leer und wird als platzhalter genutzt um somit den eigentlichen footer immer bottom fixed platzieren zu können. Dient dem zweck falls der Inhalt ...

18.05.2015 | 1413 2

GioCece 156

18.05.2015

1

IFrame scrollen funktioniert, Seite scrollen nicht

Hallo, ich habe das Problem das bei einem IFrame das scrollen funktioniert, aber auf der Seite allgemein nicht. Dies tritt aber auch nur dann auf, wenn das IFrame so "schmal" ist das ein Scrollbalken entsteht und auch nur auf bestimmten Handys / Browser. Zum Beispiel funktioniert es auf meinem HTC Desire X mit Chrome super, auf dem Desktop mit Chrome und emuliertem Handy ...

24.01.2015 | 1266 0

Silverdark 1

24.01.2015

2

CSS Safari Bug?

Hi, auf dieser Seite: KLICK habe ich ein Problem mit dem Safari. die Boxen sind im Safari unterschiedlich hoch und ich finde, auch mit FireBug, nicht heraus woran es liegen könnte. In allen anderen Browsern sieht es normal aus. Evtl. hat jemand eine Idee? Danke, B.

19.11.2014 | 1348 2

Bloedmoehre 1

19.11.2014

5

Suche gute Bücher für verschiedene Programmiersprachen

... Damit bin ich nun so gut wie durch. Auch in HTML,CSS und PHP konnte ich Einblicke Gewinnen... Leider weniger als erhofft. Da ich z.B. leider schon HTML und CSS Tut's auf verschiedenen Seiten angeschaut habe (vielleicht einfach noch nicht das richtige gefunden) bei dem am Ende ein etwas hässliches Ergebnis rauskam, ist mir die Motivation schnell vergangen. Die Beispiele schon ...

18.11.2014 | 1844 3

mikle20 21

18.11.2014

2

iframe / object-Tag / $.load() / file_get_contents handling und einbinden externer website

... die User sollte es so aussehen, als wäre dieser externe Vergleichsrechner ein Teil von meiner Website und kein Guckloch via iframe/object Tag, wobei man noch scrollen muss. Habe versucht per CSS das Guckloch zu stylen, was einfach nicht ganz gelingt. Die jQuery funktion .load(), mit der ich die externe Website in ein DIV laden wollte, wirft in seiner callback function immer die ...

... importNode( cloned, true)); } // überarbeiteten remote-content ausgaben echo newdoc- saveHTML(); Falls du die Methode verwenden willst, achte bitte darauf, dass du das auch darfst. Immerhin kannst du damit fremde Inhalte als eigene ausgeben, der fremde HTML-Code kommt dann ja direkt von deinem Server... Nachtrag: Für JS oder CSS müsste ich schon etwas Code von dir sehen...

13.11.2014 | 2186 2

ILLmaxon 125

13.11.2014

2

ADF SelectManyShuttle Scrollbar deaktivieren, solange nicht aktiv

... den dazugehörigen Radiobutton anklicke, erst dann soll es möglich sein, etwas in der SelectManyShuttle-Liste auszuwählen. Nun ist es bei mir aktuell so, dass der vertikale Scrollbalken in der SelectManyShuttle-Komponente sichtbar ist, obwohl der dazugehörige Radiobutton nicht angeklickt wurde. Gibt es eine Lösung per CSS o.Ä., mit der man dies umgehen kann? Gruß, Ozan

04.11.2014 | 899 0

ozan 11

04.11.2014

2

Kann man aus overflow:auto ausbrechen?

... herausragen soll. Momentan muss man nämlich immer den Container scrollen um dann z.B. die letzten Zeilen des Kalenders sehen zu können, was sehr unschön und umständlich zu bedienen ist. Zur vereinfachten Darstellung des Problems hab ich hier mal einen Plunker erstellt. Wenn es irgendwie machbar ist, würde ich das Problem gerne nur mit HTML und CSS in den Griff bekommen.

21.08.2014 | 1173 1

Smartin 35

21.08.2014

4

CSS Textumbrüche / Text abschneiden

Hallo, ich habe aktuell vor, einen Text innerhalb eines Containers (DIV) bei Überlänge abzuschneiden. Um zu symbolisieren das der eigentlich Text noch länger ist, soll dieser mit drei Punkten am Ende gekennzeichnet sein. In dem Beispiel (Container 1) habe ich das für 1-zeiligen Content bereits hinbekommen, jedoch schaffe ich es nicht das ganze so zu gestallten, dass bei ...

Es gibt einen kleinen Trick den du verwenden kannst: Beispiel .containerIn2 { position: relative; ... } .containerIn2:after { content: "..."; text-align: right; position: absolute; bottom: -2px; right: 0; width: 1em; height: 1.2em; background: white; } Könnte man auch mit linear-gradient kombinieren um "auszufaden".

01.07.2014 | 1431 2

Slashi 409

01.07.2014

1

CSS-Pseudoklasse für Verschachtelungstiefe?

Hallo, gibt es eigentlich eine css -pseudoklasse, die die Verschachtelungstiefe berücksichtigt? Ich hab z.B. beliebig viele verschachtelte Listen und möchte dass jede zweite Verschachtelungsebene eine andere ... weil nth-child ja nicht die Verschachtelungstiefe beachtet. Ich würde das ganze gerne ohne jQuery und JavaScript, also rein in CSS lösen. Hat jemand eine Idee?

20.03.2014 | 1163 1

Smartin 35

20.03.2014

3

Probleme mit einem CSS Layout

... ich, ich entwerfe kurz ein simples CSS Layout. Leider scheint mein Anliegen entweder gar nicht so ... Wald nicht mehr. Ich möchte ein CSS Layout in 3 Teilen aufbauen. http://ftp.slxdev.net/layout.png Ich bekomme zwar ... allerdings kann ich diesen durch die CSS Property "position:absolute" nicht mehr richtig gestallten. Die 100% Breite ... wie man ein solches Layout via CSS umsetzt.

HTML: div class "OUTER" div class "LEFT" LEFT /div div class "TOP" TOP /div div class "BOTTOM" BOTTOM /div /div CSS : .OUTER{ width:100%; height:600px; } .OUTER, .OUTER DIV{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .LEFT{ background:#f00; width:20%; height:100%; float:left; } .TOP{ background:yellow; width:80%; ...

27.01.2014 | 1000 1

Slashi 409

27.01.2014

1

Mobile: Wie Zoll abfragen?

Hallo Problem: Responsive Website. Ich muss heraus bekommen wie viel Zoll der Bildschirm hat. 7 Zoll oder 10 Zoll. Klar, kann ich mit Media Queries arbeiten, über Pixel & PPI, erscheint mir jedoch nicht so wirklich praktikabel. Da müsste ich ja dutzende erstellen. Die Maße unterscheiden sich ja immer etwas und auch die PPI... wie würdet ihr das lösen, nur die 7 Zoll Geräte ...

13.11.2013 | 1997 3

meone 109

13.11.2013

1

Liste mit Bildern und Rahmen - Rahmen drehen, Bild fixieren

... gedreht. Das Bild allerdings auch mit. Wie kann ich nun also die Bilder zentrieren und zusätzlich dafür sorgen, dass diese nicht mit gedreht werden. Geht hier eventuell noch was mit CSS oder kann ich die selbe Liste nochmal nachbilden und die andere überlagern? Ich hoffe auf eure Hilfe und bedanke mich im Voraus PS Da ich nicht soo der HTML/CSS-Experte bin, könntet ihr mir ...

... ) eingefügt. Die Animation selbst wird dann über folgenden CSS -Code definiert: /* Animation beim hover/mouseover */ .border:hover { ... Element fährt. Mit der :hover-Pseudoklasse definierst du, dass der CSS -Code nur gelten soll, wenn der Mauszeiger auf dem ... steht. Ich würde auch das ! bei Erfolg mit CSS anhängen, statt mit JavaScript #erfolg:hover:after { content: '!'; } Mit ...

23.08.2013 | 1428 2

MRae 259

23.08.2013

5

Javascript CCS-Popup "wegklicken"

Hallo, welche Möglichkeiten gibt es ein CSS -Popup durch klicken in einen anderen Bereich zu schließen? Ich benutze jquery um bei onclick einen Info Bereich zu öffnen der aber neben einen X auch per "wegklicken" geschlossen werden sollte. MFG Skiller

body{ width:100%; height:100%; min-height:1000px; } ('body').click(function(){ alert('close Popup'); }); Demo: jsfiddle.net/SWUYs/1// Edit: Wenn man das klicken aufs PopUp und die Child's davon ignorieren will geht das zum Beispiel so: ('body').click(function(event){ if( (event.target).parents('.popUp').addBack().is('.popUp')) return; alert('close ...

29.04.2013 | 1338 1

skiller 90

29.04.2013

1

Redesign osclass template

Moin, hat jemand Lust ein Redesign des Real-Estate Templates für Osclass zu übernehmen? Technologie: HTML5/CSS/JQuery Kriterien: Flexibles (z.B. 2-stufiges) Layout zur Anzeige im Browser mit etwa 1024px Breite und zur Anzeige auf dem Smartphone mit etwa 360px Breite. Einen Link zum bisherigen Entwicklungsstand schicke ich gerne per PM zu. Gruß Stefan

22.03.2013 | 1291 0

stefanhej 1

22.03.2013

1

Ein Problem mit einer jquery Animation

... sie nur in dieser box zu sehen ist. Es ist eine einfache Bewegung von rechts nach links von Köpfen, Spiele ich die Animation ab laufen die Köpfe über meine gesamte Seite von rechts nach links ich möchte das sie aber nur in der bestimmten Box zu sehen sind. Muss ich eine CSS -Eigenschaft hinzufügen oder einen jQuery-Befehl eingeben? Oder muss ich was anderes verändern? bitte um Hilfe

20.02.2013 | 1431 2

SVD 1

20.02.2013

1

hintergrundfarbe in tabelle wenn 2 datensätze gleiche nummer haben

Hi, ich stehe vor einem Problem, ich habe einen Datensatz aus einer MYSQL Tabelle diese tabelle muss ich abbilden so sieht das ergebnis im beispiel aus: id nummer text 1 115 ss 2 115 sf 3 116 fsd 4 116 fs 5 116 sf 6 117 fs 7 117 sf ich möchte nun alle zeilen die die gleiche nummer haben (115,116,117) farblich zusammenfassen, sprich ihnen die gleiche hintergrundfarbe geben, das ganze ...

... einfach die Nummern und CSS -Klassen über ein assoziatives Array verwalten, ... die Menge definierter CSS -Klassen beschränkt. Das würde dann in etwa so aussehen: css Array array(); // ... foreach( rows ... nummer row['nummer']; if( css Array[ nummer] null) { css Array[ nummer] "farbe-" . count( css Array); } css Klasse css Array[ nummer]; //... ? tr class " ?php echo css Klasse; ? ... Bei ...

23.01.2013 | 1465 3

RoqueM 3

23.01.2013

1

Legend (Formular) beim IE7 ohne Zeilenumbruch?

Hallo Habe ein Problem... nutze Contao... das Formular gibt für die Feldbeschreibung ein Legend vor. Doch der Inhalt ist relativ lang und beim IE7 geschieht am Ende kein Zeilenumbruch??? Jemand eine Idee? legend{display:inline...} hat nichts gebracht. Eine feste Breite ist angegeben.

21.01.2013 | 1324 1

meone 109

21.01.2013

2

Mobil - HTML Darstellen Breite erzwingen?

Hallo Habe ein Problem mit einem HTML Newsletter, wobei ähnlich tritt es auch einfach nur in der Online HTML Version im Browser: Ich habe eine feste Breite von 650 PX (dem Wrapper margin:0 auto zum zenrieren). Und Font-Size: 11px. Auf mobilen Geräten ist es nun so, dass das Verhältnis von Schrift zum Wrapper nicht mehr gleich ist. Also die Schrift bricht viel früher um, der Wrapper ...

13.12.2012 | 1556 1

meone 109

13.12.2012

2

Bootstrap Navigation in Mobiler Ansicht

Hallo, ich erstelle zurzeit ein Template mit Bootstrap, ich verwende das Standard Dropdown Menü. Sobald ich das Browser Fenster verkleinere bzw. das Design auf einem Mobilen Gerät ansehe bekomme ich einen Button auf den ich klicken muss um die Navigation darzustellen. Wie funktioniert es das in der Mobilen Ansicht die Navigation sofort sichtbar ist und nicht erst auf klick ? ...

02.12.2012 | 1849 1

tom_means 1

02.12.2012

2

Checkbox - Label 2 Zeilig daneben

... id "opt_776_5" class "checkbox" type "checkbox" value "selbständige/r Unternehmer/in" name "aktuelleBeschaeftigung[]" label id "lbl_776_5" for "opt_776_5" selbständige/r Unternehmer/in /label /span CSS : span{ width:200px; } input{ margin:0px; clear:left; float:left; } .checkbox{ } label{ margin:0px; width:130px; float:left; } Problem: Aktuell ist das label ...

01.12.2012 | 2326 2

meone 109

01.12.2012

2

per JQuery div-maße auslesen und anderem DIV zuweisen

... ich ...) Die Höhe des HotDeal-Divs variiert aber immer, also dachte ich ich lese die maße aus und verpasse dem div der darüber liegen soll dessen werte. Nur ist meine synthax irgendwie falsch ?-? ... hoffe jemand kann mir da nen tipp geben. Zusammengefasst: Die maße eines div's sollen per jquery ausgelesen werden und einem weiteren div per css zugewiesen werden :) gruß GioCece

Du musst beim zweiten Parameter die Anführungsstriche weg lassen: ("DIV.out-of-date").css( "width", dealWidth ); ("DIV.out-of-date").css( "height", dealHeight ); Anmerkungen: Ein paar Verbesserungen an deinem Code (z.B. Object-Referenz-Caching): script (document).ready(function() { var #divHotDeal ("#hot-deal"); ("DIV.out-of-date").css({ width: ...