homepage-forum.de - Hilfe f�r Webmaster! - 1.2.2 - HTML, CSS & JavaScript

Partikelfluss (?)

andthenwhat — Thu, 09 Sep 2010 16:17:46 GMT

Hallo Leute, erstmal danke an die hilfreichen Antworten hier (:
Und da ich gerne Neues lerne, habe ich noch sehr viele Fragen..

Aber nun gut, kommen wir zum eigentlichen Thema, ich habe dort etwas gesehen auf:

http://www.field.io/

...dort sieht man so einen Partikelfluss von einer Seite zur anderen und wenn man die Maus im Browserfenster bewegt, folgen sie dem Mauszeiger.
(schiebt man den Mauszeiger aus dem Browserfenster, sagen wir mal auf die Taskleiste, sieht man wie sich der Fluss bildet und dann durchs Browserfenster zieht..)

Ich finde das wirklich sehr faszinierend und denke das wurde mal wieder mit JS und CSS realisiert oder? Nun zu meiner Frage...

Wie bekommt man den sowas hin? Das genau wie im Beispiel so ein Partikelfluss entsteht? Aber nur von Links nach Rechts, aber ohne das die Partikel dem Mauszeiger folgen?

lg andthenwhat. :)

if IE6 verschoben Anordnung?

haner — Thu, 09 Sep 2010 14:40:11 GMT

Hallo,

meine homepage wird im aktuellen IE 8 und bei Firefox gut angezeigt.
Schaue ich sie aber im IE 6 an, sind Teile der Seite deutlich verschoben.
Das kann man doch irgendwie mit if IE 6 �ndern?
Wie muss das denn dann aussehen?
Hier der Link zu meiner Seite:
www.pflanzspass.bplaced.net

Gru� haner.

meta tag revisit-after wichtig?

haner — Wed, 08 Sep 2010 16:53:01 GMT

Hallo,
ist dieser meta tag wichtig f�r eine homepage?:confused:

Zeilenabstand

danielk21 — Wed, 08 Sep 2010 08:47:44 GMT

Hallo!

Auf unserer Hochzeitshomepage (noch nicht fertig).. (www.unser-jawort.de/homepage/) habe ich einen Zeilenabstand von 1.3 definiert. Warum funktioniert das nicht?

Bitte um Eure Hilfe..

Danke!!

Gru�
daniel

Eine minimale gr��e einsellen?!

Cyver — Tue, 07 Sep 2010 14:18:57 GMT

Hallo Leute,

ich bin gerade dabei eine Homepage zu basteln und habe gerade ein kleines Problem. Und zwar habe ich ein div f�r Inhalte, nur leider ver�ndert sich die breite von dem div je nachdem wie breit das Browserfenster ist. An sich ist es okey, jedoch will ich es so einstellen das es sich nur bis zu einem bestimmten wert minimieren kann, damit es nicht ganz verschwindet. Hoffe ich habe mich verst�ndlich ausgedr�ckt :P

ich schreibe hier mal den css-code f�r diesen bereich rein

HTML-Code:

#inhalt {

  margin: 20px 100px 20px 250px;

  height: 679px;

  background-color: #ffcc00;

ich sage schonmal danke im voraus

MFG
Cyver

Bildschirmf�llende Hintergrundgrafik

MHSNFD — Tue, 07 Sep 2010 13:53:44 GMT

Ich bin gerade am aufbau meiner ersten homepage.
Seit Stunden versuche ich dies: http://www.ohne-css.gehts-gar.net/0055.php
Doch irgendwie bin ich einfach zu bl�d daf�r :mad:
Ich hab auch gegoogelt aber nichts gefunden was mir weiterhilft..
K�nnte mir irgendwer weiterhelfen? :confused:

Links farblich hervorheben

hellomoto — Mon, 06 Sep 2010 22:09:38 GMT

Liebes Forum!

Ich betreibe eine Website (www.zuwi.at) �ber Wordpress und benutze das Arras Theme. Meine CSS-Kenntnisse lassen sehr zu w�nschen �brig bzw sind eigentlich gar nicht vorhanden.

Ich m�chte jetzt auch gar keine gro�artigen Ver�nderungen durchf�hren, sondern einfach nur Links in Beitr�gen farblich herausheben. Wenn ich das probiere, dann werden alle Links auf der gesamten Seite (d.h. auch in der Navigation...) farblich herausgehoben, was ich aber nicht m�chte.

Anbei das Layout-Sheet:

Code:

/* globals */

html                                        { height: 100%; min-height: 100%; margin: 0; padding: 0; }

body                                        { background-color: #f1efe6; color: #333; font: 12px 'Georgia',Arial,Helvetica,sans-serif; height: 100%; min-height: 100%; margin: 0; padding: 0; }



h1, h2, h3, h4, h5, h6        { font-weight: 700; color: #1E1B1A; }



.clearfix:after                        { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

.clearfix                                { display: inline-block; }

html[xmlns] .clearfix        { display: block; }

* html .clearfix                { height: 1%; }



:focus                                        { -moz-outline-style: none; }



a, a:link, a:visited        { color: #313428; text-decoration: underline; }

a:hover                                        { color: #4B513E; }



p                                                { line-height: 1.5em; margin: 0 0 1.25em; }

blockquote                                { border-left: 2px solid #CCC; color: #666; padding: 5px 10px 1px; font-style: normal; }

blockquote p:last-child        { margin: 0 0 5px; }

code                                        { background: #EAEAEA; color: #333; font-family: Consolas, Monaco, Courier, monospace; font-size: 11px; margin: 1px 0; padding: 1px 3px; }

pre code                                { background: #322E2C; border: 1px solid #635957; color: #FFF; display: block; overflow: scroll; padding: 1.5em 1.75em; }



input[type=text], input[type=password], textarea        { background: url(../../images/form.jpg) repeat-x top #FFF; border: 1px solid #CCC; padding: 5px 3px; }

input[type=submit], #wp-email-submit    { font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; background: url(../../images/feed-title-white.jpg) repeat-x; border: 1px solid #CCC; padding: 5px 10px; font-size: 12px; color: #000; font-weight: 700; }

input[type=submit]:hover, #wp-email-submit:hover    { background: #313428; color: #FFF; }



table                                        { border-collapse: collapse; border-spacing: 0; border: 1px solid #CCC; }

th, td                                        { padding: 5px; border: 1px solid #CCC; border-width: 1px; }

th, thead th                        { font-weight: 700; color: #333; background: #DDD; }

td, tbody td                        { background: #F0F0F0; }



/* common classes */

.aligncenter                        { display: block; margin: 0 auto; }

.alignright                                { float: right; margin: 0 0 1em 1em; }

.alignleft                                { float: left; margin: 0 1em 1em 0; }

.floatleft                                { float: left; }

.floatright                                { float: right; }

img.aligncenter, img.alignright, 

img.alignleft                        { border: 3px solid #EEE; }



.textcenter                                { text-align: center; }

.textright                                { text-align: right; }

.textleft                                { text-align: left; }



.noticebox                                { background-color: #fff9d7; border: 1px solid #e2c822; color: #333; margin-bottom: 20px; padding: 10px; }

.noticebox a                        { color: #000; }



.sub                                        { font-size: 11px; color: #848485; }



.ui-tabs-hide, .hide        { display: none !important; }



.wp-caption { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding-top: 4px; margin: 10px }

.wp-caption img { margin: 0; padding: 0; border: none }

.wp-caption .wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 }



.tags a:link, .tags a:visited        { text-decoration: none; font-weight: 700; padding: 0 5px 3px; line-height: 1.3em; display: inline-block; }

.tags a:hover                                        { text-decoration: underline; }



.xoxo                                        { padding: 0; }

.arras                                        { color: #383332 !important; }



/* structure */

#wrapper                                { min-height: 100%; position: relative; padding: 20px 0; }

#main                                        { padding: 10px 10px 0; background: #f7f6f0; border: 1px solid #d3d1c7; }

/*#main { background: url(../../images/12_col.gif); } */



/* header */

#header                                        { background: #1e1b1a; border-bottom: 5px solid #383332; padding: 0; }

#branding                                { width: 980px; margin: 0 auto; padding: 0 0 20px; }

.logo                                        { max-width: 590px; float: left; margin: 21px 0 0 10px; }

.blog-name                                { font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 25px; margin: 0 0 3px; line-height: 1em; display: block; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; }

.blog-name a:link, .blog-name a:visited        { color: #FFF; text-decoration: none; }

.blog-description                { font-family: Calibri, Arial, Helvetica, sans-serif; line-height: 1em; display: block; font-size: 11px; font-weight: 700; color: #7d716d; margin: 0; padding: 3px 0 0; text-transform: uppercase; zoom: 1; *display: inline; }



/* navigation */

#nav                                        { zoom: 1; max-height: 32px; background: url(../../images/topnav.jpg) repeat-x top; }

#nav-content                        { margin: 0 auto; width: 978px; }



.sf-menu                                { font-weight: 700; max-width: 770px; }

.sf-menu, .sf-menu ul        { float: left; list-style: none; line-height: 27px; padding: 0 0 2px; margin: 0; height: 32px; }

.sf-menu a                                { display: block; text-decoration: none; padding: 2px 10px; color: #777; font-size: 12px;  }

.sf-menu a:hover                { color: #FFF; }

.sf-menu li.sfhover, .sf-menu li:hover { background: #373331; }

.sf-menu li                                { float: left; padding: 0; }

.sf-menu ul                                { position: absolute; left: -999em; height: auto; width: 150px; margin: 0; line-height: 1; border-top: 1px solid #373331; }

.sf-menu li li                        { width: 148px; }

.sf-menu li li a                { background: #FFF; padding: 7px 10px; width: 128px; font-size: 12px; text-transform: none; }

.sf-menu li ul ul                { margin: -25px 0 0 148px; }

.sf-menu li:hover ul ul, .sf-menu li:hover ul ul ul, .sf-menu li:hover ul ul ul ul, .sf-menu li.sfhover ul ul, .sf-menu li.sfhover ul ul ul, .sf-menu li.sfhover ul ul ul ul { left: -999em; }

.sf-menu li:hover ul, .sf-menu li li:hover ul, .sf-menu li li li:hover ul, .sf-menu li li li li:hover ul, .sf-menu li.sfhover ul, .sf-menu li li.sfhover ul, .sf-menu li li li.sfhover ul, .sf-menu li li li li.sfhover ul { left: auto; z-index: 2; }

.sf-menu li ul li:hover a, .sf-menu li ul li li:hover a, .sf-menu li ul li li li:hover a, .sf-menu li ul li li li:hover a { background: #383332; color: #FFF; }

.sf-menu li:hover li a, .sf-menu li li:hover li a, .sf-menu li li li:hover li a, .sf-menu li li li li:hover li a { background: #FFF; color: #666; font-size: 11px; }

.sf-menu .sf-with-ul        { padding-right: 15px; }

.sf-sub-indicator                { background: url(../../images/dropdown.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: 0; vertical-align: middle; }

.sf-menu ul .sf-sub-indicator        { display: none; }



.quick-nav                                { float: right; list-style: none; margin: 0; padding: 0; }

.quick-nav li                        { padding: 7px 5px 0 0; float: left; display: inline; }

.quick-nav a:link, .quick-nav a:visited        { display: block; text-indent: -9000px; width: 16px; height: 16px; float: left; clear: left; }



.quick-nav #rss                        { background: url(../../images/rss.png) no-repeat; }

.quick-nav #twitter                { background: url(../../images/twitter.png) no-repeat; }

.quick-nav #facebook        { background: url(../../images/facebook.png) no-repeat; }



/* search bar */

#searchbar                                { float: right; overflow: hidden; margin: 25px 0 0; }

#searchbar .searchform        { border: 4px solid #383332; }

.searchform                                { border: 4px solid #CCC; background: #EFEFEF; width: 250px; padding: 5px 4px; }

.searchform .s                        { font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: 14px; border: none; background: #EFEFEF; padding: 0; margin: 0; float: left; width: 229px !important; }

.searchform .searchsubmit { background: url(../../images/searchsubmit.gif) no-repeat; text-indent: -9000px; width: 16px; height: 16px; border: none; float: left; cursor: pointer; opacity: 0.7; color: transparent; text-transform: capitalize; }

.searchform .searchsubmit:hover { background: url(../../images/searchsubmit.gif) no-repeat; opacity: 1; }

Vielleicht findet sich ja jemand, der mir hier weiterhelfen kann.

LG,
Andreas

[JavaScript] Slideshow-Funktion erweitern

sheeba1507 — Mon, 06 Sep 2010 21:12:43 GMT

Hi,

zur Erweiterung meiner bestehenden Slideshow ben�tige ich mal wieder
die Hilfe der JavaScript-Experten.

Folgende Codierung wird von mir verwendet und wurde an einigen Stellen
auch schon entsprechend erweitert :

PHP-Code:


		
			
$sql_bild = "SELECT * FROM $tabelle ORDER BY id";

$erg_bild = mysql_query($sql_bild, $dbconn) or die(mysql_error());

$anz_bild = mysql_num_rows($erg_bild);

?>



...



  ...

  

  var image = new Array();

  var username = new Array();

    $zaehler = 0;

  while ($datensatz = mysql_fetch_array($erg_bild)) 

    { 

    echo 'image['.$zaehler.'] = "galerie/'.strtolower($datensatz["name"]).'.jpg";';

    echo 'username['.$zaehler.'] = "'.$datensatz["name"].'";';

    $zaehler++;

    }

  echo 'var anzahl_bilder = '.$anz_bild.';';

  ?>

  var picIndex;



  function slide(picIndex)

    {

    document.images["slide"].src = image[picIndex];

    picIndex++;

    if(picIndex==anzahl_bilder)

      {

      picIndex=0;

      }

    eval('window.setTimeout("slide('+picIndex+')", 3000);')

    }

  

  ...











  Galerie

  

  Hier soll der Name erscheinen

Wie kann/mu� ich die Funktion nun erweitern, da� unter den Bildern
auch der zugeh�rige Name angezeigt wird ?

Bin f�r jede Hilfe dankbar.

Gru�, Mike

Skalierbare Bilder

akapuma — Mon, 06 Sep 2010 18:47:54 GMT

Hallo,

meine Frau hat auf unserer Homepage eine Bildergalerie, die mit Homegallery erstellt wurde. Die steht dann so aus:

http://akapuma.info/blumenbilder/page-kaktus.htm

Auf meinem 4:3-Monitor mit 1024 x 768 Pixeln sieht auch alles klasse aus. Aber auf anderen Monitoren sieht es nicht gut aus: das Bild ist viel zu klein! Fr�her hatte ich mal probiert, den Browser das Bild skalieren zu lassen, aber das sah grauenhaft aus. Daher hab' ich mir was anderes ausgedacht:

Meine Bilderseite ist eine Tabelle mit 3 Zeilen. Die obere und die untere Zeile sind nur so gro� wie n�tig, die mittlere ist so gro� wie m�glich. In die mittlere Zeile f�ge ich ein iframe ein, in dem das Bild als SWF-Datei drin ist. Ich finde, das klappt ganz gut:

http://akapuma.info/test/kaktus/kaktus.html

Vergleicht doch mal diesen Link mit dem Link oben, und macht das Browserfenster gr��er und kleiner!

Zwei Problemchen h�tt' ich aber noch:

Warum bekomme ich den Kaktus nicht in die Mitte des Bildes? Schon im iframe ist er zentriert:
http://akapuma.info/test/kaktus/kaktus_if.html

Und was mach ich, wenn der Browser kein swf kann? Dann w�rde ich anstatt dem SWF gerne das Bild zeigen:
http://akapuma.info/test/kaktus/kaktus.jpg

Kann mir hier bitte jemand helfen? Ich wei� nicht mehr weiter.

Gru�

akapuma

Mov Datei einbinden

kleinehexe1977 — Mon, 06 Sep 2010 18:23:37 GMT

Hallo,

ich habe eine eigene Homepage im Editor geschrieben. Alles klappt prima. Nun m�chte ich noch paar kleine Videos einbinden.

Es handelt sich hierbei um mov Dateien.

Folgendes habe ich im Editor erfasst:

Das habe ich im Internet gefunden...
Allerdings kommt, wenn ich mir die Seite ansehe nur ein blaues Viereck anstatt des Videos. Was habe ich falsch gemacht?:confused: Wie bekomme ich das Video dargestellt? Ich m�chte nicht, dass es direkt startet, sondern dass man es ausw�hlen muss zum starten.

Vielen Dank im voraus.

kleinehexe1977

Error validator homepage

haner — Sun, 05 Sep 2010 17:49:36 GMT

Hallo,
wie kann ich diesen Fehler beheben?

http://validator.w3.org/check?uri=ht...alidator%2F1.1

Gru� haner

Link �ffnen in Iframe bei Mouseover

danielk21 — Sun, 05 Sep 2010 08:51:05 GMT

Hallo!

Ich m�chte bei Mouseover eine html-Seite in einem Iframe �ffnen lassen.

Code:

Iframe hei�t: untermenue
Seite die ge�ffnet werden soll: um_wirueberuns.html

Warum funktionirt das nicht??

Fehler website validator

haner — Sat, 04 Sep 2010 16:04:11 GMT

Hallo,

auf den Unterseiten meiner Website habe ich anscheinend immer wieder die selben Fehler gemacht. Aber wie bekomme ich sie denn weg?
Hier mal der Link zum Validator:
http://validator.w3.org/check?uri=ht...alidator%2F1.1

Gru� haner.

validator Fehler beheben?

haner — Sat, 04 Sep 2010 15:59:28 GMT

Hallo,

wie bekomme ich diese Fehlermeldung weg?
http://validator.w3.org/check?uri=ht...Inline&group=0
W�re toll, wenn Ihr mir helfen k�nnt.:)

Gru� haner.

iframe-Problem - Hilfe!!!

hope10 — Thu, 02 Sep 2010 16:11:56 GMT

Hallo!

Ich bin neu hier und hoffe, dass ich hier richtig bin. Die Suchfunktion habe ich genutzt, doch leider konnte ich nichts passendes finden :(

Ich bin Admin eines Foren-RPGs. Foren-RPGs leben nun mal davon, dass man gegenseitig Werbung f�reinander macht.
Nun habe ich ein Partnerformular erstellt, welches ich in Foren verteilen wollte. Dies habe ich hochgeladen und per Iframe eingebunden. Auch habe ich die Links auf target="_blank" gesetzt (und habe alles andere auch durchversucht).

Doch �ffnet sich das Ziel der Links stets nur im Iframe selbst, nicht aber in einem Extra-Tab oder -Fenster, wie es eigentlich sein sollte.

Da dies �fters schon der Grund f�r Partnerschafts-Absagen war, will ich dieses Problem nat�rlich beheben, aber ich verzweifel langsam wirklich, weil egal, wie und was ich versuche es funktioniert einfach nicht :(

Ich hoffe mir kann jemand helfen.

Danke.
hope10