Jump to content
  • 0

Style sheet Problem


pojiejapan

Question


  • Group:  Members
  • Topic Count:  37
  • Topics Per Day:  0.01
  • Content Count:  126
  • Reputation:   6
  • Joined:  11/18/11
  • Last Seen:  

Hye I have made a website, the problem is when ever I put an image with a link on it. every picture go to top left corner. Only pictures and words with no link on it stay on the place.

It seems if I don't the link on the picture it will stay. ahref problem?

Can someone help me?

Link to comment
Share on other sites

4 answers to this question

Recommended Posts


  • Group:  Members
  • Topic Count:  9
  • Topics Per Day:  0.00
  • Content Count:  379
  • Reputation:   304
  • Joined:  11/10/11
  • Last Seen:  

Hi,

Show us your style sheet :(

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  37
  • Topics Per Day:  0.01
  • Content Count:  126
  • Reputation:   6
  • Joined:  11/18/11
  • Last Seen:  

body { background: #8ce0ff url(images/bgpng.png) repeat-x;
min-height:500px; height:auto;}
#wrapper
{
width:956px;
height:auto;
min-height:250px;
margin:auto;
}

.menubg
{
background:url(images/topmenu.png) no-repeat;
width:956px;
height:217px;
float:left;
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0px;
}

#sidebar
{
width:220px;
height:auto;
float:left;
min-height:200px;
margin-bottom:20px;
}
.sidemenu
{
background:url(images/box1.gif) no-repeat;
width:219px;
height:170px;
float:left;
margin-top:0px;
}
.h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
float:left;
color:#444444;
width:185px;
margin: 16px 0 0 20px;
}
a:link {color:#FFF;}	  /* unvisited link */
a:visited {color:#FFF;}  /* visited link */
a:hover {
color:#000000;
}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */
.menu
{
float:left;
width:156px;
margin-top: 45px;
margin-right: 0;
margin-bottom: 20px;
margin-left: 30px;
}
a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
font-weight: bold;
top: 5px;
position: absolute;
}
.buttons
{
width:220px;
height:auto;
float:left;
margin:10px 0 0 0;
}
.pom
{
background-color:#1b1b1b;
width:219px;
min-height:120px;
height:auto;
float:left;
margin-top:5px;
}
.pom_info
{
width:185px;
height:auto;
min-height:20px;
float:left;
margin:10px 0 10px 16px;
}
.h2
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}
.h3
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background-color:#770101;
}
.h4
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
background-color:#414141;
}
#content
{
width:507px;
min-height:40px;
height:auto;
float:left;
margin:1px 0 0 8px;
}
.statusbg
{
background:url(images/status_bg.png) no-repeat;
width:550px;
height:40px;
float:left;
}
.h5
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
}
.status_txt
{
width:600px;
height:20px;
margin:5px 0 0 20px;
float:left;
}
.welcome
{
background-color:#1b1b1b;
width:507px;
min-height:200px;
height:auto;
float:left;
margin:10px 0 0 0;
}
.title_header
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
float:left;
color:#FFFFFF;
width:470px;
margin: 16px 0 0 20px;
border-bottom: 1px dashed #414141;
}
.welcome_txt
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
color:#315195;
width:450px;
margin: 10px 10px 20px 30px;
}

.newsbg
{
background-color:#1b1b1b;
width:507px;
min-height:200px;
height:auto;
float:left;
margin:10px 0 0 0;
}
.date
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
float:left;
font-style:italic;
color:#395185;
width:450px;
margin: 0 10px 20px 20px;
}
.avatar
{
width:118px;
height:107px;
display:block;
float:left;
margin: 0 15px 0 15px;
}
.news_txt
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
float:left;
color:#787878;
display:block;
width:320px;
margin:0 10px 20px 0;
}
#sidebar2
{
width:212px;
min-height:100px;
height:auto;
float:left;
margin-top:1px;
margin-left:8px;
}
.stime
{
width:212px;
background-color:#1b1b1b;
background:url(images/box2.gif) no-repeat;
height:100px;
float:left;
}
.side2title
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
float:left;
color:#FFFFFF;
width:170px;
margin: 16px 0 20px 20px;
}
.time
{
width:150px;
height:25px;
float:left;
margin-left:35px;
margin-top:35px;
}
.woe
{
background:url(images/box3.gif) no-repeat;
width:212px;
height:180px;
float:left;
margin-top:10px;
}
.woe_info
{
width:185px;
height:auto;
min-height:20px;
float:left;
margin:50px 0 50px 16px;
}

.ss
{
width:212px;
background-color:#1b1b1b;
min-height:200px;
height:auto;
float:left;
margin:10px 0 10px 0;
}
.slideshow { height: 130; width: 180px; margin: 20px 0 0 5px }
.slideshow img { padding: 5px;  background-color: #1b1b1b; }
#footer
{
width:800px;
margin:auto;
float:left;
}
.copy
{
width:800px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
float:left;
margin:10px 0 10px 80px;
}

I hope u can help me sir, just ask me for any information

Or here us the link sir http://www.mediafire.com/?suelkb2gxmpng44

Edited by pojiejapan
Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  9
  • Topics Per Day:  0.00
  • Content Count:  379
  • Reputation:   304
  • Joined:  11/10/11
  • Last Seen:  

a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
font-weight: bold;
top: 5px;
position: absolute;
}

Remove the "top:5px;" and "position:absolute", don't know why you do this but it's your problem.

Link to comment
Share on other sites


  • Group:  Members
  • Topic Count:  37
  • Topics Per Day:  0.01
  • Content Count:  126
  • Reputation:   6
  • Joined:  11/18/11
  • Last Seen:  

THANK YOU SO MUCH SIR!!!!!!! YOU MADE MY DAY!!

I just opened it with dreamweaver, maybe I just changed it then. THX SIR!!!!

Link to comment
Share on other sites

×
×
  • Create New...