eXma » Diskutieren » Computer und Technik
Startseite - Veranstaltungen - Mitglieder - Suche
Vollständige Version anzeigen: Problem mit Opera und Stylesheets
schildkroet
04 Jun 2006, 21:24
Huhu! Ich komme einfach net klar. Alle Browser ausser Opera akzeptieren meine Stylesheets. Zum Beispiel soll normaler Text in <div> die Grösse 10 haben, der in Tabellen aber nur Grösse 8. Opera scheint das nicht zu interessieren... www.ismirschlecht.net (auf links klinken, da ist das Problem)

Zitat
<style type="text/css">
body  { color:#414141;
line-height:15pt;
background-image:url(karos2.gif);
font-family:Verdana;
}

div { text-align:justify;
margin-left:10px;
margin-right:45px;
margin-top:26px;
font-family:Verdana;
font-size:10pt;
font-weight:bold;
a:link { color:#414141; }
a:visited { color:#414141; }
a:active { color:#414141; }
}

table  { background-color:#EAF1F8
text-align:justify;
font-family:Arial;
font-size:08pt;
font-family:Verdana;
font-weight:normal;
a:link { color:#414141; }
a:visited { color:#414141; }
a:active { color:#414141; }
cellpadding:5;
line-height:12pt;
}
Pummel
04 Jun 2006, 22:24
Versuch mal ein extra style für die <td> anzugeben.
Also

Zitat
td{
  font-size:08pt;
}


Kanns grad leider nicht testen
No Name
05 Jun 2006, 03:10
Ach du bist der der in mein GB eingetragen hat?

So hab mir jetzt extra mal Opera runtergeladen um dein Problem zu sehen.

Falls du noch nicht so die Erfahrung mit CSS hast solltest du dein CSS validieren lassen, dann merkst du ob du Fehler drin hast.

div { text-align:justify;
margin-left:10px;
margin-right:45px;
margin-top:26px;
font-family:Verdana;
font-size:10pt;
font-weight:bold;
a:link { color:#414141; } <-
a:visited { color:#414141; }<-
a:active { color:#414141; } <-
}

das mit den <- müsste eigentlich ein Fehler sein. ein a darf dort nicht stehen. Der Fehler steht in deinem table auch nochmal.

wenn du willst das alle links die im div stehen diese farbe bekommen dann machst du das so.

div a:link,div a:visited,div a:active
{
color: #414141;
}



das wäre der korrekte code zu dem was du machen wolltest. Wenn du alle links des dokumentes in dem gleichen Stil machen willst lässt du einfach das div davor weg.

wenn du ein eine farbänderung beim überfahren des links willst dann machst du einfach noch ein a:hover so zum Beispiel:

div a:hover
{
color: white;
}


weitere Tipps von mir:

margin-left:10px;
margin-right:45px;
margin-top:26px;

-> kurzschreibweise margin: 26px 45px 0px 10px;
Schema: margin: top right bottom left;

geht für font

font: 11px Tahoma, sans-serif;

-> text-align:justify

bedeutet Blocksatz, da Browser aber keine Silbentrennungen und keine automatischen Wortbreiten können benutzt man sowas eigentlich nicht, da der Text dadurch richtig zerfetzt werden kann vor allem wenn man zoomt.


Wenn du möchtest stell ich das css von meinem Gb mal rein.
schildkroet
08 Jun 2006, 22:50
Vielen Tank, Timmey. Oder... NoName? Naja jedenfalls funzt es jetzt und wird auch validiert *g*