css border ? (img)
- Started
- Last post
- 11 Responses
- xrusos
it's easy to make a background image:
background-image: url(image.jpg)
but what about a td border with image?
border-right: 1px dashed #dddddd
so this is my guess...
border-right: 1px url(image.jpg)any help?
- unknown0
This works in the tag
style="border: solid #999999 1px"
as in
or whatever.
:P
- xrusos0
i know.... i want to put an image there instead.
basically, i'm trying to have a dashed line, but instead of the normal dashed:
- - - - - - - - - - - - -
i want a pixel-dashed:
......................(of course i did this with "."s but you get the idea)
in actuality it will be verticle.
- sp0
why not use "dotted" for the border style then?
- sp0
no, to my knowledge you can't use url(); in a border element within any version of css.
i could be wrong....but i don't think so.
- xrusos0
dotted doesn't seem to make it work either (despite being advertised on w3c)
i guess i'll have to have a 1px width td in between with a background image.
- sp0
well for one thing, td's and tables don't play well with css. that's why their not supposed to be used for layout.
- sp0
i just tested it as doctype html 4 transitional and was able to do a css border-right on a td - as an inline style - with a dotted border.
it worked, if that's what your after.
:)
- Mick0
put your ... image in a teble cell with some padding and nest another table inside it.
- b3lo0
A.images:link, A.images:visited, A.images:active {
clear : none;
}
A.images:hover {
border : thin solid Red;
}
- b3lo0
and then put a class="images" on your image tag
hope this helps
- kodap0
b3, change your url on your properties...