[CSS] Image border zwart maken.

Pagina: 1
Acties:
  • 38 views sinds 30-01-2008

  • SA007
  • Registratie: Oktober 2002
  • Laatst online: 05-05 19:13

SA007

Moderator Tweaking
Topicstarter
Ik heb gisteren een simpele webpagina gemaakt en toen heb ik van een aantal plaatjes een link gemaakt, niks bijzonders dus.

Alleen nu wou ik de rand die je meestal met border=0 weghaalt laten staan, maar zwart maken.

Ik heb nu gewoon in css:
code:
1
  a {color:black;}


Dit werkt perfect voor firefox, maar internet explorer negeert die instelling voor plaatjes?

Alsin, de linktekst word wel zwart, maar de rand om de plaatjes blijft blauw...

Heb al geprobeerd om border-color toe te voegen, helpt niet, ook geprobeerd om aparte stukken te maken voor hover, active, etc....

Iemand de winnende oplossing ;)

  • NiteSpeed
  • Registratie: Juli 2003
  • Laatst online: 20-09-2025
Laat de eerste paar regels van je HTML code eens zien. Los daarvan, color staat los van een border-color.

Verder hebben we altijd Google nog:

http://www.google.com/sea...er+css&btnG=Google+Search

[ Voor 71% gewijzigd door NiteSpeed op 30-06-2005 10:32 ]


  • Rickets
  • Registratie: Augustus 2001
  • Niet online

Rickets

Finger and a shift

De A heeft geen border, maar het plaatje.
code:
1
a img { border-color: 1px; border-style: solid; border-color: #000; }

color is om de letterkleur te bepalen, niet de borderkleur.

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.


  • SA007
  • Registratie: Oktober 2002
  • Laatst online: 05-05 19:13

SA007

Moderator Tweaking
Topicstarter
Maar het is geen border, het is een rand die aangeeft dat het een link is.

stukjes code:
HTML:
1
2
3
4
5
        <td class="image">
          <a href="http://www.intel.com/products/processor/celeron_D/index.htm">
            [img]"processor.jpg"[/img]test
          </a>
        </td>

Een zo'n plaatje met een stukje testtekst

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
     <style type="text/css">
       body {background:#BBAAAA;}
       a {color:black;}
       table.full {width:100%;}
       td {text-align:left;}
       td.image{width:50%; text-align:right;}
       td.description{width:50%; text-align:left;}
       .small {font-size:12px;}
       .large {font-size:4ex;}
       .centered {text-align: center;}
     </style>


Had ik al toegevoegd dat de css en de html goedgekeurd zijn door w3c validators?

Rest van de pagina: http://nieuwe_server.sa007.nl

@Rickets
Dit werkt ;), nooit geweten dat dat in de img tag moet dan...
Als de a tag al border-color:black heeft, neemt de img tag dat toch over?
Kon het ook nergens in google vinden...

heb nu het volgende bij me css erbij:
Cascading Stylesheet:
1
  a img {border-color: black}


Bedankt iig ;)

[ Voor 29% gewijzigd door SA007 op 30-06-2005 10:37 ]


  • NiteSpeed
  • Registratie: Juli 2003
  • Laatst online: 20-09-2025
SA007 schreef op donderdag 30 juni 2005 @ 10:33:
Had ik al toegevoegd dat de css en de html goedgekeurd zijn door w3c validators?
Kon het ook nergens in google vinden...
Ik kan ook willekeurige code inkloppen in een CSS file die validate, maar dat zegt nog niet dat mijn border zwart wordt :P.

Verwijderd

Als je een a href om een image heen zet dan krijgt de image een blauwe border. Die border kan je beinvloeden met css:

a img: 1px solid black;

Verder ben ik wel benieuwd naar hoe de rest van je site eruit ziet met de tabellen die je kennelijk gebruikt.

Verwijderd

Verwijderd schreef op donderdag 30 juni 2005 @ 10:40:
Als je een a href om een image heen zet dan krijgt de image een blauwe border. Die border kan je beinvloeden met css:

a img: 1px solid black;

Verder ben ik wel benieuwd naar hoe de rest van je site eruit ziet met de tabellen die je kennelijk gebruikt.
Moet dat niet
Cascading Stylesheet:
1
a img{border: 1px solid black;}
zijn?

Verwijderd

Verwijderd schreef op donderdag 30 juni 2005 @ 10:47:
[...]

Moet dat niet
Cascading Stylesheet:
1
a img{border: 1px solid black;}
zijn?
ghe... je hebt helemaal gelijk! ff mijn ogen uitwrijven...

Verwijderd

Als de default behaviour iets als dit is:
Cascading Stylesheet:
1
a img{border: 1px solid blue;}


dan volstaat
Cascading Stylesheet:
1
a img{border-color: black;}

volgens mij prima.

Als je Times New Roman als font wil hoef je dat ook niet te specificeren ;)

  • André
  • Registratie: Maart 2002
  • Laatst online: 11:13

André

Analytics dude

Mensen, mensen, mensen, dit is toch het meest minimale wat je moet kunnen weten wil je met websites bezig gaan. Alsjeblieft, gebruik eerst de search of lees een tutorial voordat je dit soort vragen stelt.

Kijk ook eens op www.w3schools.com

Hier moet je toch echt zelf uit kunnen komen.

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 05-05 12:57

Pelle

🚴‍♂️

Vergeet dan de volgende keer niet onze vriendelijke vriend er op los te laten:

Afbeeldingslocatie: http://www.gameskool.nl/locked.gif
Pagina: 1

Dit topic is gesloten.