HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ? |
 |

28-04-2006, 20:13
|
Fireball22
Newbie
|
|
Registriert seit: Apr 2006
Beiträge: 29
|
|
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:
Code:
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
|

28-04-2006, 21:48
|
wahsaga
 Moderator
|
|
Registriert seit: Sep 2001
Beiträge: 25.236
|
|
Re: Problem mit Style
Zitat:
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!
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
|

29-04-2006, 10:43
|
Fireball22
Newbie
|
|
Registriert seit: Apr 2006
Beiträge: 29
|
|
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
|

29-04-2006, 11:03
|
Zerofab
Newbie
|
|
Registriert seit: Apr 2006
Beiträge: 14
|
|
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
Geändert von Zerofab (29-04-2006 um 11:06 Uhr)
|

29-04-2006, 12:32
|
Fireball22
Newbie
|
|
Registriert seit: Apr 2006
Beiträge: 29
|
|
Ok, dann schieb ich mal den ganzen Teil von 4Images in meinen Style rein.
Vielen Dank für deine Hilfe!
Fireball22
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
|
|
Themen-Optionen |
|
Thema bewerten |
|
Forumregeln
|
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.
HTML-Code ist aus.
|
|
|
|
PHP News
|