CSS - Css Header Link

http://tinyurl.com/5llwfl

I'm having some problems with this page in particular. Try clicking on one of the Left or Right white image arrows below the main picture. This only occurs in Firefox 2.x. Once you click the link, the content area below "Starting from $278.497" should shift roughly 5 pixels down.

I thought it may be related to the dotted link outline that surrounds the image, but that was not the case. I applied styles to get rid of that and there was no changes.
I also thought it may be related to a position:relative; bug which this site has been notorious for. I tried making certain divs in that area position:relative to no avail. So to test further I tried an overall #content *{position:relative;} fix which could not fix the position shift, either.

I'm not sure what else it could be. And while I do have access to the build of this app, I have not been able to reproduce the issue by downloading all HTML, CSS, and image files locally.

Hello
Is there a way i can restore my <a href> link back to its original color, that is before the a:visited event, when I click on another link?
PS. no Javascript code needed, is their an alternative in css?

I have my links defined with a dashed border, but I don't want this on linked images and I'm trying to figure out if I can accomplish this with CSS only without additional markup in my HTML file.

Here is a sample file:

http://www. shawkey.com/test/imagebordertest.html

Any suggestions on how I can get the dashed border to not appear below the image and only appear below the text with just CSS?

Hello

is there a way to make it so hyperlinks are not decorated as the default blue? I have the following css which I've attempted to make it so the text '.com' is always white, but it defaults to the standard link color.

html:

<td class="nodecoration"><a class="nodecoration" href="http://www.somesite.com">.com</a></td>

css:

Code:

td.nodecoration {
	background-color: #003399; color: white; width: 120px; height: 30px; font-family: "Verdana", sans-serif; font-size: 25px; font-weight: bold; text-align:center;
}

A:link.nodecoration {text-decoration: none}
A:visited.nodecoration{text-decoration:none}
A:active.nodecoration{text-decoration:none}
a:hover.nodecoration{text-decoration:underline}

I'm currenty working on a website, and header is really starting to get on my nerves. If you go to http://www.techtalk.l2p.net/tab/index.php you can see what I have done so far. Well, I have a few problems.
When trying to log in, and you press tab to go from Username to Password, it goes to the Login link instead. After filling in the Password field, and you press Enter, nothing happens. When the browser is resized, the whole header gets messed up. I was thinking some CSS could help it work, but I have no idea where to start. Any help would be appreciated.

Post resolved -- css controlled by unmentioned files.
(apologies for duplicate post, was sure that was "edit" but must not have been)

Hello, my name is Jordan, and I run breatheheavy (can't post the URL)

I have a new header designed that's 1665x515px. I am having a little trouble putting it on the website because of the current restrictions placed in Wordpress on the header.php and style.css files. When I uploaded the header and changed the settings in Wordpress, it didn't look correct on all browsers or the iPad. I was hoping to get some help from someone that could help me with this and make it compatible with all browsers / mobile version.

You can see the site on an ipad simulator site (also can't post the link)

Thanks for reading

Sending good vibes your way,

Jordan

Why is the second header on his site is located at the bottom of the page, I can't seem to figure it out. Can anyone take a look at the page and maybe point me in the right direction? The url is <NO LONGER AVAILABLE> I know that is has to have something to do with #clearheader1 or #clearheader2 calls. Maybe where they are placed or something.

How do i stop the <h1> add white space above and below anything in the header tag.

what in gods name am I doing wrong?
I want the header image to scale with the web page, I can't stand how it shows the scroll bar when you resize firefox's window.

themidnighter .ca/test

Thanks!

hi my site uses class i press, a wordpress theme (www,grimsbyforsale,com) how do i make my header bigger so my logo image does not overlap? what values on what code would i need to change i am new to all this ?

Hi,

I am working on a design for one of my websites and have run into a little bit of a problem. I am hoping one of you guys can help me out. I am relatively new to coding with css and have read a bunch of tutorials but cannot for the life of me figure out how to convert the following table into divs:

Code:

<table border=0 width=100%>
<tr>
<td rowspan=3>logo</td>
<td rowspan=3>navigation bar</td>
<td>some links</td>
</tr>
<tr>
<td>search box</td>
</tr>
<tr>
<td>more links</td>
</tr>
</table>

Basically its the header part of the design, I have the rest of it done without much problems. I have tried everything but cannot get it to look like the table. Any help will be greatly appreciated.

Thanks,

Hi,

How do I indent my H1 tag as they are too close to the edge of the page. I tried all the functions for a <p> but they dont work for headers

Thanks

Hi guys,

So, I've been working on my portfolio site over the past week or so and I'm really pleased with how it's looking. You can view it here eyeforillustration.com It is on the Cargo Collective platform.

I have just one last problem that I just can't get my head around.

Basically, I can't get the header image aligned with the thumbnails and footer properly.

I would also like the header to slide like the thumbnails and footer when you resize the page. Also, when viewing it in different resolutions it seems to jump around depending on the width?

I'm pretty sure it's something to do with the header container but I've tried everything and can't get it working.

If you guys could take a quick look, any help would be much appreciated.

Jack

(If anyone would like an invitation to try Cargo out, I do have a couple to give away, just let me know)

I'm new to CSS .. got the basics, but having a problem using 3 images in a header for a site .....

[---img_1 ------img_2 -----img_3----]

I want img_2 to allways be centered. in the page, and img_1 and img_3 on the sides... so far I have that working .. now the problem .... I want img_1 & img_3 to scale depending on size of browser ... so that the header fills 100% of the width .....

html
<div id="siteHead" align="center">
<div id="leftbar"></div>
<div id="midbar"></div>
<div id="rightbar"></div>
</div>

css
#siteHead {
width:100%;
}

#leftbar {
float:left;
width:100%;
height:248px;
background-image: url(imgs/1_01.jpg);
background-repeat: repeat-x;
text-align:right;
}

#midbar {
float:left;
width:778px;
height:248px;
background-image: url(imgs/1_02.jpg);
background-repeat: no-repeat;
text-align:center;
}

#rightbar {
float:left;
width:100%;
height:248px;
background-image: url(imgs/1_03.jpg);
background-repeat: repeat-x;
text-align:right;
}


so what am I missing ... or whats my n00b mistake ... I hope I made sense ... english is poor

playing with width %'s if browser is so small the 3 images stack on each other .. I would like to prevent that from happening ... but one n00b issuse at a time....