Weird IE10 Issues

Hi all,

To start i'll paste my css and html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en-US">
 
<head>
<meta content="en-au" http-equiv="Content-Language">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<link href="../../resources/css/classes.css" rel="stylesheet" type="text/css">
<title>Gallery</title>
<link rel="shortcut icon" href="../../resources/images/favicon.ico">
</head>
 
<body>
 
<div class="header">

CSS Position Help

Hey good afternoon!

I've long delayed my process into switching over to CSS. Today I'm running across a position error and was wondering if anyone could spot the anamoly.

Here is the page:
http://cma.twoseven.org/css-trials-version-1

How it appears now:
I've used the fixed tag for everything except the text. I did this to test browser sizing. Code below:

@charset "utf-8";
 
body {
	background-color: #fafafa;
	font-size: 15.5%;
	margin: 0;
	padding: 0;
}
body * {
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {

css absolute positioning shows different in safari

Hi,

This is racking my brain!
I've tried everything.

The CSS absolute positioning shows different in safari. In Firefox it's perfect.

How do I get it to work in all sites.

Also, the sizing changes the site as well. Is there a way to make it stay the same size despite the browser size?

www.creativejeniusagency.com/bevy/bevy.html

position problem of two input elements with partial overlay

Hi All,

I am trying to display a input textbox with an overlapping image button on the right hand side. My problem is that when the page gets re-size, the image moves down. I know that my explanation is poor by you can see it in action here. Please use the spliter to expand collapsed the result area. I did not know how to upload my image, thus i have replace this with a blue button.

Any help will be greatly appreciate.

Thanks

Need to make circles part of navigation links

I'm trying to make a website to look like this: Screen Shot 2013-09-30 at 11.03.52 AM.png

I cannot seem to find a way to make my navigation bar links to have a circular background or a circular link.
 
PLEASE HELP ASAP
 
This is for a web design class and my professor doesn't even know.

Syndicate content