|
CSS - How Do I Change The Origin Of The Rss Feed?
I have changed the blog address for my site and need to change the RSS feed on the home page.
I inherited the admin responsibilities of the site and am not sure how to make this change. My site can be seen at internetce com and the feed is on the bottom left. While looking for the source in DW I do not see anything and thought perhaps it was in the css, but I see different info when checking out the source code via IE/Chrome Anyone have any ideas? Many thanks Similar TutorialsI am trying to run a javascript that constructs a menu but must use absolute positioning. I can put the menu correctly where I want it by setting parameters of left and top from origin. However... this doesn't work too well for a page consisting of 800px tables centered for looking good in any resolution 800x600 and up. So I was wondering if it is possible to use absolute positioning and define an origin using anchor tags or something like that. Any help please? I am using weather.com's rss and rss2html to display 1 feed item from their feed on a site of mine. All i'm including is the description of the feed which includes a small thumb nail image of the current weather plus the temp and a little more text. Is it possible to re align the text to the top or left of the image using CSS by setting up a style and applying it to the cell / table it's in? Can any styles be created to affect all images in the current cell? Any advice would be appreciated Thanks I have a button which is drawn using css background-image and it has a hover effect using css a:hover. I also need to have a click state for this button, so that each time the button is clicked it switches between two different states (4 states total). Is this possible? I'm assuming this will probably require JavaScript which I have little experience. Thanks in advance for any help! Hi, Hope you can help. I'm having trouble trying to figure out why the links in my twitter feed have the same Background color thats applyed to my navbar. (#9933CC. I'm certain I isolated the CSS to affect only the navbar. For some reason its affecting the twitter feed and I can work out why. Can you help?? My site is below. www. smartbod co.uk (Delete spaces in url as I cant post link as im new) Thanks in advance David Hello! I have the site (w w w . s t e f a n t r e g o . c o m /wordpress) ... and I am trying to place a tv graphic I made under my twitter feed as an aesthetic effect. Currently I have: body { background-image:url('/Images/tregotv.jpg'); background-repeat:no-repeat; background-attachment:fixed; background-position:983px 400px; display:block; } This looks fine on my computer -- BUT -- when I go to my photo section, travels section, the format of the site changes. Therefore my background image and twitter feed don't align correctly. Is there any CSS way to correctly align the background image to always be positioned under my twitter feed without format issues? Or would I need to get assistance with an alternate code such as Java script, or PHP to position the picture so the twitter feed always fits inside the tv? I appreciate the help!! -Stefan twitter: @stefantrego w w w . stefantrego . c o m / w o r d p r e s s PS. Sorry for the spaced out web addresses -- due to being a new user I cannot post links right away. Question: I have two class below. What I want is when I change the padding-top property value in div.content-full, I also want the padding-top property value in the div.content change to the same value div.content-full { float:left; width:100%; padding-top:10px; margin:0px; } div.content { float:left; width:70%; padding-top:06px; margin:0px; } Can anybody help me out? I have a form with a list of things. The number of things in the list is variable, depending on certain factor, different things, different numbers of things. Next to each thing is a radio button. There is a question with two radio buttons, "yes" and "no". When "no" is selected, I want the radio buttons to be disabled, and the color of the text to change to gray. For the radio buttons, I have a simple JS function: javascript Code: Original - javascript Code function enableCFFID() { document.cartform.cffid.disabled=false; } function disableCFFID() { document.cartform.cffid.disabled=true; }
For the test that goes with each thing, obviously I don't want to have to assign unique ID (perhaps in a span tag that encloses the text). I would want a common name for all of them. But this would mean I can't use getElementById. What other method can I use to change the class for a group of span tags who's number is variable? Hi all, I'm trying to change my cursor when I hover over a image on a onclick event as the example below but I can't get this to work. <a onmouseover="this.style.cursor='hand'"> Regards Stephen Hi Guys, I have a question about me not understanding how margins work... I am quite perplexed...I am trying to remove the white space between borders of table cells. I am using: Code: td { margin: 0; }
But there is still white space between the cells...how do I make no space between the cells? Code is located he http://www.taipeitripper.com/senshin_center/training_schedule.html Thank you, Evan Jerkunica Hi, I'm just learning css and need some help. I am attaching an html page that has a navigation bar that changes the background color of the table cell when you mouse over the text link. It works OK but I would like to have the bg color change when you mouse over the td cell. I am currently making it look like it changes the td background by adding Code: display: block; line-height: 32px; to the "td.navbar a:hover" class. Is it possible to change the td background when mousing over it using only css? Here's the code that I have now: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #000000;
}
td.navbar {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
td.navbar a:link{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
td.navbar a:visited{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
td.navbar a:hover{
background-color: #000000;
height: 33px;
width: 88px;
display: block;
line-height: 32px;
}
td.navbar a:active{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
-->
</style></head>
<body>
<table width="780" height="35" border="0" cellpadding="0" cellspacing="0" bgcolor="#000099">
<tr>
<td width="41"> </td>
<td width="2"></td>
<td width="88" height="33" class="navbar"><div align="center"><font><a href="http://www.mysite.com/">Home</a></font></div></td>
<td width="2"></td>
<td width="88" class="navbar"><div align="center"><a href="#about">About</a></div></td>
<td width="2"></td>
<td width="88" class="navbar"><div align="center"><font><a href="inc/support.php">Support</a></font></div></td>
<td width="2"></td>
<td width="88" class="navbar"><div align="center"><font><a href="inc/contact.php">Contact</a></font></div></td>
<td width="2"></td>
<td width="88" class="navbar"><div align="center"><font><a href="inc/services.php">Services</a></font></div></td>
<td width="2"></td>
<td width="88" class="navbar"><div align="center"><font><a href="inc/shop.php">Products</a></font></div></td>
<td width="2"></td>
<td width="88" class="navbar"><div align="center"><font><a href="inc/links.php">Links</a></font></div></td>
<td width="2"> </td>
<td> </td>
</tr>
</table>
</body>
</html>
I'm trying to change text-color of a <h1> tag when the mouse hovers over it. I don't want to use the :hover css comand because I need this page to work in IE5. So I was thinking of using JavaScript and onMouseOver, but then I don't know how to change the color. Maybe if I somehow could change the style-sheet that the h1 uses, but I don't know how I would do that... So how do I change the color of a <h1> tag using onMouseOver? the code here works fine, except that the displayed text changes from white to black. It would be nice if each new text would start as FFFFCC and then fade to 3E3D11. Here is the script that I'm manipulating from Java Script Source: <!-- Paste this code into the CSS section of your HTML document --> #tic { /* enter any styles for the ticker below */ border: .05em #CEC3AD solid; font-size:0.85em; padding:10px; width:400px; line-height:20px; } #tic * { /* this will hide all children tags */ font-size: 1em; margin:0px; padding:0px; display:none; } #tic a { /* add more tags to this list if you wish to display them inside the children */ display:inline; } <!-- Paste this code into an external JavaScript file --> /* This script and many more are available free online at The JavaScript Source :: http://javascript.internet.com Created by: James Crooke :: http://www.cj-design.com */ var list; // global list variable cache var tickerObj; // global tickerObj cache var hex = 255; function fadeText(divId) { if(tickerObj) { if(hex>0) { hex-=5; // increase color darkness tickerObj.style.color="rgb("+hex+","+hex+","+hex+")"; setTimeout("fadeText('" + divId + "')", fadeSpeed); } else hex=255; //reset hex value } } function initialiseList(divId) { tickerObj = document.getElementById(divId); if(!tickerObj) reportError("Could not find a div element with id \"" + divId + "\""); list = tickerObj.childNodes; if(list.length <= 0) reportError("The div element \"" + divId + "\" does not have any children"); for (var i=0; i<list.length; i++) { var node = list[i]; if (node.nodeType == 3 && !/\S/.test(node.nodeValue)) tickerObj.removeChild(node); } run(divId, 0); } function run(divId, count) { fadeText(divId); list[count].style.display = "block"; if(count > 0) list[count-1].style.display = "none"; else list[list.length-1].style.display = "none"; count++; if(count == list.length) count = 0; window.setTimeout("run('" + divId + "', " + count+ ")", interval*1000); } function reportError(error) { alert("The script could not run because you have errors:\n\n" + error); return false; } var interval = 7; // interval in seconds var fadeSpeed = 40; // fade speed, the lower the speed the faster the fade. 40 is normal. <!-- Paste this code into the HEAD section of your HTML document Change the file name and path to match the one you created --> <script type="text/javascript" src="yourFileName.js"></script> <!-- Paste this code into the BODY section of your HTML document --> <div id="tic"> <h1>Welcome to The JavaScript Source ...</h1> <p> The JavaScript Source is a part of Jupitermedia, in the Web Developer channel of the internet.com network.</p> <p> All the scripts on this site are free for personal or business use.</p> <p> The only requirement is that you leave the credit information inside the script.</p> <h2>JavaScripts</h2> <p> JavaScript programs are contained within the HTML code of the Web page and are interpreted by the browser as it's read.</p> <p> JavaScript provides greater flexibility through such luxuries as being able to create windows, display moving text, sound or other multimedia elements with relative ease.</p> <h2>Some Basics</h2> <p> JavaScript is not Java; it is an object-based scripting language; and it is cross-platform. </p> </div> <script type="text/javascript"> <!-- initialiseList("tic"); //--> </script> <p><div align="center"> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </div> I have to do a re-design project to convert a Flash website into xhtml and css only. The reason for this is that some corporate companies have been unable to see the site at all because thier firewalls ban all Flash content. My problem is this; the site is very contempory in design and the previous designer used Flash to create his own custom scroll bars that fit nicely with the contempory theme, but doing the same thing using CSS is impossible. I know you can kind of customise scroll bars in IE and I also know that you shouldn't. The client wants the site re-design to resemble the Flash version as much as possible, and I don't want to faithfully re-create the site and then have these chunky out of place scroll bars in the middle of it. Should I just propose that the layout be changed to avoid the need for scroll bars? I have the task of creating a question with multiple correct answers without using form checkboxes (for reasons I won't go into here.) I've made a simple question that works by replacing the src of a tickbox image with a ticked one when that answer is selected. It works in IE5.5 and Firefox but in IE6 the images show when the page loads, then disappear on clicking and don't come back. Can anyone suggest why? I've stripped out all the branding etc and put the basic page at http://www.normanlamont.com/test/mu...pages/index.htm Here's the code that does it: Code: function markup(which) {
// toggle tickbox on and off until submit
if (document.getElementById('c' + which).className=="chosen") {
document.getElementById('tick' + which).src="../q_images/tickbox_0.gif";
document.getElementById('c' + which).className="not_chosen";
selected[which-1]=0;
}
else {
document.getElementById('c' + which).className="chosen";
document.getElementById('tick' + which).src="../q_images/tickbox_1.gif";
selected[which-1]=1;
}
}
I have been searching for days in the css files to find where to change the height of the div container for the breadcrumbs. I have changed everything I could find that I thought may be related to this issue. Some of the very bottom of letters like g get cut off in Chrome and IE7. I have been using firebug to help me with this issue but this one has me stumped. Any help finding the correct placer to increase the space at the bottom of the breadcrumbs would be greatly appreciated. If someone could contact me for the url it would be appreciated as the forum rules state new users can't post urls Thank you DeZiner On the title of my gallery one of the words has moved to the second row. There is obvious room before the text hits the search box so I'm hoping to have all the text on the same row. This is what I've found for the gallery title CSS: #gallerytitle { padding: 10px 10px 10px 20px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; background: #F8F8F8; height:30px; border-bottom: 1px solid #CCC; What would I change there (if that is indeed the part that needs to be changed) to get the desired effect? Here is the site where you can see the gallery title issue. EDIT: I guess I can't link to my site. Hmm. It's kind of hard to describe what my problem is. I appreciate any help Hello! I hope someone can help me! Im trying to adapt a bigcartel css style sheet to make it a 4 row product column rather than 3. I just cant seem to get it correct when playing with the wrap, content and main content. The width seems to jump only from 3 to about 8! Im not actually hosting the theme myself to edit but just simply copied and pasted the css from a link provided straight into the basic design section in big cartel. It seems to be doing the trick but i cant get the spacing perfect to make it 4 columns wide!? Does anyone know if its because i need to actually host the template and images on my own server to be able to get it perfect? Any help to perfect this would be very much appreciated! Thanks so much in advance, Weesy Please let me apologise if this this the dumbest question ever but I know almost nothing about CSS. I want to make the white section of my page, the text area, wider but I have no clue how to do it, (a friend did the page originally and she is no longer around). And if I do extend the white section can I just add more to the header image to make that fit the new text area? Thank you http://testarea.sensationdesigns.com/triexa/ The dropdown menu... at the top... Okay so three main questions: 1) At 800x600, the last item shows up off the screen. Is there anyway to have it automatically not show off the screen? 2) Is it bottom to have the bounding boxes of each of the subitems be aligned to the right edge of the text rather than the left? 3) Is it possible to have the whole row clickable, rather than just the text? |
|||||||