Problem mit Style

Hallo,
ich habe auf meiner Seite 4Images eingebaut.
Und irgendwie "greift" der Style von 4Images den Style meiner Homepage an.

Dann habe ich einfach 4Images in Div-Klasse gesetzt und den Stylesheet von 4Images wie folgt angepasst:

div.fourimages body {
  background-color: #E4A052;
  color: #000000;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  /* this attribute sets the basis for all the other scrollbar colors (Internet Explorer 5.5+ only) */
scrollbar-arrow-color: #704E28;
scrollbar-base-color: #ffbb5c;
scrollbar-darkshadow-color: #704E28;
scrollbar-shadow-color: #704E28;
}

div.fourimages hr {
  height: 1px; 
  color: #004c75;
  background-color: #ffffff;
}

div.fourimages ul,
div.fourimages li,
div.fourimages p,
div.fourimages td {
  color: #000000;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

div.fourimages .tablehead {
  background-image: url(http://www.michis-homepage.net/extra...der_search.gif);
  color: #004c75;
}

div.fourimages .tablebottom {
  background-image: url(http://www.michis-homepage.net/extra...ges/footer.gif);
}

div.fourimages .bordercolor {
  background-color: #c40000;
}

div.fourimages .tablebgcolor {
  background-color: #ffffff;
}

div.fourimages .navbar {
  background-color: #B13C19;
  color: #000000;
}

div.fourimages .row1 {
  background-color: #e1e1e1;
  color: #000000;
}

div.fourimages .row2 {
  background-color: #efefef;
  color: #000000;
}

div.fourimages .head1 {
  background-color: #B13C19;
  color: #000000;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

div.fourimages .head1:hover {
  background-color: #B13C19;
  color: #000000;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

div.fourimages .head2 {
  background-color: #B13C19;
  color: #000000;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

div.fourimages .title {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;
}

div.fourimages .clickstream {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
}

div.fourimages .smalltext {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: normal;
}

div.fourimages .marktext {
  color: #FF0000;
  background-color: #ffffff;
}

div.fourimages .new {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #FF0000;
}

div.fourimages a:hover {
  color: #000000;
}

div.fourimages form {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
}

div.fourimages .logininput {
  background-color: #ffffff;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
  font-size: 11px;
  width: 130px;
}

div.fourimages .searchinput {
  background-color: #FFFFFF;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
  font-size: 11px;
  WIDTH: 130px;
}

div.fourimages .textarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
  font-size: 11px;
  width: 230px;
}

div.fourimages .input {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
  font-size: 11px;
  width: 230px;
}

div.fourimages .select {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
  font-size: 11px;
}

div.fourimages .setperpageselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
  font-size: 11px;
}

div.fourimages .categoryselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
  font-size: 11px;
}

div.fourimages .dropdownmarker {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  background-color: #EEEEEE;
  color: #000000;
  font-size: 11px;
}

div.fourimages .button {
  font-family:  Tahoma,Verdana,Arial, Helvetica, sans-serif;
  background-color: #B13C19;
  color: #000000;
  font-size: 11px;
  font-weight: bold;
}

/*--Categories------------------------------------------------*/
div.fourimages .catbgcolor {
  background-color: #EFEFEF;
}

div.fourimages .maincat {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
}

div.fourimages .subcat {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
}

/*--Images----------------------------------------------------*/
div.fourimages .imagerow1 {
  background-color: #E5E5E5;
  color: #000000;
}

div.fourimages .imagerow2 {
  background-color: #EFEFEF;
  color: #000000;
}

/*--Comments--------------------------------------------------*/
div.fourimages .commentrow1 {
  background-color: #e1e1e1;
  color: #000000;
}

div.fourimages .commentrow2 {
  background-color: #efefef;
  color: #000000;
}

div.fourimages .commentspacerrow {
  background-color: #d1d1d1;
  color: #000000;
}

div.fourimages .commenttextarea {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
  font-size: 11px;
  width: 270px;
}

div.fourimages .commentinput {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
  font-size: 11px;
  width: 270px;
}

Meine Frage nun:
Ist da irgendwo ein Fehler, da nämlich der Vote bei mir rechts auf der Seite genau wie vorcher, also vor der anpassung des Styles von 4Images total komisch angezeigt wird.

Hier kann man das sehen:

www.michis-homepage.net/extras/4images
(Der Vote rechts-unten ist total komisch[Schrift, Button])

und hier normal:

www.michis-homepage.net

An was könnte das eben liegen?

Fireball22

Original geschrieben von Fireball22
ich habe auf meiner Seite 4Images eingebaut.

Du hast in dein HTML-Dokument ein weiteres komplettes HTML-Dokument eingebaut - dass das falsch ist, sollte doch eigentlich klar sein, wenn ein wenig Ahnung von HTML vorhanden wäre ...


Und ein <style>-Bereich hat auch nichts in einer Tabellenzelle TD verloren - der gehört in den <head>, und sonst nirgendwo hin!

Ich habe keine zusätzliche HTML-Seite verwendet.
Ich habe nur meine Seite in den header.html und footer.html von 4Images eingebunden.

Meine Frage ist ja nur, warum NUR dieser Vote so komisch angezeigt wird.

Fireball22

Hi

wahsaga hat schon recht, du hast 2 Seite ineinander verschachtelt.

http://validator.w3.org/check?uri=ht...s-homepage.net

Wenn du diese Fehler behebst, dann sollte alles richtig angezeigt werden.

Ich denke, dass die Informationen vom <style>-Tag von 4images trotzdem interpretiert wird und darum nur die Umfrage in dieser komischen Schrift geschrieben ist, da sie vom Dokumentenbaum her, nach dem 4image-Script kommt.

Du solltest vielleicht den Style von 4images in deinen eigenen Style-tag einfügen und dort für Klarheit sorgen.

Mfg Fab

Ok, dann schieb ich mal den ganzen Teil von 4Images in meinen Style rein.


Vielen Dank für deine Hilfe!

Fireball22