Support Forums

Uploaded with ImageShack.us

Here is my css code

Code:
/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

    text-decoration:none;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

    display: block;

}

body {

    line-height: 1;

}

ol, ul {

    list-style: none;

}

blockquote, q {

    quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

/* MAIN STYLE */

body {

    height:100%;

    width:100%;

    margin:0;padding:0;

    overflow:hidden;

}

#wrapper {

    width:100%;

    height:100%;

    position:absolute;

    top:0;left:0;

    background-color:#ccc;

    overflow:hidden;

}

    #mask {

        width:500%;

        height:100%;

        background-color:#eee;

    }

    .item {

        width:20%;

        height:100%;

        float:left;

        background-image:url('img/2.jpg');

    }

    .content {

        width:1250px;

        height:500px;

        top:15%;

        margin:0 auto;

        background-color:#aaa;

        opacity:0.7;

        filter:alpha(opacity=70);

        position:relative;

        border-radius: 20px;

        -moz-box-shadow: inset 0 0 10px #000000;

        text-align: center;

    }

    .selected {

        background:#fff;

        font-weight:700;

    }

    .clear {

        clear:both;

    }

What is your problem?

Are you talking about the color of your links?

I've placed your code in [code] tags for you. I can't help at the minute as I'm very busy, but If I get a chance I'll take a look over it a bit later on.

Thanks Fragma

My problem is I could move the menu down a little bit

(09-25-2011, 09:48 AM)intel 4004 Wrote: [ -> ]Thanks Fragma

My problem is I could move the menu down a little bit

What do you mean "You could move the menu down a little bit"?

I don't know how to. I've tried border, margin, padding and all won't work
This is not a normal html page

index.html

Spoiler (Click to View)

Quote:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Scroll Diagonally</title>
<LINK REL=StyleSheet HREF="style.css" TYPE="text/css">
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>

<script>

$(document).ready(function() {

$('a.panel').click(function () {

$('a.panel').removeClass('selected');
$(this).addClass('selected');

current = $(this);

$('#wrapper').scrollTo($(this).attr('href'), 800);

return false;
});

$(window).resize(function () {
resizePanel();
});

});

function resizePanel() {

width = $(window).width();
height = $(window).height();

mask_width = width * $('.item').length;

$('#debug').html(width + ' ' + height + ' ' + mask_width);

$('#wrapper, .item').css({width: width, height: height});
$('#mask').css({width: mask_width, height: height});
$('#wrapper').scrollTo($('a.selected').attr('href'), 0);

}

</script>
</head>
<body>

<div id="wrapper">
<div id="mask">



<div id="item1" class="item">
<a name="item1"></a>
<div class="content"><img src="img/home.png" alt="Home" />
<a href="#item1" class="panel">News</a> |
<a href="#item2" class="panel">Pictures</a> |
<a href="#item3" class="panel"><img src="img/video.png" alt="videos" />Videos</a> |
<a href="#item4" class="panel">Tutorials</a> |
<a href="#item5" class="panel">Contact</a>
</div>
</div>

<div class="item"></div>
<div class="item"></div>
<div class="clear"></div>



<div class="item"></div>

<div id="item2" class="item">
<a name="item2"></a>
<div class="content">item2 <a href="#item1" class="panel">back</a></div>
</div>

<div class="item"></div>
<div class="clear"></div>



<div class="item"></div>
<div class="item"></div>

<div id="item3" class="item">
<a name="item3"></a>
<div class="content"><img src="img/video.png" alt="videos" /> <a href="#item1" class="panel">back</a></div>
</div>

<div class="clear"></div>



<div class="item"></div>

<div id="item4" class="item">
<a name="item4"></a>
<div class="content">item2 <a href="#item1" class="panel">back</a></div>
</div>

<div class="item"></div>
<div class="clear"></div>



<div id="item5" class="item">
<a name="item5"></a>
<div class="content">item2 <a href="#item1" class="panel">back</a></div>
</div>
</div>

<div class="item"></div>
<div class="item"></div>
<div class="clear"></div>

</div>
</div>

</body>
</html>

[/php]

I don't understand what you want to do?

Miku

-1337

Fragma

Miku

-1337

Miku

TalishHF