Supertopic - xhtml Sat, 25 May 2013 07:38:44 +0200 http://www.supertopic.de supertopic.de http://www.supertopic.de/static/images/feedlogo.gif Supertopic.de http://www.supertopic.de/ 144 36 Div Overlay über Bild zu lang http://www.supertopic.de/forum/5/div-overlay-ueber-bild-zu-lang-13788-1.html http://www.supertopic.de/forum/5/div-overlay-ueber-bild-zu-lang-13788-1.html Wed, 05 Dec 2012 14:08:19 +0100 loeffler
folgendes: Ich habe ein Bild und darüber soll ein Div zum abdunkeln drüber liegen (tlw. nur ein kleiner Ausschnitt, tlw. über das komplette Bild). Siehe Beispiel.

Das Problem ist jetzt, dass das Overlay-Div knapp 4px länger als das Bild hoch ist, also man unten noch einen kleinen überschüssigen Rand hat. Ich versteh aber nicht so ganz warum?
Nun gibt es natürlich auch andere Möglichkeiten, dass ganze zu lösen (Bild als Hintergrundgrafik zuweisen; Javascript). Ich hätte nur gerne eine reine CSS Lösung und ich weiß auch nicht immer, wie groß das Bild genau ist.



Ich steh da gerade ein wenig auf dem Schlauch, so schwer ist das doch nicht?!]]> Stellenanzeigen in HTML http://www.supertopic.de/forum/3/stellenanzeigen-in-html-13493-1.html http://www.supertopic.de/forum/3/stellenanzeigen-in-html-13493-1.html Wed, 06 Jun 2012 15:15:26 +0200 stussy
Da ich ja eher so Printgestalter bin, hätte ich hier mal eine wahrscheinlich etwas ... äh ... ahnungslose Frage zu html.

Hintergrund ist folgender: Wir schalten in regelmäßigen Abständen Stellenanzeigen. Nachdem wir nun endlich davon weggekommen sind, dies hauptsächlich offline zu tun, kommt es für mich zu folgender Herausforderung:

Bei der SZ kann ich entweder jpgs, Pdfs oder html.zips hochladen. Aktuell setze ich da einfach die Pdfs der eh für den Druck erstellten Anzeigen ein. Das sieht im Vergleich zu den anderen Stellenanbietern etwas, naja, altbacken aus.

link


Mir wäre lieber, wir würden das wie die anderen Unternehmen auch in html hinbekommen.

link


Bei monster.de gibt es den Service, dass sie einem ein Template nach den eigenen Vorgaben erstellen, in das man dann nur noch die jeweiligen Texte einpflegen muss. Sehr komfortabel an und für sich.

Wie wäre denn der sinnvollste Weg ein HTML-Template zu erhalten, das ich für regelmäßige Anzeigen in der sz nutzen kann? Meine eigenen Html-Kenntnisse gehen gegen null.]]> Webdesign Ressourcen http://www.supertopic.de/forum/5/webdesign-ressourcen-13430-1.html http://www.supertopic.de/forum/5/webdesign-ressourcen-13430-1.html Mon, 07 May 2012 14:12:41 +0200 march
Ich dachte wir koennten mal einen Sammelthread fuer Webdesign/programming aufmachen.
Links zu Neuigkeiten, technischen Entwicklungen, interessanten Ideen damit wir das Leben leichter wird.
Es ist wahrscheinlich schon uralt aber GOOGLE Webfonts ist komplett an mir vorbeigegangen, deshalb dachte ich waere es nuetzlich sowas mal zu sammeln.

http://www.google.com/webfonts – Linzenzfreie Fonts mit Google Webfonts einbinden]]> <label><input /></label> http://www.supertopic.de/forum/5/label-input-label-13254-1.html http://www.supertopic.de/forum/5/label-input-label-13254-1.html Fri, 17 Feb 2012 17:10:43 +0100 Rusty
wie Ihr sicher alle wisst, erlaubt das W3C neben der Standardform
Quelltext:

<label for="id">Label</label>
<input id="id" />
auch eine verschachtelte Version, die hübscher aussieht und Vorteile beim Stylen bringt:
Quelltext:

<label>Label
<input />
</label>

Da ich halt doch gern auf die Semantik achte, stellt sich mir die Frage, welche Version besser ist. Auf den ersten Blick auf jeden Fall die gängigere Erste. Wenn man aber die Funktionalität des Label-Elements bedenkt, ist die Zweite auch nicht unsinnig.

Welche Version präferiert ihr? Bitte mit semantischer Begründung.

:danke]]> Fbootstrapp http://www.supertopic.de/forum/5/fbootstrapp-13140-1.html http://www.supertopic.de/forum/5/fbootstrapp-13140-1.html Thu, 05 Jan 2012 00:35:29 +0100 Clemens http://ckrack.github.com/fbootstrapp/

Fbootstrap ist ein Fork von Twitter's Bootstrap, der darauf abzielt für Facebook iframe apps eingesetzt zu werden.
Er bringt alle Goodies von Bootstrap plus:
+ 520px grid für Fanpage tabs
+ 760px grid für Standalone canvas apps
+ Facebook look & feel
+ ein paar neue Elemente wie Tab-Headings


Let me know what you think.
Und feel free to fork & send pull requests :)]]> Hilfe für einfache Landingpage http://www.supertopic.de/forum/5/hilfe-fuer-einfache-landingpage-12968-1.html http://www.supertopic.de/forum/5/hilfe-fuer-einfache-landingpage-12968-1.html Sat, 22 Oct 2011 00:39:52 +0200 Philippe
ist es möglich, eine einfache Landingpage mit einem E-Mail Signup Feld zu machen, ohne dass auf dem Server eine Datenbank, PHP oder ähnliches dahinter ist? Also nur HTML?

Ich brauche eine Seite, wo man sich für einen Release subscripten kann, sodass man Bescheid bekommt, sobald es losgeht. Ihr wisst schon was ich meine...
Sowas wie hier: http://heyscore.de/

Geht das auch nur mit HTML und einem einfachen Webspace?
Ich glaub's ja nicht...

Danke euch.]]> Forgotten artists with forgotten songs http://www.supertopic.de/forum/9/forgotten-artists-with-forgotten-songs-12138-1.html http://www.supertopic.de/forum/9/forgotten-artists-with-forgotten-songs-12138-1.html Mon, 10 Jan 2011 00:18:07 +0100 honsey http://www.youtube.com/watch?v=XQyjB2fkds0

oh ja :ja]]> (css) Liste rutscht in Bild http://www.supertopic.de/forum/5/css-liste-rutscht-in-bild-11691-1.html http://www.supertopic.de/forum/5/css-liste-rutscht-in-bild-11691-1.html Tue, 31 Aug 2010 15:38:34 +0200 phloo

Das Bild hat float:left und margin-right: 10px
Egal was ich bei der UL Liste anstelle, sie hängt im Bild.
Irgendeine Idee das zu lösen?]]> div positionierung http://www.supertopic.de/forum/5/div-positionierung-11521-1.html http://www.supertopic.de/forum/5/div-positionierung-11521-1.html Sun, 18 Jul 2010 20:58:39 +0200 mb.
ich hatte heute meinen üblichen sonntags flash, dass ich irgendwas basteln muss.
jetzt habe ich mich an einem slider versucht. soweit so gut.

ich würde jetzt gerne "auf" dem slider eine box positionieren.
da bin ich dann an meine grenzen gestoßen.

wenn ich das mit z-index mache, verschiwindet das div bei den übergängen des sliders?

area fiftyone
slider

danke schonmal]]> @font-face schützen http://www.supertopic.de/forum/5/font-face-schuetzen-11489-1.html http://www.supertopic.de/forum/5/font-face-schuetzen-11489-1.html Mon, 05 Jul 2010 16:16:48 +0200 Lugat
ich soll für einen Kunden eine Webseite in HTML/CSS mit einer bestimmten Font umsetzen. Diese Font ist nicht frei verfügbar, somit zählt die Nutzung dieser Font in CSS mit @font-face als illegale Verbreitung, da diese dann ohne Probleme herunter geladen werden kann.

Damit will ich mich jedoch nicht abfinden und suche nach einer Möglichkeit, die Font zu nutzen UND sie vom Herunterladen auszuschließen.

Hat jemand bereits vor einer ähnlichen Aufgabe gestanden und eine Lösung gefunden? Mein erster Gedanke ist .htaccess und PHP fpassthru() ... :planlos

Tia.]]> WOFF - Standard für Web Fonts http://www.supertopic.de/forum/5/woff-standard-fuer-web-fonts-11209-1.html http://www.supertopic.de/forum/5/woff-standard-fuer-web-fonts-11209-1.html Wed, 28 Apr 2010 12:30:57 +0200 phloo
Man wolle den Standard so umsetzen, dass WOFF intern für den Browser in True-Type-Fonts übersetzt werde. Dank WOFF-Unterstützung können Browser Schriftarten herunterladen, die mit einer Website verbunden sind. Auch viele Schriftdesigner unterstützen das offene Format, weil es Urheberrechtsinformationen enthalten kann. Ein weiterer Vorteil: WOFF-Fonts lassen sich komprimieren. Statt der ganzen Schriftart müssen nur die tatsächlich benötigten Buchstaben und Zeichen geladen werden, was den Aufruf einer Website beschleunigt.

Quelle: http://www.zdnet.de/news/digitale_wirtschaft_internet_ebusiness_google_integriert_web_open_font_format_in_chrome_story-39002364-41531095-1.htm

http://blogs.msdn.com/ie/archive/2010/04/23/meet-woff-the-standard-web-font-format.aspx]]> Verzögerung bei Cufon und hover in IE8 http://www.supertopic.de/forum/5/verzoegerung-bei-cufon-und-hover-in-ie8-11193-1.html http://www.supertopic.de/forum/5/verzoegerung-bei-cufon-und-hover-in-ie8-11193-1.html Sun, 25 Apr 2010 22:25:23 +0200 sobo
ich habe ein grundsätzliches Problem mit cufon und Menüs. Je mehr Text ich durch meinen Font ersetze, desto lansamer reagieren hover-Effekte bei links, bzw. Menüs.
Das ganze funktioniert im Firefox einwandfrei, nur im IE tritt das Problem auf.

Kennt jemand das Problem, bzw. weiß jemand Rat?

HTML:

<script type="text/javascript">
Cufon.replace('h3', {hover:true, fontFamily: 'FedraSans-Book' });
Cufon.replace('font', {hover:true, fontFamily: 'FedraSans-Book' });
</script>
...
<div id="index_mainmenu">
<img class="index_menuline" src="img/dotted_line_h_650.jpg"/>
<p id="index_leistungen" onClick="location.href='leistungen.html'"/>
<img class="index_menuline" src="img/dotted_line_h_650.jpg"/>
<p id="index_unternehmen" onClick="location.href='unternehmen.html'"/>
<img class="index_menuline" src="img/dotted_line_h_650.jpg"/>
<p id="index_publikationen" onClick="location.href='publikationen.html'"/>
<img class="index_menuline" src="img/dotted_line_h_650.jpg"/>
<p id="index_kontakt" onClick="location.href='kontakt.html'"/>
<img class="index_menuline" src="img/dotted_line_h_650.jpg"/>
</div>
...


CSS:

#index_leistungen{
cursor:pointer;
height:40px;
margin-top:-3px;
margin-bottom:0;
background-image:url(../img/menue_index/leistungen.jpg);
background-repeat:no-repeat;
}


Vielen Dank und Grüße,
sobo]]> Suche gutes Buch für den Einstieg in HTML/CSS http://www.supertopic.de/forum/5/suche-gutes-buch-fuer-den-einstieg-in-html-css-11022-1.html http://www.supertopic.de/forum/5/suche-gutes-buch-fuer-den-einstieg-in-html-css-11022-1.html Wed, 17 Mar 2010 10:51:20 +0100 Bille
Kennt jemand ein gutes Buch zum Einstieg in HTML/CSS für Designer?
Vielleicht mit kleineren Tutorials...

Merci im Voraus!

Bille]]> HTML "Markierungszeichen" http://www.supertopic.de/forum/5/html-markierungszeichen-10950-1.html http://www.supertopic.de/forum/5/html-markierungszeichen-10950-1.html Tue, 02 Mar 2010 20:37:38 +0100 honsey
mein konkreter fall sieht so aus, dass der aktive menüpunkt von einem pfeil markiert werden soll:



ich stelle mir sowas in der art vor
Quelltext:

<a>HOME</a>
<a>SERVICE</a>
<a>KONTAKT<active/></a>

dann könnte ich <active> per css formatieren und gut wär :hörthört]]> .Klasse ändert color nicht http://www.supertopic.de/forum/5/klasse-aendert-color-nicht-10932-1.html http://www.supertopic.de/forum/5/klasse-aendert-color-nicht-10932-1.html Fri, 26 Feb 2010 19:14:11 +0100 honsey
HTML
Quelltext:

<p>Das hier soll grau</p><p class="blues">Das hier soll blau<p>
CSS
Quelltext:

p, h1, h2, h3 { font-size: 12px; color: #333; font-family: 'Courier'; }
.blues { color: #0000FF; }

Nicht tut sich – witzigerweise lassen sich aber alle anderen Eigenschaften verändern… nur color nicht :planlos]]> @font-face vs. typeface.js & CO http://www.supertopic.de/forum/5/font-face-vs-typeface-js-co-10903-1.html http://www.supertopic.de/forum/5/font-face-vs-typeface-js-co-10903-1.html Mon, 22 Feb 2010 13:21:49 +0100 Markus Typeface.js gestossen. Das sah auf den ersten Blick auch sehr vielversprechend aus. Bis auf die Tatsache dass Buchstabenkombinationen wie Ts, Tr etc. nicht unterschnitten werden. Letzte Woche musste ich eine WebSite nach BMW CD umsetzen und darin wird in Browsern die Schriteinbettung unterstützen die BMW Hausschrift als Titelschrift vorgeschrieben. Weil typeface.js nun oben genanntes Problem hat, hab ich weitergescht und bin dabei auf @font-face gestossen. Davon abgesehen dass man für den IE eine eot Schrit braucht (die man online aus jeder .ttf erstellen kann) sehe ich bis jetzt keine Nachteile... gibts welche?]]> Safari: background repeat bug? http://www.supertopic.de/forum/5/safari-background-repeat-bug-10867-1.html http://www.supertopic.de/forum/5/safari-background-repeat-bug-10867-1.html Sun, 14 Feb 2010 02:05:05 +0100 Kaihawaii is der bug bekannt und gibts da nen fix für? Ich find irgendwie nix ... :brain



Quelltext:

<style type="text/css">
<!--
table {
border-collapse:collapse;
background:url(box2_bg.png) repeat-y;
border-bottom: solid 1px #ccc;
}
thead {
background: url(box1_head.png) no-repeat;
}
td, th {
padding:10px;
}
-->
</style>
</head>
<body>
<table width="592" border="0" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th scope="col">Lustig</th>
<th scope="col">Lustig</th>
</tr>
</thead>
<tbody>
<tr>
<td>
aaaahhhh
</td>
<td>
aaaahhhh
</td>
</tr>
</tbody>
</table>
]]> Suche: Wordpress Newsletter Plugin http://www.supertopic.de/forum/5/suche-wordpress-newsletter-plugin-10819-1.html http://www.supertopic.de/forum/5/suche-wordpress-newsletter-plugin-10819-1.html Mon, 08 Feb 2010 15:49:59 +0100 Julchen
ich bin auf der Suche nach einem guten Newsletter-Plugin für Wordpress. Eins, dass die Emails direkt in einer Datenbank, Datei etc. speichert und verwaltet mit dem üblichen opt-in opt-out Drumherum.

...Gibt es so etwas?
Gibt es ein Newsletter-Plugin, dass ich innerhalb der WP Umgebung nutzen kann udn dort ebenfalls sehe, welche Newsletter ich wann mit welchem Inhalt versendet habe?

Ich freue mich auf eure hilfreichen Antworten!]]> (Schriftenproblem) Mac/PC italic Darstellung http://www.supertopic.de/forum/5/schriftenproblem-mac-pc-italic-darstellung-10775-1.html http://www.supertopic.de/forum/5/schriftenproblem-mac-pc-italic-darstellung-10775-1.html Tue, 02 Feb 2010 12:11:03 +0100 phloo
Screen: Firefox


Screen: IE8
]]> Sweet Index: Apache folderlistings in schön. http://www.supertopic.de/forum/5/sweet-index-apache-folderlistings-in-schoen-10760-1.html http://www.supertopic.de/forum/5/sweet-index-apache-folderlistings-in-schoen-10760-1.html Mon, 01 Feb 2010 03:06:16 +0100 pichfl
mit ein wenig css, php und vodoo


Weil ich nicht gut mit Namen bin heißt das Script nun Sweet Index.

Kostenlos und frei anpassbar. Der Link im Footer darf auch entfernt werden, solange anderweitig kenntlich gemacht wird, woher ihr das Script habt. (z.B. als HTML-Kommentar etc)
Download (Bitte nur diesen Link weitergeben)

So long.]]>