[xhtml] Image link border verwijderen - Softwareontwikkeling

zaterdag 25 december 2004 12:47

Acties:

Verwijderd

Topicstarter

me t3h n00b

Ik wil gewoon simpel een image link bordertje laten verdwijnen bij mijn html - xhtml 1.1 conversie. Maar dat lijkt nogal onmogelijk. Alle border attributes geprobeerd, en ge googelt enzo, maar het enige wat ik kan vinden is een style sheet optie. Ik wil het gewoon in de img tag zelf!

Cascading Stylesheet:

 
//This works for Netscape 4.7 & 6
.noborder a:link {color: COLOR; 
                  background-color: COLOR;} 

.noborder a:visited {color: COLOR; 
                     background-color: COLOR;}

//This works for IE 5.5
.noborder img {border-color: COLOR;}

or

.noborder img {border: none;}

HTML:

<body>
<div class="noborder">

<a href="http://foo.com">
<img src="/foo/foo.png" height='250px'
width='250px' alt="" /></a>

</div>
</body>

zaterdag 25 december 2004 12:56

Acties:

Vinzzz243

probeer es border: 0;

zaterdag 25 december 2004 12:58

Acties:

Spockz

Live and Let Live

wel px erachter zetten lijkt me? (wel zo netjes

)

C'est le ton qui fait la musique. | Blog | @linkedin
R8 | 18-55 IS | 50mm 1.8 2 | 70-200 2.8 APO EX HSM | 85 1.8

zaterdag 25 december 2004 12:58

Acties:

Verwijderd

Topicstarter

Vinzzz schreef op zaterdag 25 december 2004 @ 12:56:
probeer es border: 0;

Zoals ik al zei, alle mogelijke border attributes al geprobeerd, maar toch maar een keer extra gedaan, werkt dus niet.. en uiteraard ook niet met px erbij

[ Voor 8% gewijzigd door Verwijderd op 25-12-2004 12:59 ]

zaterdag 25 december 2004 13:00

Acties:

Vinzzz243

het enige wat relevant is, is "a img { border: 0; } " in je css. px is niet nodig, 0 is altijd 0...
maak es een voorbeeld en zet t online

zaterdag 25 december 2004 13:03

Acties:

Verwijderd

Topicstarter

www.gromba.nl/voorbeeld.php

En het gaat hierbij om het xhtml 1.1 validated plaatje

edit: die "a img { border: 0; }" werkt, maar ik wil het in de image tag zelf, en dat werkt niet..

[ Voor 37% gewijzigd door Verwijderd op 25-12-2004 13:04 ]

zaterdag 25 december 2004 13:08

Acties:

Verwijderd

je wilt dingen die niet kunnen.

De grap van HTML icm CSS is dat je je opmaak in de CSS regelt, daarom zijn zoveel mogelijk opmaak gerelateerde attributen uit xhtml 1.1 gesloopt, het gaat dus niet in je HTML, en dat zou je ook niet eens moeten willen

eventueel kan je natuurlijk wel inline css in je img pleuren, maar da's imho ook niet zo netjes (heb je stiekum toch nog opmaak in je html zitten)

overigens weet je dat xhtml 1.1 met een xhtml mimetype geserveerd moet worden? en dat het du sniet gaat werken in IE? en dat dus xhtml 1.1 een beetje loos is?

zaterdag 25 december 2004 13:18

Acties:

Vinzzz243

border IN je img is inderdaad deprecated. gebruik zoals mophor zegt inline css ( [img]"bla.gif"[/img] ) of los t via extern css op, waarom wil je het IN <img> doen?

zaterdag 25 december 2004 13:30

Acties:

Verwijderd

Topicstarter

Vinzzz schreef op zaterdag 25 december 2004 @ 13:18:
border IN je img is inderdaad deprecated. gebruik zoals mophor zegt inline css ( [img]"bla.gif"[/img] ) of los t via extern css op, waarom wil je het IN <img> doen?

Nou, anders moet ik twee css dingen aanmaken, met en zonder border, en een inline dingetje is dan netter, vind ik. En ja, iks tuur mijn xhtml als xml+xhtml mime, ie gebruik ik toch niet, doe ik met een javascriptje de gebruiker dwingen firefox te downloaden >=)

Btw, thanks het werkt, ik heb nu ook door wat ik fout deed

Ik zette de css code in de a tag, maar niet in de img

Zoals ik al zei, me t3h n00b

zaterdag 25 december 2004 13:32

Acties:

Verwijderd

wat is er mis met 2 css dingen (bedoel je classes) aanmaken? 2 is minder dan voor elk img element (geen tag

) inline css te prutsen, zoals ik al zei: inline css is ook niet echt netjes

edit: overigens: als je twee verschillende typen plaatjes hebt (die je blijkbaar wilt onderscheiden met en zonder border), zou je eigenlijk direct al classes eraan moeten hangen, zonder ook nog maar aan css te denken. Die classes kan je dan vervolgens mooi gebruiken om er een style aan te hangen. zie ook: http://www.rikkertkoppes.com/thoughts/2004/11/19

edit 2: mimetype regel je niet met een meta element, maar op de server, jouw xhtml is nog steeds text/html

[ Voor 60% gewijzigd door Verwijderd op 25-12-2004 13:53 ]

zaterdag 25 december 2004 13:53

Acties:

Verwijderd

Nou, anders moet ik twee css dingen aanmaken, met en zonder border, en een inline dingetje is dan netter, vind ik.

Inline CSS is nooit netjes.Zie ook een post op www-html waarom XHTML 2.0 geen STYLE attribute nodig heeft.

En ja, iks tuur mijn xhtml als xml+xhtml mime, ie gebruik ik toch niet, doe ik met een javascriptje de gebruiker dwingen firefox te downloaden >=)

META elementen hebben geen effect. Je zult HTTP moeten gebruiken.

zaterdag 25 december 2004 14:49

Acties:

Verwijderd

Topicstarter

Ok, jullie hebben me overgehaald, ik heb alle inline css tags eruit gesloopt. Nu nog een css bestand aanmaken.

En het mime type is al aangeduid in de .htaccess file, zoals ik ergens gelezen heb, maar ik heb geen idee of dat wel goed gaat, volgens de validator niet.

code:

<Limit GET POST PUT DELETE>
order deny,allow
deny from all
</Limit>
AddType 'text/html; charset=ISO-8859-1' html
AddType 'application/xhtml+xml; charset=ISO-8859-1' htm
AddType 'application/xhtml+xml; charset=ISO-8859-1' php

zaterdag 25 december 2004 16:14

Acties:

Verwijderd

Dat werkt niet op die manier. Als je PHP gebruikt zul je het via de header functie van PHP moeten doen. Daarnaast is het tien keer beter UTF-8 als karactercoderingsformaat te gebruiken.