[CSS] CSS-Contest 2012 WIPs

[simonpicos]

AW: [CSS] CSS-Contest 2012 WIPs

wennsch ne liste inline setze, funzt es einwandfrei, aber probier das ma bei der galerie
klappt einfach nicht, will nicht, es funzt nur mit float, das bringt mich schon den ganzen tag durcheinander, ich floate doch keine liste...
inline bedeutet ja in einer linie, nacheinander, wozu also nochn float setzen...

Schau dir mal meine Galerie an. Die ist in meinem aktuellen wip noch ausgeblendet, steht aber schon im quelltext, oder du schaust in den alten wip..

alt:

neu

ich hab die li's ganz normal gefloatet..

 

[cebito]

AW: [CSS] CSS-Contest 2012 WIPs

machs mal so, dann passt das...

#gallery ul li{display:inline-block;}

 

[Gegenstrom]

AW: [CSS] CSS-Contest 2012 WIPs

machs mal so, dann passt das...

#gallery ul li{display:inline-block;}

:hmpf: ... du bist ein cheater, weißte das?

 

[patrick_l]

AW: [CSS] CSS-Contest 2012 WIPs

Was mich interessieren würden worin der Unterschied zwischen...

#gallery ul li{display:inline-block;}

#gallery li{display:inline-block;}

...liegt. Oder ist es einfach nur eine andere Schreibweise? :uhm: Ich halte es halt so nur das zu schreiben was auch nötig ist. Halt um unnötige Zeichen zu sparen.

 

[LaFaSiLuc]

AW: [CSS] CSS-Contest 2012 WIPs

Jaja, der cebito
Otto, ich weiss, wie das mit ID´s und so funzt, mir war nur vom Hirn her nicht ganz klar, wieso der header noch ne id bekommt. Liegt wohl am alten HTML, da war div header für mich logischer
Aber ich habs jetzt.
Wie testet ihr den IE8? Soll ich den extra runterladen? Auf meinem Rechner ist der Neuner (glaub ich )

 

[patrick_l]

AW: [CSS] CSS-Contest 2012 WIPs

Wie testet ihr den IE8? Soll ich den extra runterladen? Auf meinem Rechner ist der Neuner (glaub ich )

Du kannst den IE entweder in Dreamweaver mit dem Panel Browserkompatibilität prüfen oder du benutzt den IETester. Den kannst du hier herunterladen:

- IE Tester herunterladen

Der Vorteil beim Dw ist das du direkt bei Fehlern die passenden Hacks, wenn vorhanden angezeigt bekommst. Ich kombiniere aber zwischen durch beide Tools.

ich hab die li's ganz normal gefloatet..

Jep, entweder aus einem Block ein Inline-Element machen oder eben mit float zurecht biegen

 

[LaFaSiLuc]

AW: [CSS] CSS-Contest 2012 WIPs

danke dir

ps:link funzt nicht...

 

[cebito]

AW: [CSS] CSS-Contest 2012 WIPs

Was mich interessieren würden worin der Unterschied zwischen...

#gallery ul li{display:inline-block;}

#gallery li{display:inline-block;}

...liegt. Oder ist es einfach nur eine andere Schreibweise? :uhm: Ich halte es halt so nur das zu schreiben was auch nötig ist. Halt um unnötige Zeichen zu sparen.

Liegt möglicherweise daran, das Inlineelemente keine Blocklevelelemente enthalten dürfen. Mit inline-block verbindest du die Eigenschaften von Block- und Inlineelementen, soll heißen du hast gegenüber von nur-inline noch die Kontrolle über height, width usw...

 

[LaFaSiLuc]

AW: [CSS] CSS-Contest 2012 WIPs

hab den link nochmal geändert:
http://www.my-debugbar.com/wiki/IETester/HomePage

 

[vincitore]

AW: [CSS] CSS-Contest 2012 WIPs

das mit dem IE wird bei mir nicht ganz so einfach ^^hab keine Lust windoof emulieren zu lassen

 

[simonpicos]

AW: [CSS] CSS-Contest 2012 WIPs

das mit dem IE wird bei mir nicht ganz so einfach ^^hab keine Lust windoof emulieren zu lassen

keine bekannten mit windows?

 

[cebito]

AW: [CSS] CSS-Contest 2012 WIPs

das mit dem IE wird bei mir nicht ganz so einfach ^^hab keine Lust windoof emulieren zu lassen

Sollst ja nicht Windows emulieren sondern nur den IE. Wenn du Mac-User bist, der Safari bringt das schon mit...

 

[patrick_l]

AW: [CSS] CSS-Contest 2012 WIPs

das mit dem IE wird bei mir nicht ganz so einfach ^^hab keine Lust windoof emulieren zu lassen

Es gibt doch genügend Alternativen zum testen. Zwei die mir jetzt spontan einfallen wäre der IE Netrenderer und Browsershot. Hier mal die Links dazu.

-
- Browsershot

Edit:
Cebitos Weg ist noch etwas eleganter

 

[LaFaSiLuc]

AW: [CSS] CSS-Contest 2012 WIPs

Oha, cebito, das ist ja klasse, ich hab ja (auch noch - vom chef gesponsort)ein macbook, dann teste ich den ie eben da

 

[vincitore]

AW: [CSS] CSS-Contest 2012 WIPs

Sollst ja nicht Windows emulieren sondern nur den IE. Wenn du Mac-User bist, der Safari bringt das schon mit...

Hab das gerade mal ausprobiert, das funktioniert aber nicht wirklich gut, sonst würde in IE8-9 und opera11 alles an Animationen die ich gemacht habe funktionieren ^^

das einzige wofür ich es nehmen könnte wär um da nen komplett anderes theme zu testen ohne Animationen

 

[simonpicos]

AW: [CSS] CSS-Contest 2012 WIPs

Hab das gerade mal ausprobiert, das funktioniert aber nicht wirklich gut, sonst würde in IE8-9 und opera11 alles an Animationen die ich gemacht habe funktionieren ^^

Der ie unterstützt halt mal keine animationen..
oder hab cih dich falsch verstanden?:lol:

 

[LaFaSiLuc]

AW: [CSS] CSS-Contest 2012 WIPs

örks, ich hab mich zugemust, ich muss erstmal aufhalten, das wird immer schlimmer Vielleicht fang ich nochmal ganz neu an. Durch mein CSS steig ich eh nicht mehr durch

 

[patrick_l]

AW: [CSS] CSS-Contest 2012 WIPs

Vielleicht fang ich nochmal ganz neu an. Durch mein CSS steig ich eh nicht mehr durch

Was das angeht würde ich versuchen alles geordnet zu schreiben. Halt nach einem gewissem Schema. Ich halte es meist so:

#mainNav { width: ; height: ; background: ; margin: ;padding: ;}

Alles andere wird entsprechend ergänzt. Genauso habe ich mir gleich angewöhnt die Kurzschreibweise zu verwenden. Halt an den Stellen wo es eben geht. Spart unnötiges schreiben, bleibt übersichtlicher und der Code ist auch gleich etwas schlanker Was auch hilfreich ist wenn man alles sauber von oben nach unten abarbeitet. Also Häppchenweise durch die einzelnen Bereiche arbeiten

 

[simonpicos]

AW: [CSS] CSS-Contest 2012 WIPs

Nächstes kleines Update:

Frage an den Chef ()
In der Designauswahl: Wird da der Link der jetzt "CSS-Nerd" heißt auf die Profilseite des erstellers verlinken, oder wird der genauso auf das design verlinken, wie der andere link auch?

 

[cebito]

AW: [CSS] CSS-Contest 2012 WIPs

Frage an den Chef ()
In der Designauswahl: Wird da der Link der jetzt "CSS-Nerd" heißt auf die Profilseite des erstellers verlinken, oder wird der genauso auf das design verlinken, wie der andere link auch?

Der verlinkt zur eigenen Webseite, wenn in der XML angegeben, oder halt zum Profil hier auf PSD. Also das auch ausfüllen, sonst muss ich das dann noch machen :hmpf::uhm::lol: