Menu
Community /Pin to ProfileBookmark
@cootheadMay 19.2009 — #Hi there Not to mention,
when I opened your link I was presented with a basically blank page. :eek:
It appears that you used javascript to create it. :eek:
I believe that at least 5% of users have it disabled, so I would suggest that you try it like this instead...
[i]coothead[/i]@cootheadMay 20.2009 — #Hi there Not to mention,
the css problem is caused by your use of [b]src[/b] here...
Change it to [b]href[/b].
In your stylesheet you need to add [b]index_files[/b] to all the [b]background-image[/b] urls as in this example...
[i]coothead[/i]
margin free pictures
On my website, i have buttons that need to be side by side.instead they are separate. how can i remove the margin?
[url]http://www.macheteteds.com/site/index.htm
Sign in
to post a comment6 Comments(s) ↴
0
@cootheadMay 19.2009 — #Hi there Not to mention,when I opened your link I was presented with a basically blank page. :eek:
It appears that you used javascript to create it. :eek:
I believe that at least 5% of users have it disabled, so I would suggest that you try it like this instead...
[color=navy]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
[color=red]<!-- this is for coothead testing and can be removed -->
<base href="http://www.macheteteds.com/site/index_files/">
[/color]
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Expired Studios</title>
<style type="text/css">
html,body {
height:100%;
margin:0;
padding:0;
background-color:#222;
}
#container {
width:946px;
height:99%;
margin:auto;
background-color:#cdcdcd;
}
#top {
border-top:8px solid #222;
background-color:#999899;
}
#nav {
width:600px;
height:40px;
margin:0 auto 3px;
padding:0;
list-style-type:none;
}
#nav li {
float:left;
}
#nav a {
display:block;
width:120px;
height:40px;
}
#nav span {
display:none;
}
#mod {
background-image:url(mods_out.png);
}
#mod:hover {
background-image:url(mods.gif);
}
#vid {
background-image:url(videos_out.jpg);
}
#vid:hover {
background-image:url(videos.gif);
}
#gam {
background-image:url(games_out.jpg);
}
#gam:hover {
background-image:url(games.gif);
}
#mac {
background-image:url(mach_out.jpg);
}
#mac:hover {
background-image:url(mach.gif);
}
#frm {
background-image:url(for_out.png);
}
#frm:hover {
background-image:url(forums.gif);
}
#logo {
width:320px;
height:338px;
margin:auto;
}
#logo span {
display:none;
}
#logo a {
display:block;
height:320px;
background-image:url(logo.png);
}
#logo a:hover {
height:338px;
background-image:url(logo.gif);
background-position:-2px 10px;
background-repeat:no-repeat;
}
#sr_hor {
background-color:#000;
}
#sr_hor span {
display:none;
}
#sr_hor a {
display:block;
width:120px;
height:25px;
margin:auto;
background-image:url(sr_hor_out.png);
}
#sr_hor a:hover {
background-image:url(sr_hor_over.png);
}
#content h1 {
padding:10px;
font-size:24px;
}
#content p {
padding:10px;
}
#content h2 {
padding:10px;
font-size:24px;
font-weight:normal;
color:#007;
}
.hide {
display:none;
}
.fh {
height:100%;
}
</style>
<script type="text/javascript">
function moveit() {
test=true;
t=document.getElementById('top');
c=document.getElementById('content');
document.getElementById('move').onclick=function() {
if (test==true) {
t.className='hide';
c.className='fh';
test=false;
}
else {
t.className='';
c.className='';
test=true;
}
return false;
}
}
if(window.addEventListener){
window.addEventListener('load',moveit,false);
}
else {
if(window.attachEvent){
window.attachEvent('onload',moveit);
}
}
</script>
</head>
<body>
<div id="container">
<div id="top">
<ul id="nav">
<li><a id="mod" href="#"><span>Mods</span></a></li>
<li><a id="vid" href="#"><span>Videos</span></a></li>
<li><a id="gam" href="#"><span>Games</span></a></li>
<li><a id="mac" href="#"><span>Machinimas</span></a></li>
<li><a id="frm" href="#"><span>Foroms</span></a></li>
</ul>
<div id="logo"><a href="#"><span>Logo</span></a></div>
</div>
<div id="content">
<div id="sr_hor"><a id="move" href="#"><span>sr_hor</span></a></div>
<h1>Welcome to Expired Studios!</h1>
<p>
Here, we let you upload games, mods, videos and machinimas!
</p><p>
I am sorry, but the site is still under construction, so please be patient! For rules,click here:
</p>
<h2>Rules.</h2>
</div>
</div>
</body>
</html>
[/color][i]coothead[/i]
0
@cootheadMay 20.2009 — #Hi there Not to mention,the css problem is caused by your use of [b]src[/b] here...
[color=navy]<link [color=red]src[/color]="css/home.css" rel="stylesheet" type="text/css">
[/color]Change it to [b]href[/b].
In your stylesheet you need to add [b]index_files[/b] to all the [b]background-image[/b] urls as in this example...
[color=navy]
#mod {
<i> </i>background-image:url([color=red]index_files/[/color]mods_out.png);
}
[/color][i]coothead[/i]