Hi, I'm new here and wanted to change my portfolio-Layout.
I'm not a CSS-beginner though...(not a pro as well)
yesterday I was nearly finished, but somehow not everything works anymore.
Like the pictures for the container, header and module-titles.
The images are stored at photobucket and since I can see them there and the body-background image loads, it must be something else.
Please help, anybody??
Hi, I'm new here and wanted to change my portfolio-Layout.
-repeat;
Oct 30th, 2009I'm not a CSS-beginner though...(not a pro as well)
yesterday I was nearly finished, but somehow not everything works anymore.
Like the pictures for the container, header and module-titles.
The images are stored at photobucket and since I can see them there and the body-background image loads, it must be something else.
Please help, anybody??
body {
background: #2f2e2c url(http://i301.photobucket.com/albums/nn80/ka-bi/HPs/shadowness-bg-1.jpg) top left repeat-x;
margin: 0;
padding: 0;
background-attachment: scroll;
}
.bubble_topleft {
background:url(http://i301.photobucket.com/albums/nn80/ka-bi/HPs/bubble-top_left.gif);
width:30px; height:21px;
}
.bubble_top {
background:url(http://i301.photobucket.com/albums/nn80/ka-bi/HPs/bubble-top.gif);
height:21px;
}
.bubble_topright {
background: url(http://i301.photobucket.com/albums/nn80/ka-bi/HPs/bubble-top_right.gif);
width:30px;
height:21px;
}
.bubble_left {
background: url(http://i301.photobucket.com/albums/nn80/ka-bi/HPs/bubble-left.gif);
width:30px
}
.bubble_BG {
background: #ffffff;
font-size:14px;
color:#000000;
}
.bubble_right { background: url(http://i301.photobucket.com/albums/nn80/ka-bi/HPs/bubble-right.gif);
width:30px
}
.bubble_botleft {
background:url(http://i301.photobucket.com/albums/nn80/ka-bi/HPs/bubble-bottom_left.gif);
width:30px
}
.bubble_bot {
background: url(http://i301.photobucket.com/albums/nn80/ka-bi/HPs/bubble-bottom.gif) ;
}
.bubble_botright { background:url(http://i301.photobucket.com/albums/nn80/ka-bi/HPs/bubble-bottom_right.gif);
width:30px
}
#menu a{
color:#777777;
}
.menu_root:hover{
border-top: 1px dashed #cccccc;
border-bottom: 1px dashed #cccccc;
background-color:transparent;
color:#fff;
}
.menu_sub:hover, .menu_sub-over {
border-top: 1px dashed #d7b677;
border-bottom: 1px dashed #d7b677;
background-color:transparent;
color:#d7b677;
}
small, .small{
color: #6e9cdc;
}
body{
color: #fff;
}
a{
color: #d7b677;
}
a:hover{
color: #ffffff;
}
#container {
background-image: url(http://i301.photobucket.com/albums/nn80/ka-bi/HPs/container-bg.jpg) top left repeat-x;
}
.module_head{
background-image: url(http://i301.photobucket.com/albums/nn80/ka-bi/HPs/title-bar.jpg) #000000;
background-repeat
background-position:right;
margin-bottom:-3px;
padding-bottom:10px;
border-left: 1px dotted #ffffff;
border-top: 1px dotted #ffffff;
border-right: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff;
color: #d994c1;
font-weight:bold;
font-size:18px;
height:auto;
}
.module_content{
padding-top:10px;
padding-bottom:15px;
background-color:#000;
border-top:0px dashed #ffffff;
border-left: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff;
border-right: 1px dotted #ffffff;
height/art/110%;
}
.module_content2{
margin-top:-1px;
background-color:#1b3957;
border-top:0px dashed #ffffff;
border-left: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff;
border-right: 1px dotted #ffffff;
color: #4999dc;
font-size: 20px;
font-weight:bold;
}
.module_content2b{
background-color:#000;
border-top:0px dashed #ffffff;
border-left: 1px dotted #ffffff;
border-bottom: 0px dotted #ffffff;
border-right: 1px dotted #ffffff;
color: #2b5988;
font-size: 14px;
font-type: arial;
}
#header{background-image:url(http://i301.photobucket.com/albums/nn80/ka-bi/HPs/header-1.gif) top left no-repeat;