473,320 Members | 2,020 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

border around image link


ok here's my problem my markup is Xhtml strict so i am unable to place
border="0" in my img tag. I want to be able to get rid of this border
but have been un able to figure out how to do thi with CSS

the section that i need to remove the border from is this

.sub_menu_img A
{
PADDING-RIGHT: 0.5em;
DISPLAY: block;
PADDING-LEFT: 0.75em;
BACKGROUND: #fff;
PADDING-BOTTOM: 1.25ex;
COLOR: #666;
LINE-HEIGHT: 1.25em;
PADDING-TOP: 1.25ex;
TEXT-DECORATION: none;
}

so what do i need to do?

i have tried:

BORDER: none

and

BORDER-TOP: none;
BORDER-BOTTOM: none;
BORDER-LEFT: none;
BORDER-RIGHT: none

and neither of these seems to work

any help would be completly appreciated
--
DiGEnig
------------------------------------------------------------------------
DiGEnig's Profile: http://www.highdots.com/forums/m1824
View this thread: http://www.highdots.com/forums/t3240442

Jan 31 '06 #1
5 15303
Els
DiGEnig wrote:
ok here's my problem my markup is Xhtml strict so i am unable to place
border="0" in my img tag. I want to be able to get rid of this border
but have been un able to figure out how to do thi with CSS

the section that i need to remove the border from is this
No, it isn't ;-)
.sub_menu_img A
What is the element that has class 'sub_menu_img' ? Not the image I
hope? I'll assume it's the parent element around <a>.
so what do i need to do?


The image is having the border, so:

..sub_menu_img a img{
border:none;
}

Means: no border on the image that's a child element of the a element
that's the child of the element with class sub_menu_img .

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

Now playing: Jon Anderson - Heart of the Matter
Jan 31 '06 #2
Els wrote:
..sub_menu_img a img{
border:none;
}

Means: no border on the image that's a child element of the a element
that's the child of the element with class sub_menu_img .


s/child/descendant/
--
Johannes Koch
Spem in alium nunquam habui praeter in te, Deus Israel.
(Thomas Tallis, 40-part motet)
Jan 31 '06 #3
Els
Johannes Koch wrote:
Els wrote:
..sub_menu_img a img{
border:none;
}

Means: no border on the image that's a child element of the a element
that's the child of the element with class sub_menu_img .


s/child/descendant/


True.

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

Now playing: King Crimson - Thela Hun Ginjeet
Jan 31 '06 #4
DiGEnig <Di************@no-mx.forums.yourdomain.com.au> wrote in
news:Di************@no-mx.forums.yourdomain.com.au:

ok here's my problem my markup is Xhtml strict so i am unable to
place border="0" in my img tag. I want to be able to get rid of this
border but have been un able to figure out how to do thi with CSS

the section that i need to remove the border from is this

.sub_menu_img A


This is backwards if I understand you correctly. This would set the
properties for a in a .sub_menu_img class. What you need to do is set
properties for the image inside an a as in:

a img { border: 0 }

or just in that class:

..sub_menu_img a img { border: 0 }

HTH

--
Stan McCann "Uncle Pirate" http://stanmccann.us/pirate.html
Webmaster/Computer Center Manager, NMSU at Alamogordo
http://alamo.nmsu.edu/ There are 10 kinds of people.
Those that understand binary and those that don't.
Jan 31 '06 #5

Thank you very much that worked
The image is having the border, so:

..sub_menu_img a img{
border:none;
}

Means: no border on the image that's a child element of the a element
that's the child of the element with class sub_menu_img .


thanks again for all your help
--
DiGEnig
------------------------------------------------------------------------
DiGEnig's Profile: http://www.highdots.com/forums/m1824
View this thread: http://www.highdots.com/forums/t3240442

Jan 31 '06 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

10
by: Vigil | last post by:
I am trying to put a 7px border around a page. If the contents don't fill up the viewport, then the border must appear all around the viewport. If the page is larger than the viewport, then the...
33
by: Thomas Mlynarczyk | last post by:
Hi, I'm looking for a way to put a 1px solid border around the image in this link: <a href="some.html"><img src="some.gif"></a> Well, that, by itself, is simple. However, I would like to have a...
15
by: Oliver | last post by:
Hello i want to get a nice border around images, but not just with the simple <img src"....." border="1"> tag. I tried it in CSS. I did the following: <div class="img_class"> <img...
1
by: Keith Smith | last post by:
When I use this code.... window.open('gallery/pic1.jpg','windowname','width=775,height=550,resizable=yes,scrollbars=yes,top=10,left=10'); ....my web page displays a picture with a white border...
3
by: mcwd | last post by:
I'm trying to put a border around a link when the mouse rolls over it. I've made an example below and left out the hover to keep it simple. In IE the example below draws a box arround the image OK,...
3
by: libsfan01 | last post by:
hi all when u click a link in firefox for mac it puts a dotted border around the link. is there a way to switch this feature off? regards marc
5
by: smittie31 | last post by:
I am having a problem with a border around me html page. The border does not flow thru the whole html page, it cuts off halfway. --> See http://keithborom.com/marlon-sanders CSS STYLESHEET ...
5
by: JWest46088 | last post by:
I cannot figure out how to get rid of the border around my button image. I got rid of the blue border by setting border=0, but I am still getting a purple border around them after I click them until...
5
by: dougancil | last post by:
I have an image file that when I look at it in design mode, it looks fine. It has a border of 15 around it. When I look at it in Opera, the border isn't there, but if I look at it in IE8, it shows as...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.