CSS-Fragen @CODEKICKER

CSS-Fragen

Auf dieser Seite befinden sich alle CSS-Fragen. Weitere Themen findest du mit der Suche rechts oben, z.B. [css] html um alle Fragen zum Thema css mit dem Wort "html" zu finden.

Stelle deine Css-Frage jetzt!

Brief/E-Mail per CSS/Html darstellen

Hallo zusammen, ich bin auf der Suche nach einem Beispiel-HTML mit CSS , das im Ergebnis aussieht wie ein per Schreibmaschine getippter Brief oder eine gesendete E-Mail. Ich finde dazu keine schönen Vorlagen, weil mit gängigen Suchbegriffen nur Hinwiese kommen, wie man HTML-E-Mails richtig (responsive) formatiert. Hat jemand eine schöne Quelle oder einen schönen Vorschlag ...

10.07.2018 | 749 1

TopperDEL 101

10.07.2018

[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 | 787 1

meone 110

09.08.2017

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 | 1493 3

larifari89 1

11.01.2017

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 | 2091 0

deli_gicik 10

12.10.2016

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 | 1379 0

ILLmaxon 125

02.09.2015

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 | 1928 2

GioCece 156

18.05.2015

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 | 1651 0

Silverdark 1

24.01.2015

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 | 1618 2

Bloedmoehre 1

19.11.2014

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 | 2388 3

mikle20 21

18.11.2014

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 | 2566 2

ILLmaxon 125

13.11.2014

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 | 1149 0

ozan 11

04.11.2014

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 | 1751 1

Smartin 35

21.08.2014

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 | 2010 2

Slashi 409

01.07.2014

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 | 1470 1

Smartin 35

20.03.2014

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 | 1426 1

Slashi 409

27.01.2014

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 | 2392 3

meone 110

13.11.2013

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 | 1913 2

MRae 259

23.08.2013

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 | 1953 1

skiller 90

29.04.2013

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 | 1586 0

stefanhej 1

22.03.2013

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 | 1726 2

SVD 1

20.02.2013

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 | 1789 3

RoqueM 3

23.01.2013

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 | 1664 1

meone 110

21.01.2013

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 | 1885 1

meone 110

13.12.2012

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 | 2194 1

tom_means 1

02.12.2012

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 | 2872 2

meone 110

01.12.2012

RSS-Feed für alle Fragen zum Thema .NET C# Java Javascript Exception

Hast Du eine Frage zu css? Dann stelle eine Frage!

Aktuelle Fragen | Fragen-Themen

Willkommen

codekicker.de ist eine deutschsprachige Q&A-Plattform zum Thema Programmieren. Von Entwicklern für Entwickler! Mitmachen ist ganz einfach: Stelle oder beantworte eine Frage.

Stelle eine Frage