Toon posts:

[CSS]Border wordt paars

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik ben dus bezig met het maken van een gallerij van wat foto's. En nu moet er een blauwe rand om de foto's heen wat m.b.v. CSS gebeurt en wel met de volgende class:
code:
1
.scrnshot { border: 3px solid #0066CC }

Alleen is het probleem dat de border rond de foto's paars wordt. Terwijl er in het stijlblok niks van paars te vinden is. De rest van het stijlblok:
code:
1
2
3
4
5
6
7
8
9
10
11
body { font-family: arial, helvetica, sans-serif; color: #0066CC; background-color: #B9DBF5; }
h1, h2, h3, h4, h5, h6, p, td, th, div { font-family: Arial, Helvetica, sans-serif; }
body, p, td, th, div { font-size: 10pt; font-weight: bold; }
.title { font-weight: bold; font-size: 30pt; color: #0066CC; background-color: #B9DBF5; }
.subtitle { font-weight: bold; font-size: 20pt; color: #336699; }
.newsheader { font-size: 10pt; color: #FFFFFF; } 
.scrnshot { border: 3px solid #0066CC; }
.small { font-size: 8pt; }
A:link { font-weight: bold; color: #0066CC; background-color: #B9DBF5; }
A:visited { font-weight: bold; color: #0066CC; background-color: #B9DBF5; }
A:active { font-weight: bold; color: #0066CC; background-color: #B9DBF5; }

Verder bekijk ik de pagina met IE 6.0 en worden de foto's als volgt in de pagina verwerkt:
code:
1
2
<td width="125" height="100" bordercolor="#B9DBF5"><div align="center" class="scrnshot"><a href="#"
onClick="MM_openBrWindow('/(bla)/s4ms105.jpg','','')">[img]"/(bla)/s4ms105s.jpg"></a></div></td[/img]

Dus waar zit de fout waardoor de border paars wordt?

  • dominic
  • Registratie: Juli 2000
  • Laatst online: 21-08 19:07

dominic

will code for food

Opmerking: Misschien ff handig om wat linebreaks toe te voegen in je stylesheets, dit maakt het voor iederen wat overzichtelijker, inclusief jezelf. Grote kans dat je de fout dan veel eerder ziet.

Dus:
code:
1
2
3
4
SPAN.test {
  border: 1px 1px 1px 1px;
  padding-left: 1px;
}

etc.

Dit is dus geen oplossing maar een suggestie voor je code.

Download my music on SoundCloud


  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

heb je er al eens aan gedacht dat je foto een linkje is? En dat er daardoor 2 staten zijn van je border? En dat je daarom ook nog een staat op moet geven voor 'visited' ? Dus dat je nu aan de slag moet? :P

www.jurgroessen.nl


  • drm
  • Registratie: Februari 2001
  • Laatst online: 09-06-2025

drm

f0pc0dert

waarom doe je de scrnshot niet als class van de img ipv van de div?
code:
1
[img]"melp"[/img]

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz


  • mulder
  • Registratie: Augustus 2001
  • Laatst online: 04-09 10:21

mulder

ik spuug op het trottoir

[img]"blaat.gif"[/img] ?

oogjes open, snaveltjes dicht


Verwijderd

Topicstarter
Op maandag 01 juli 2002 17:25 schreef Hangloozz het volgende:
heb je er al eens aan gedacht dat je foto een linkje is? En dat er daardoor 2 staten zijn van je border? En dat je daarom ook nog een staat op moet geven voor 'visited' ? Dus dat je nu aan de slag moet? :P
Maar...
A:link { font-weight: bold; color: #0066CC; background-color: #B9DBF5; }
A:visited { font-weight: bold; color: #0066CC; background-color: #B9DBF5; }
A:active { font-weight: bold; color: #0066CC; background-color: #B9DBF5; }
dus zouden zo blauw moeten blijven toch? of ben ik vandaag echt niet wakker?

Verwijderd

Topicstarter
Op maandag 01 juli 2002 17:27 schreef drm het volgende:
waarom doe je de scrnshot niet als class van de img ipv van de div?
code:
1
[img]"melp"[/img]
Heb ik geprobeerd maar ook dan blijft de kleur van de border paars.

Verwijderd

Topicstarter
Op maandag 01 juli 2002 17:39 schreef Don Facundo het volgende:
[img]"blaat.gif"[/img] ?
Ja en dan?

Verwijderd

Op maandag 01 juli 2002 18:04 schreef TeuT het volgende:

[..]

Ja en dan?
dan zit er geen border om je foto heen om aan te geven dat het een link is

Verwijderd

Topicstarter
Op maandag 01 juli 2002 18:34 schreef Juggernaut het volgende:

[..]

dan zit er geen border om je foto heen om aan te geven dat het een link is
Dat maar eens proberen.

Verwijderd

Topicstarter
Nou het is gelukt met dank aan 'border="0"' en het herschrijven van de class.

Verwijderd

Inderdaad. Verwijderen van HTML border en opnieuw opgeven in CSS lijkt met het verstandigst.
Pagina: 1