Jump to content

Possible CSS issue (Don't know what might be affecting it)


dmei4
 Share

Recommended Posts

Sorry. I should have posted the code. Though, I realize this could be an issue with the jquery UI since I'm not using that CSS file they give you when you download UI.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title></title><link rel="stylesheet" type="text/css" href="style2_DM.css" media="screen" /><script type="text/javascript" src="jquery-1.4.2.min.js"></script><script type="text/javascript" src="jquery-ui-1.8.5.custom.min.js"></script><script type="text/javascript">$(document).ready(function(){	$("#menu").accordion({ event: 'mouseover'});});</script></head><body><div id="columns">    <div id="menu">        <h1><a href="index.html">WORK</a></h1>            <div></div>        <h1><a href="#">INFORMATION</a></h1>            <div>                <a href="#">Information</a>                <a href="#">CV</a>                <a href="#">Articles</a>                <a href="#">Awards</a>            </div>        <h1><a href="#">CONTACT</a></h1>            <div></div>    </div>    </div></body></html>

CSS

@charset "UTF-8";/* CSS Document */body {background-image:none;background-color:#FFF;color:#000;font-size:11px;font-family:tahoma;}#columns {overflow:hidden;width:950px;margin: 10px auto;}#nav {color:#666666;float:left;font-family:tahoma;font-size:9px;letter-spacing:1px;line-height:14px;padding:35px 25px 0;text-transform:none;width:160px;min-height:550px;}/* --------- MENU -------------- */#menu	{	position:fixed;	top:33px;	left:6%;	width:210px;	}#menu li {	list-style-type:none;	padding-left:0px;}/* -------- Normale links ------------- */a:link {		color: #000;		text-decoration: none;}a:hover {	color:#000;	background-color: #6F6;}		a:visited {		color: #999999;		text-decoration: none;}/* ---  content ---- */#main {	width: 850px;	float:left;	margin-left:120px;	padding-bottom:50px;}#main li	{	list-style-type: none;	padding-bottom:0px;	padding-left:20px;	padding-right: 18px;	}h1 {	padding-left:0px;	font-size:100%;	font-weight: bold;}h2 {	padding-left:0px;	font-size:95%;	font-weight: normal;	padding-top: 0px;}h5 {	padding-left:4px;	font-size:100%;	width: 100%;	padding-bottom: 1px;}/* --- DM Edition --- */#menu a {width:205px; float:left; padding-left:5px;}#menu a:active { outline:none;}#menu p {width:100%; float:left;}#menu div {width:205px; padding-bottom:5px;}#menu h1 { font-weight:100;}#section {width:100%;float:left;padding:0; margin:0;}#year {width:50px;float:left;padding-left: 2em;}#year a {padding:0; margin:0; text-decoration:none; color:000;}#year a:visitied {padding:0; margin:0; text-decoration:none; color:000;}#divider {width: 750px;float:left; display: inline; border-top-width: 1px; border-top-color:#000000; border-top-style:solid; margin-top:25px;}#divider2 {width: 750px;float:left; display: inline; border-top-width: 1px; border-top-color:#000000; border-top-style:solid; margin-top:25px; margin-left:72px;}#work {width:750px; float:left; padding: 15px 10px 0px 10px;}#title {width:100%; float:left;}#images {width:100%; float:left; padding-top: 5px; padding-bottom: 5px;}#caption {width:100%; float:left; padding-bottom:5px;}#text {width:700px; float:left; padding-right:50px;}#images2 {width:200px; height:100%; float:left; padding-top: 5px; padding-bottom: 5px;}#caption2 {width:550px; float:left; padding-bottom:5px;}#text2 {width:550px; float:left;}

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...