473,575 Members | 3,346 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 15314
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.yourd omain.com.au> wrote in
news:Di******** ****@no-mx.forums.yourd omain.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
5129
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 border must wrap around the contents. Both should result in the border around the complete page, no matter the size, so that none of the bgcolor bleeds...
33
27721
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 different border color for a mouse hover effect over the image. With Mozilla, I can simply specify img:hover {...}, but IE allows hover only for...
15
19146
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 src="./images/img1.jpg" border="0" alt="img1" /> </div> And in my css i have:
1
1990
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 around it. Is there a way to get rid of the white border? I want to continue to link directly to my image (pic1.jpg) and not to an HTML page. The...
3
3016
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, in Firefox the box drawn is one line of text in height. If I add any lines of text inside the A tag it borders each line of text individually. ...
3
6203
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
2445
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 /* CSS for Marlon Sanders site */ html, body {
5
10523
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 the page loads then it goes away. Website if you want to see what I'm talking about: http://www.drivewaysealinginc.byethost16.com/ Here is...
5
3672
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 a black box around the img. I've tried editing the css of the img file and that looks fine. heres the line of code in question: <img...
0
7845
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
8281
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
1
7868
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...
0
8143
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the...
0
6515
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...
0
3797
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2286
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1382
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
1107
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

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.