Zur Navigation

Tabelleneigenschaften

1 elena

Hallo,
ich habe für den Inhaltsbereich folgendes definiert:
#inhalt a:hover,
#inhalt a:focus
{
border-bottom: 1px solid #FFFF00;
}

Das gefällt mir auch.

Nun habe ich eine Fotogalerie. Die Thumbnalis liegen in einer Tabelle und die steht im #inhalt. Die Tabelle hat folgende Eigenschaften, die nur für diese Seite gelten, also nicht in einer externen css-Datei stehen:

<style type="text/css">
img {border: solid ##THUMBBORDER##px #005b5b;}
table { background-color: #008484; border: none; border-spacing: 4px;}
td {color: #008484; background-color: #008484; padding: 6px; text-align: center; vertical-align: middle;
border: solid 1px; border-color: #005b5b;}
span {color: #ffffff;}
</style>

Im FF Browser "wackeln" jetzt beim Drüberfahren die Thumbnails, im IE nicht. Wie kann ich nur für die Tabelle diesen Effekt (siehe ganz oben) aufheben??

elena

10.01.2008 17:09

2 Jörg Kruse

Hallo Elena,

wenn es sich um die einzige Tabelle auf der Seite handelt, kannst du diese Definitionen hinzufügen:

#inhalt table a:hover,
#inhalt table a:focus
{
border-bottom: none;
}

10.01.2008 18:49

3 elena

Hallo Jörg,
danke für Deine Antwort.

Das "Problem" ist aber leider noch immer nicht gelöst, auch nach Ausprobieren Deiner Angaben und anderen -zig-Varianten. Die Thumnails "wackeln" beim Drüberfahren im FF, im IE nicht. Es müßte doch eine Möglichkeit geben, in einer internen css-Datei die Angaben der externen css-Datei quasi für diese eine Datei "auszuschalten".

Hier der Link:
http://www.anita-foernges.de/uebungssite/diashow/gauting/index.htm



Noch eine Frage: Ich habe in der externen css-Datei die Schriftgrößen in pt angegeben, was nicht sinnvoll ist, da es absolute Werte sind. Gibt es irgendwo eine Art "Umrechnungstabelle" oder Richtwerte, da ich mir nie so recht ein "0.8em" oder "1.5em" vorstellen kann, ohne es jedes Mal auszuprobieren.

elena

13.01.2008 10:46

4 Jörg Kruse

Hallo Elena,

wo hast du den Code eingefügt? Er sollte am Ende des style Elementes aufgeführt werden, so dass es die anderen Angaben überschreibt:

 <style type="text/css">
   img {border: solid 1px #005b5b;}
  	a:hover {color: #ffff00; border-bottom: none;}
    a:focus {color:#FFFF00; border-bottom: none;}
	table { background-color: #008484; border: none; border-spacing: 4px;}
         	td {color: #008484; background-color: #008484; padding: 6px; text-align: center; vertical-align: middle;
	    border: solid 1px; border-color: #005b5b;}
      	span {color: #ffffff;}
    #inhalt table a:hover,
    #inhalt table a:focus
    {
    border-bottom: none;
    }
    </style>

Gibt es irgendwo eine Art "Umrechnungstabelle" oder Richtwerte, da ich mir nie so recht ein "0.8em" oder "1.5em" vorstellen kann, ohne es jedes Mal auszuprobieren.

Naja, umrechnen lässt sich dies nicht einheitlich da em und % Angaben von den jeweiligen Einstellungen des Users abhängen

Auf Selfhtml gibt es eine Seite, die einen groben Vergleich erlaubt:

http://de.selfhtml.org/css/eigenschaften/anzeige/font_size.htm

13.01.2008 12:40 | geändert: 13.01.2008 12:40

5 elena

Hallo Jörg,

danke, danke, es hat geklappt. Ich hatte den Code an der falschen Stelle; aber so ist es einsichtig.

http://www.anita-foernges.de/uebungssite/diashow/gauting/index.htm

Darf ich zwei weitere Fragen stellen:
1. Wie kriege ich die Bilder in der Textmitte so, dass sie nicht am oberen Rand des dunkelgrünen Balkens kleben??

http://www.anita-foernges.de/uebungssite/reiseberichte/suedafrika/reisebericht_vorwort.html

2. Wie kann ich via css die oberste Tabelle mit den beiden Fahnen "umgehen" ?? Oder ist bei solch einer Konstruktion eine Tabelle einfach sinnvoll?

Solche Dinge kommen immer wieder auf meiner HP vor. Deshalb genügt eine einmalige Hilfe diesbezüglich.

elena

13.01.2008 16:16

6 elena

Die erste Frage habe ich schon alleine gelöst!
Bliebe nur noch Frage 2.

elena

13.01.2008 16:46

7 Jörg Kruse

Um mittels CSS Elemente nebeneinander anzuordnen, wird die Eigenschaft float verwendet:

<img src="flagge-suedafrika-animiert.gif" width="68" height="50" style="float:left" />
  <img src="flagge-suedafrika-animiert.gif" width="68" height="50" style="float:right" />
  <h2 style="text-align:center">Erlebnis S&uuml;dafrika</h2>

13.01.2008 17:03

Beitrag schreiben (als Gast)

Die Antwort wird nach der Überprüfung durch einen Moderator freigeschaltet.





[BBCode-Hilfe]