CSS - *:target - Work-around For Ie?

Hi all, I'm trying to use CSS to apply style to ONLY images that are within paragraphs on my site.

Code:

<p>
<img ... />
</p>

In the past, some time ago, I thought I learned that "p img {...}" would accomplish what I'm trying to to. However, it applies the style to all images, not just images within paragraphs...

Any one know any other methods? I have a couple hundred images already coded in, so just simply applying a class to the previous images isn't something I'd like to do.

Thanks much, dbeg.

Hi all,

I am developing a website and kiosk display hardware.

I want to target the kiosk display using a specific stylesheet.

What is the best way? @media display and height:??px and width ??px or using @media ???kiosk??? etc. What other specifics can I target to define which style sheet is used?

Thanks for any help.

Dale.

is there a way to set the target of a class of links using css?
the html : target="_blank" is not xhtml compliant.

On my site I'm trying to have a messageboard within a CSS Div. While the phpBB/database is on a remote server, I think it would be easier to have it appear within the main div. Is there a way to do this? If not, I'm just going to make the messageboard appear in a new window.

Thanks...

Is there an equivalent to the target attribute in XHTML strict for anchor tags?

new at this - learning the rope. baby steps.

is there a way to set a link target to open the link in another div on the page?

I'm going mad with this, I tested the CSS a:hover function over FF 1.0.7 and IE6, and the style file is simple:
PHP Code:
 h3 {
    margin:10px;
    color:#636500;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
}
p {
    margin:10px;
    color:#636500;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
}
a {
    text-decoration: none;
}
a:hover {
    color:#636500;
}
a:visited {
    color:#cecf9c;
}
a:link {
    color:#cecf9c;
} 





searched through the forum but seems nobody has got this problem... I just want the link to change color, I imported the css file to my html and it worked for the first time. I clicked on the link and then use brower's "Back" button to test it again, but the hover feature is not working anymore.

I think it may be affected by the a:visited style, but how do I make a:hover work all the time?

Thanks for helping.

Hi!

How do I open a link in a new window in XHTML strict? (knowing that target="_blank" forbidden).

Thank you

I just wondered if I can apply a style (background image) using css only if my href has a target assigned to it and disregard the style if target does not exist on the link
I don't want to apply a class to some <a> and not to others I just wondered if I can use the css to recognise the target attribute

Hi Guys, I have a pretty specific page here, work fantastically in Firefox, but not in IE6/7 (or Safari/Opera etc ). Any ideas?! Thanks!

(URL address blocked: See forum rules)


Darren.

Im not good at all with CSS and need some help getting this to work in IE8 or older/newer versions. Works great in Firefox though.

<div style="width:90%;height:150px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;border:4px solid #F4F4F4;background-color:#FFFFFF;-webkit-box-shadow: #B3B3B3 15px 15px 15px;-moz-box-shadow: #B3B3B3 15px 15px 15px; box-shadow: #B3B3B3 15px 15px 15px; padding-top:2%;
padding-left:2%;">

Any help making this work in IE8 would be great.

Well my fiance and I are starting a website for our photography and I designed what I wanted the layout to look like using Adobe Photoshop however now it's become a headache to get it to work.

i18.photobucket.com/albums/b117/Nagoshiffxi/help.jpg

this is what we want it to look like pretty much centered on a black background, each of those navigation images being individual pictures... the background being the box with the 3 images floating over it...

At the moment I have part of it working he
www. pollard-exposures.com/v1/

If someone can view the source and tell me a better way to make it work and how I may be able to add in the individual navigation pictures along the left side like I have it in the picture I would really really appreciate it... I am not sure how to even begin...

Hi --

I am in the process of redesigning my website with CSS. And as I was preparing to upload it and test it (looked/worked great in NVU), I found that half of my links do not work.

And ... I am a new user, so I can't post links. Gah.

To be more clear, I have a menu container and a "whiteboard" container I write most of my content in. All the links in the menu container work perfectly.

However, in the whiteboard, it's hit and miss. Strip out the css, and they all work, so it is the css. Try as I might, I can't figure what the problem is.

Part of My CSS follows:

Code:

#menutop {
		position: absolute;
		width: 247px;
		height: 74px;
		background: url("menutop.gif") top left;
		background-repeat: no-repeat;
		top: 269px;
		left: 46px;
	}



div#menucontainer {
		position: absolute;
		width: 200px;	
		height:1080;
		background: url("menucontainer.gif");
		background-repeat: repeat-y;
		padding-left: 15px;
		padding-right: 50px;
		top: 340px;
		left: 46px;
	}

#menubottom {
		position: absolute;
		width: 247px;	
		height:26;
		background: url("menubottom.gif");
		background-repeat: no-repeat;
		top: 1420px;
		left: 46px;
	}

#contact {
	padding-left: 20px;
	
}



div#whiteboard {
		position: absolute;
		width: 530;
		background-color: white;
		left: 310px;
		top: 300px;
		padding-bottom: 20px;
		border-style: dashed;
		border-color: #4080CA;
		z-index=100;
		

}


p
{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		padding-left: 20px;
		padding-right: 20px;
		align: left;
		color: #000000;
}



h1, h2, h3
{
	font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif;	
	color: #130139;
	padding-left: 20px;
	padding-right: 20px;
	align: center;
	z-index=100;
}


li {
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	width: 450px;
}

A:link {
	background: #E8E8E8;
	font-variant: small-caps;
	font-family: Arial, Helvetica, sans-serif;
	font-color: #061C5E;
	font-size: 16px;
	font-weight: bold;

}

On my page, it's basically:

<div id="whiteboard">

<p><a href="http://www.resafantasyarts.com/wanderingstar/WS1.zip">BOOK
ONE</a> </p></div>


Any help would be greatly appreciated!

Hello CSS-Trick Community,
So I am helping with music careers site and I have a question.

The Problem:
The Content dividers "were" running the full width of the parent container, I need them to respect the elements on the right side of the page. My boss set up most of the page, but we would like the dividers to fit more appropriately (dynamic). He has since removed them for the time being, but above each blue headline should be a 'diagonal line pattern' divider that is smart enough to know how long to be (just how the text knows when to wrap).

The Demo Page is at
careersinmusic(dot)com/new/production-music.aspx

Thanks for Reading/Helping.