Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2003 Teil von November

SELFHTML Forumsarchiv
blaue umrandung der grafiken

Informationsseite
  1. Seite (CSS) blaue umrandung der grafiken von marielou, 30. 11. 2003, 14:18
nach unten

blaue umrandung der grafiken

Die folgende Nachricht zum Thema stammt von: marielou, 30. 11. 2003, 14:18

hallo,

möchte auf nachfolgender html-seite die BLAUE-umrandung
der grafiken auf GELB abändern. habe schon alles versucht,
klappt einfach nicht. wäre super, wenn mir jemand weiterhelfen
könnte.

danke
marielou

              <head>
<link rel=stylesheet type="text/css" href="formate.css">
<title>Tipps</title>
<meta name="author" content="Karl Riedel">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">

</head>
<BODY>

              <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td height="90" colspan="2"> <p align="justify">
                  <img src="bilder/pfeil.gif" width="11" height="11" border="0" alt="">
                  Hier ein paar ...</p></td>
                </tr>
                <tr>
                <p id="rundrum">
                  <td height="91"><div align="center"><a href="t_anmeld.html" target="_self">
                  <img src="bilder/t_anmeld.gif" width="135" height="100" border="1"></a></div></td>
                  <td width="52%" height="91"><div align="center"><a href="t_ler.html" target="_self">
                  <img src="bilder/t_ler.gif" width="135" height="100" border="1" alt=""></a></div></td>
                </p>
                </tr>
                <tr>
                  <td height="133"><div align="center"><a href="t_pruef.html" target="_self">
                  <img src="bilder/t_pruef.gif" width="135" height="100" border="1"></a></div></td>
                  <td height="133"><div align="center"><a href="t_dan.html" target="_self">
                  <img src="bilder/t_dan.gif" width="135" height="100" border="1"></a></div></td>
                </tr>

</body>
</html>

nach obennach unten

blaue umrandung der grafiken

Die folgende Nachricht zum Thema stammt von: derdon, 30. 11. 2003, 14:26


Also wenn mann sich dei Seite anschauen soll, dann stell sie am besten online. wir koööne die Seite ja nichs richtig darstellen, da du uns ja die CSS datei vorenthältst.

Oder du schreibst den CSS Code ind den head Tag rein!

--> Markus

nach obennach unten

blaue umrandung der grafiken

Die folgende Nachricht zum Thema stammt von: marielou, 30. 11. 2003, 22:08

hallo,

der link zu der seite ist folgender:

http://www.riedel-fahrschule.de/tipps.html

bin leider noch nicht so gut, dass ich den fehler
selbst finde :-(


»»
»» Also wenn mann sich dei Seite anschauen soll, dann stell sie am besten online. wir koööne die Seite ja nichs richtig darstellen, da du uns ja die CSS datei vorenthältst.
»»
»» Oder du schreibst den CSS Code ind den head Tag rein!
»»
»» --> Markus

nach obennach unten

blaue umrandung der grafiken

Die folgende Nachricht zum Thema stammt von: Ingo Turski, 01. 12. 2003, 12:41

Hi,

ich sehe hier schwarze Rahmen, so wie andere Besucher auch noch andere Farben sehen werden, je nachdem, wie sie ihre Browser eingestellt haben.
Du hast doch bereits eine CSS-Datei. Schreib' dort für das Element img die gewünschte Rahmendefinition rein.

freundliche Grüße
Ingo

nach obennach unten

blaue umrandung der grafiken

Die folgende Nachricht zum Thema stammt von: marielou, 01. 12. 2003, 20:08

Danke für die Antwort, aber wie soll das in der CSS-Datei
letztendlich aussehen! kannst du mir mal ein Beispiel schreiben?!

Danke
marielou

nach obennach unten

blaue umrandung der grafiken

Die folgende Nachricht zum Thema stammt von: Thomas Luethi, 01. 12. 2003, 20:57

Hallo,

»» Danke für die Antwort, aber wie soll das in der CSS-Datei
»» letztendlich aussehen! kannst du mir mal ein Beispiel schreiben?!

Schritt fuer Schritt - damit Du es beim naechsten mal alleine schaffst:

1. Was willst Du "gestalten"? Bilder, die in Links enthalten sind.
   Dafuer nimmt man einen Verschachtelungs-Selektor:
   a img
   http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente

2. Wie sollen die Bilder aussehen?
   Sie sollen einen festen gelben Rahmen haben, sagen wir mal 2px breit:
   { border:2px solid yellow; }

   Farben: http://selfhtml.teamone.de/css/formate/wertzuweisung.htm#farben
   Rahmen: http://selfhtml.teamone.de/css/eigenschaften/rahmen.htm

Resultat:

a img { border:2px solid yellow; }

Diese Zeile schreibst Du ans Ende Deiner CSS-Datei.

Wenn Du jetzt noch willst, dass der Rahmen verschiedene Farben
hat bei besuchten und unbesuchten Links, wenn man mit der
Maus ueber dem Bild ist oder wenn man darauf klickt,
dann kannst Du noch nachlesen, was es mit den Pseudoklassen
fuer Links auf sich hat:
http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

Die Selektoren
a:link img {}
u.s.w. kannst Du dann hoffentlich selbst herleiten.

---

Statt mit einem ueberfluessig komplizierten DIV
<td><div align="center">Bla</div></td>
koenntest Du auch schreiben:
<td align="center">Bla</td>
oder, etwas "moderner" mit CSS:
<td style="text-align:center">Bla</td>

Und wenn Du sowieso den Inhalt aller Tabellenzellen
zentrieren willst, schreib es doch gleich ins CSS:
td { text-align:center; }

Gruesse + viel Glueck,

Thomas

nach obennach unten

blaue umrandung der grafiken

Die folgende Nachricht zum Thema stammt von: marielou, 01. 12. 2003, 21:20

dankeschön!
sehr ausführlich! :-))
ich glaub das hilft mir weiter!

nach obennach unten

blaue umrandung der grafiken

Die folgende Nachricht zum Thema stammt von: Julian Hofmann, 30. 11. 2003, 14:49

Hallo.

»» habe schon alles versucht, klappt einfach nicht.

_Das_ glaube ich einfach mal nicht. Was hast Du denn schon alles probiert?

Der Weg sollte sein:
- Link-Klasse definieren (mit entsprechendem color-Wert)
- Allen links, die auf Grafiken sitzen diese Klasse zuweisen

Grüße aus Würzburg
Julian


--
ss:) zu:{ ls:< fo:) de:< va:} ch:° n4:} rl:° br:> js:| ie:{ fl:( mo:)

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2003 Teil von November

© 1998-2008 Seite Impressum, Software: Classic Forum