Bild ausrichten

[Css]

Hi, kann man auch ohne tabelle ein bild in einem div bereich ganz rechts am
browserfenster ausrichten?

[LX]

Wenn Du das Bild vom Text umfließen lassen möchtest, bietet sich float: right; an.

Gruß, LX

[CSS]

Neue Frage: Wieso wird hierbei nicht die schriftfarbe geändert?

HTML Code:

<td class="menue"><a href="home.html">Home</a></td>  
  
<td class="menue"><a href="home.html">Kontakt</a></td>

CSS Code:

  
.menue  
{  
font-family: Arial;  
color: white;  
}  
  
.menue:hover  
{  
color: black;  
}

[dave]

Hi,

Neue Frage: Wieso wird hierbei nicht die schriftfarbe geändert?

HTML Code:

<td class="menue"><a href="home.html">Home</a></td>

<td class="menue"><a href="home.html">Kontakt</a></td>

  
Neue Frage: Wieso wird hierbei nicht eine Liste (ul) verwendet?  
  

> CSS Code:  
> ~~~css
  

> .menue  
> {  
> font-family: Arial;  
> color: white;  
> }  
>   
> .menue:hover  
> {  
> color: black;  
> }

Weil du keinen einzigen deiner Styles auf das a-Element anwendest.

~dave

[CSS]

Weil du keinen einzigen deiner Styles auf das a-Element anwendest.

~dave

ok und wie mache ich das?

[dave]

Hi,

Weil du keinen einzigen deiner Styles auf das a-Element anwendest.

~dave

ok und wie mache ich das?

Wenn du mir nicht antwortest, warum sollte ich dir antworten?

Neue Frage: Wieso wird hierbei nicht eine Liste (ul) verwendet?

~dave

[CSS]

Moment ich fange mal ganz von vorne an:

Ich möchte ein Menü erstellen in Form einer Tabelle:

**HTML-Code

<div>
<table>

<tr> <td class="punkte"><a href="home.html">Home</a></td>
<td class="punkte"><a href="kontakt.html">Konktakt</a></td> </tr>

</table>
</div>

**CSS-Code

.punkte  
{  
background-color: blue;  
color: white;  //Schirftfarbe  
}  
  
.punkte:hover  
{  
background-color: white;  
color: blue;  //Schirftfarbe  
}

Also wenn man auf eine Zelle mit der Maus drüber geht, soll sich die Hintergrundfarbe der Zelle UND die schriftfarbe ändern. Hintergrundfarbwechsel funktioniert aber warum ändert sich die farbe der schrift nicht?

[LX]

Hallo!

Moment ich fange mal ganz von vorne an:
Ich möchte ein Menü erstellen in Form einer Tabelle:

Bitte verzeih', wenn ich Dich korrigiere: Du möchtest ein Menü erstellen mit der Optik einer Tabelle; die Form eines Menüs ist letztlich eine Liste von Menüpunkten.

<ul id="menu">  
<li><a href="home.html">Home</a></li>  
<li><a href="kontakt.html">Konktakt</a></li>  
</ul>

#menu { list-style: none; margin: 0; padding: 0; float: left; }  
#menu li a { background-color: blue; color: white; display: block; }  
#menu li a:hover { background-color: white; color: blue; }

Also wenn man auf eine Zelle mit der Maus drüber geht, soll sich die Hintergrundfarbe der Zelle UND die schriftfarbe ändern. Hintergrundfarbwechsel funktioniert aber warum ändert sich die farbe der schrift nicht?

Weil der Link vom Browser eine andere Schriftfarbe vorgegeben bekommt und die vom td-Element vererbte Schriftfarbe dadurch überschrieben wird. Wenn Du im CSS a { color: inherit; } einbauen würdest, wäre das Problem in den Browser, die "inherit" unterstützen, gelöst. Trotzdem ist die o.g. Variante deutlich sematischer und schon daher zu empfehlen.

Gruß, LX

[CSS]

Es wäre ja kein Problem, wenn ich nur die Farbe der Schrift und die Farbe des Hintergrunds ändern wollen würde...
Es ist so; Ich möchte einen Bereich für jeden Menüpunkt anlegen mit einer hintergrund und schriftfarbe(z.B. 50px breit, wobei die schrift nur 30px an Platz nimmt). Geht man mit der maus drüber soll sich die hintergrung und die schriftfarbe ändern. Daher dachte ich, mit einer Tabelle würde es funktionieren.

[LX]

(...) Daher dachte ich, mit einer Tabelle würde es funktionieren.

Ja, es kann theoretisch mit einer Tabelle funktionieren. Allerdings ist diese Technik schon seit mehreren Jahren aus gutem Grund veraltet. Wenn man bereits CSS einsetzt, besteht kein Grund, nicht-tabellarische Daten in eine Tabelle zu stecken.

Gruß, LX

[Matthias Apsel]

Om nah hoo pez nyeetz, CSS!

Weil es im Browserstylesheet Deklarationen für die a-Elemente gibt.

Eine Tabelle dient der Darstellung tabellarischer Daten, eine Navigation ist eine Liste.

<ul>
  <li><a href="...">Seite 1</a></li>
  <li>aktueller Menüpunkt</li>
  <li><a href="...">Seite 3</a></li>
  <li><a href="...">Seite 4</a></li>
</ul>

Matthias