CSS-Fragen @CODEKICKER

0

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 ...

vor 24h | 25 0

Silverdark 1

vor 24h

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

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 | 292 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 | 852 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 | 195 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 | 295 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 | 320 2

Slashi 410

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 | 361 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 | 404 1

Slashi 410

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

meone 92

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 | 605 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 | 622 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 | 637 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 | 578 1

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 | 569 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 | 642 1

meone 92

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

meone 92

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 | 915 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 | 1014 2

meone 92

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: ...

26.11.2012 | 3432 1

GioCece 114

26.11.2012

2

LESS CSS - Variablen an Klasse binden?

Hallo Statt einfaches CSS finde ich LESS (http://www.lesscss.de/) viel angenehmer zum programmieren. Dort habe ich am Anfang der "Css " Datei alle meine Farben definiert (Bsp): @lila_light:#111; @blau_kraeftig: #222; @blau_dunkel: #333; Danach mein ganzes CSS aufgebaut. Nun gibt es eine zweite ... Nur die Farben anders. Hunderte Zeilen CSS Code durchgehen und die Farben zB in ...

... brauchst in LESS ja nur die Variablen ändern, das CSS -Gerüst bleibt davon ja unberührt. Alternativ halt ganz umständlich, ... die Variablen wieder in zwei Dateien und das CSS -Gerüst in einer dritten und je nach aufgerufender Seite, ... entsprechende farben*.less mit der .less vom CSS -Gerüst und gibst der PHP noch einen header mit, ... vorgaukelt, es würde sich um eine CSS -Datei handeln.

16.11.2012 | 755 2

meone 92

16.11.2012

1

DIV animate zu fixed

Hallo hier wird ja echt immer super geholfen, danke dafür :) aside id "right" div class "inside" div id "warenkorb_inhalt" /div /div /aside #right{ position: relative; top:-1.2em; } Soweit läuft alles. Nun soll sobald man 350PX runter scrollt... der div fixiert werden. Dass er immer oben am Browserfenster recht ist. Aktuell habe ich dafür die unten aufgeführte Funktion. Was ...

13.11.2012 | 633 1

meone 92

13.11.2012

2

Layout Mittig - links/rechts davon bis zum Browser Rand eine Spalte

Hallo Aktuell: #wrapper{ width:1200px; margin:0 auto; div id "wrapper" div id "top" /div div id "left" /div div id "main" /div div id "right" /div div id "footer" /div /div Klappt soweit. So ist die eigentliche Seite. Nun soll dieses "verschönert" werden mit 2 Divs, die die Flächte links und rechts davon unterschiedlich füllen. Die Flächte soll immer vom Browser Rand bis zum ...

So als Ansatz würde ich folgendes CSS verwenden: #wrapper{ min-width:1000px; /* #wrapper will mindestens 1000px */ max-width:1200px; /* und maximal 1200px vom Browser */ margin:0 auto; /* Damit die äußeren Spalte auch hinter #wrapper verschwinden */ position: relative; z-index: 100; } #left-outer { width: 50%; /* damit die Hintergrundfarbe von #left-outer hinter ...

12.11.2012 | 827 3

meone 92

12.11.2012

6

Relative Div soll sich der Höhe vom absoluten DIV anpassen

Hallo Eltern Div ist relativ positioniert. Dadrin sind 3 absolut positionierte Divs mit unterschiedlichen Höhen, anfangen tun sie alle aber an exakt der gleichen Stelle. Es ist immer nur ein Div davon eingeblendet (wechselt per JavaScript). Nun soll sich die Höhe vom übergeordneten Div aber immer automatisch der Höhe des absoluten Divs anpassen... ohne das ich eine feste Höhe ...

So, wie Du es Dir vorstellst, geht es nicht. Absolut positionierte Elemente werden für die Berechnung der Größe ihres Containers nicht berücksichtigt, da beißt die Maus keinen Faden ab. Choose your poison: Auf floating und relative Positionierung ausweichen, siehe dazu z.B. diesen Thread bei stackoverflow. Die Container-Höhe per Javascript berechnen und setzen. Auch ...

29.10.2012 | 1327 3

meone 92

29.10.2012

2

Performance von LESS

Hey Leute, wollte mal fragen ob jemand von euch schon Erfahrungen mit LESS machen konnte. Ich würde es gerne für ein Projekt verwenden, da ich aber nicht weiß wie Client-Performance-Lastig das ganze Framework ist, wollte ich mal hören was ihr davon haltet, bzw. ob ihr einen unterschied merkt. Viele Grüße Paul

... sehr stark vom der Art und Version des JavaScript-Inpreters abhängig. Die beste Lösung ist es eh, spätestens im Zuge des Deployments, LESS in CSS übersetzten zu lassen. Dazu kann man entweder den integrieten LESS-Compiler verwenden, oder einen für Windows: http://winless.org/ http://wearekiss.com/simpless Oder, wenn du ASP.Net benutzt: http://www.dotlesscss.org/