css

Including the rendering of an HTML document into another HTML document

I have a string representing a stand-alone (and valid XHTML 1.0 Strict) HTML document, something like var html = "<?xml ... <!DOCTYPE ... <html><head><style>...</style></head> <body><table>...</table></body></html>"; The body of this HTML document contains a table whose CSS-style is described in the head of the HTML ...

css div id used only once per page

In using CSS is it best practice to use a div id only once per page. I know each id has to be unique but could be used multiple times. A discussion with my development team and it came up that one person was under the impression that you could only use the div id tag once per page. Example of 1 id per page: <page> <div id="test">So...

How can I programmatically click the "Like" link on a Facebook status?

Alright, I fear I may be critiqued for this not being so much of a "programming" question, but I'll ask anyway. I don't do to much in web development-type stuff (OO is what I stick with mostly), so I'm not too keen on exactly how all this CSS, Javascript, SQL, etc works. The problem: My friend has been trying to quit smoking for a while...

PHP function that creates a nested ul li?

Hello, I am attemptting to attach a small CMS to a website I am creating. However I have come across a small problem. The CMS uses PHP functions for inserting menus, these PHP functions create the HTML. The particular function I wish to use (treemenu) creates a nested ul li that can then be used for a drop down menu. However the nested ...

SEO : Is h1 tag that's hidden using display:none given prominence by Search engines ?

When content is hidden by CSS (display:none), is that read by Search engines or are sites penalised for that ? In my case, due to some CMS and other reasons, I need to serve alternative content to users and hide the H1 tag on the page using display:none. I wanted to know if the Search Engine will still treat the H1 tag with the same prom...

how do I add a class to a CodeIgnitor anchor?

I have the following: '.anchor('','Home').' and I want to add the following CSS class to it: class="top_parent" so that when its rendered in the browser, the code will look something like <a href="#" class="top_parent">Home</a> Thanks in advance. Any help is hugely appreciated. Tom ...

Can jQuery get all CSS styles associated with an element?

Is there a way in jQuery to get all CSS from an existing element and apply it to another without listing them all? I know it would work if they were a style attribute with attr(), but all of my styles are in an external style sheet. Thank you Stackers ...

CSS styles gone after Ajax call in IE 7

I've had a problem with my styles not being applied after AJAX calls. My styles were not in the < HEAD> section of the page, and they were only recognized by IE on initial Page_Load. If you know of any other ways to fix this problem, post them here. This is more of a reference, hope this helps some people. ...

3 pixels extra space in IE6

Could someone please work out what's happening here, and how I could fix it? I'm testing this page in IE6, IE7, FF and Chrome, and it works in everything but IE6. In that, there is a small gap between the edge of the chickens picture and the div it's in. I hate IE6. ...

Apply Multiple CSS classes on an HTML element (jQuery addClass)

Given this HTML: <html> <head> <style type="text/css"> tr.Class1 { background-color: Blue; } .Class2 { background-color: Red; } </style> </head> <body> <table> <tr id="tr1"> <td>Row 1</td> </tr> <tr id="tr2"> <td>Row 2</td> </tr> </table> </body> </html> Below is ...

How to preserve aspect ratio when scaling image using one (CSS) dimension in IE6?

Here's the problem. I have an image: <img alt="alttext" src="filename.jpg"/> Note no height or width specified. On certain pages I want to only show a thumbnail. I can't alter the html, so I use the following CSS: .blog_list div.postbody img { width:75px; } Which (in most browsers) makes a page of uniformly wide thumbnails, all wi...

Why can't my Theme.Master find its Site.css?

<link href="Site.css" rel="stylesheet" type="text/css" /> This works fine from Theme.Master (Views/Themes/Blue/Theme.Master) on my local machine, but not from the hosted provider of its final home. The Theme.Master can find the css if the css is in the Content folder, in any subfolders of the Content folder, but not if the css is in th...

Font and font size unit for Smartphones

Hi Which font and which font-size unit is recomended for developing web sites for smartphones? With smartphone I mean a device with a good web browser. I am not sure to go with px, em or % Thanks for sugestions and tips. regards bob ...

Add page-specific javascript or CSS in Joomla

How do you include a javascript or CSS file only on a certain article in Joomla? I have one article which requires the jQuery UI and associated theme. Since this isn't being used on any other pages, I only want it for this particular article. Adding in the necessary <script> and <link rel="stylesheet"> tags in the HTML of the article do...

CSS text wizard / style library for a photoshop guy

I am looking for a 'one-stop' solution/tool to give a Photoshop guy who knows nothing about CSS as a means for him to choose fonts and styles that can be made as CSS. I'm looking for something very similar to this 'CSS Font and Text Style Wizard', but that will also allow for changes to color, backgrounds, be friendly to a 'Photoshop gu...

Jquery: How to check if the element has certain css style

Hi! I have a div: <div style="test" id="someElement"></div> Is there any way to check if the certain element: $("#someElement") has a particular css style (in my case, "test"). Thank you very much! ...

List items rendered under other elements. IE7 CSS HTML

I have a menu bar which uses the below code, when the title list items are clicked they call the showHide function to change the class of the inside list to one with display block instead of none. On ie6 and ff it works fine, chrome opera etc etc. But on ie7 the inside list is render under the other elements in the main list. Everything...

How do I stop IE6 clipping an element positioned outside its parent via negative margins?

I have an element positioned outisde its parent via negative margins, like this: <style> .parent { height: 1%; } .element { float: left; margin-left: -4px; } </style> ... <div class="parent"> <div class="element">Element</div> </div> In Internet Explorer 6, the part of .element positioned outside of its parent eleme...

Rich Text IDE

Hi, Does anyone know of a javascript based Rich Text box that behaves a bit like an IDE so that in a management system I can provide a text area for CSS and/or one for HTML to be written into the box and the input is colour coded like it is if you edit in Notepad++, Visual Studio etc Customsiation of the colours would be superb but cert...

CSS Floats - content falling down in IE6

I have a layout with a menu DIV on the left. This is floated left with a fixed EM width. I then have a content DIV which has a left margin of more than the menu's width. So it sits nicely to the right of the menu and fills up the remaining space with both menu and content lined up perfectly. However, in Internet Explorer 6, if the co...