Help - Search - Members - Calendar
Full Version: image not displaying what wanted
Forums > Resource Center > Webmasters' Corner > Resolved Topics
junpi
Jun 10 2008, 10:42 AM
Okay uhmm so the title of the topic isn't great but I was trying to code my images for my layout but it wouldn't appeared nicely and what i wanted. Here what it look like from FireFox&Internet Explorer.

click to enlarge


click to enlarge


Please ask if you want to view the code :D
schizo
Jun 10 2008, 11:02 AM
What are the codes you're using to do that? Are you trying to use a table or...? If you just do regular image links for those, it should line up with no problem.
junpi
Jun 10 2008, 11:22 AM
regular linkage :/
highwayto4355
Jun 10 2008, 04:05 PM
are you using the
CODE
<br>

and
CODE
<p>


stuff?
junpi
Jun 10 2008, 07:40 PM
br
this the first time that happen :(
jaeminnie
Jun 10 2008, 07:45 PM
QUOTE(junpi @ Jun 10 2008, 11:42 AM) *
Please ask if you want to view the code :D

Ideally, you should post the code anyway, since that's what the guidelines at the top say to do. _smile.gif
junpi
Jun 10 2008, 07:51 PM
style.css

CODE
BODY {
background-image:url('bg.jpg');
background-repeat:repeat-x;
background-color: #eef5f8;
margin: 0;
padding: 0;
}

td { background:transparent;
font-weight: none;
font-size:10px;
font-family:verdana;
line-height: 12px;
color:#2AA8A1;}

div#text {
text-align: justify;
color: #7c7c7c;
font-size: 11px;
font-family: tahoma;
font-weight: normal;
line-height: 14px;
padding: 4px;
padding-top:5px;
padding-bottom:8px;
}

#cont h1 {
text-align: right;
padding-right: 10px;
color: #ff1d43;
font-size: 18px;
line-height:17px;
font-family: Times New Roman;
text-transform: uppercase;
margin-top: 0px;
margin-bottom:3px;
border-right: 65px solid #339999;
}

u {
color: #C29E9C;
}

B {
color: #78C0A9;
}

i {
color: #BDAE93;
font-size: 11px;
}

#nav {
text-align:left;
}

#nav h1 {
text-align: center;
border-right: 15px solid #FFFFFF;
color: #77CDCA;
font-size: 15px;
font-family: Times New Roman;
letter-spacing: 5px;
text-transform: lowercase;
margin-bottom:5px;
margin-top:3px;
}

#nav A:link, #nav A:visited, #nav A:active {
border-bottom: 1px solid #F8867C;
text-align: center;
color: #FBFBFB;
font-size: 10px;
font-family: arial;
background-color: #F04335;
line-height: 13px;
text-decoration: none;
display: block;
}

#nav A:hover {
color: #928f8c;
text-decoration: none;
background:transparent;
}

A:link, A:visited, A:active {
color: #EF676B;
text-decoration: none;
border-bottom: 1px solid #F0BEC0;
}

A:hover {
color: #2AA8A1;
text-decoration: none;
border-bottom: 1px solid #FFFFFF;
}


coding

CODE
<html>
<head>
<title>skyline@yachiru.net</title>
</head>
<link href="/texture/style.css" rel="stylesheet" type="text/css">
<script language=JavaScript>
<!--

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>



<img src="layout.png" align="right">


<div id="nav" style="position:absolute; width:163px; left:775px; top: 190px;">
<h1>The Site</h1>
<a href="http://yachiru.net" target="_blank">The Host</a>
<a href="http://sky.yachiru.net/index.php">Index</a>
<a href="http://sky.yachiru.net/site.php">Skyline</a>
<a href="http://sky.yachiru.net/arts.php">Portfolio</a><br>

<h1>The Goods</h1>
<a href="http://sky.yachiru.net/texture">Textures</a>
<a href="http://sky.yachiru.net/stock">Stocks</a>
<a href="http://sky.yachiru.net/tutorial">Tutorial</a>
<a href="http://sky.yachiru.net/screencap">Screencaps</a>
<a href="http://sky.yachiru.net/media.php">Media</a><br>

</div>

<div style="position:absolute; width:473px; left:950px; top: 223px;">
<div id="cont" align="center">
<h1>Updates</h1></div>
    <div id="text">
        under contructions
    </div><BR><BR>
<div id="cont" align="center">
<h1>Credits</h1></div>
    <div id="text"><center>
<a href="/texture/2007/junpi-20071.png" target="_blank"><img src="/texture/2007/tn/junpi-20071.png" align="right"></a>
<a href="/texture/2007/junpi-20072.png" target="_blank"><img src="/texture/2007/tn/junpi-20072.png" align="right"></a>
<a href="/texture/2007/junpi-20073.png" target="_blank"><img src="/texture/2007/tn/junpi-20073.png" align="right"></a>
<a href="/texture/2007/junpi-20074.png" target="_blank"><img src="/texture/2007/tn/junpi-20074.png" align="right"></a> <BR>
<a href="/texture/2007/junpi-20075.png" target="_blank"><img src="/texture/2007/tn/junpi-20075.png" align="right"></a>
<a href="/texture/2007/junpi-20076.png" target="_blank"><img src="/texture/2007/tn/junpi-20076.png" align="right"></a>
<a href="/texture/2007/junpi-20077.png" target="_blank"><img src="/texture/2007/tn/junpi-20077.png" align="right"></a>
<a href="/texture/2007/junpi-20078.png" target="_blank"><img src="/texture/2007/tn/junpi-20078.png" align="right"></a> <BR>
<a href="/texture/2007/junpi-20079.png" target="_blank"><img src="/texture/2007/tn/junpi-20079.png" align="right"></a>
<a href="/texture/2007/junpi-200710.png" target="_blank"><img src="/texture/2007/tn/junpi-200710.png" align="right"></a>
<a href="/texture/2007/junpi-200711.png" target="_blank"><img src="/texture/2007/tn/junpi-200711.png" align="right"></a>
<a href="/texture/2007/junpi-200712.png" target="_blank"><img src="/texture/2007/tn/junpi-200712.png" align="right"></a> <BR>
<a href="/texture/2007/junpi-200713.png" target="_blank"><img src="/texture/2007/tn/junpi-200713.png" align="right"></a>
<a href="/texture/2007/junpi-200714.png" target="_blank"><img src="/texture/2007/tn/junpi-200714.png" align="right"></a>
<a href="/texture/2007/junpi-200715.png" target="_blank"><img src="/texture/2007/tn/junpi-200715.png" align="right"></a>
<a href="/texture/2007/junpi-200716.png" target="_blank"><img src="/texture/2007/tn/junpi-200716.png" align="right"></a> <BR>
<a href="/texture/2007/junpi-200717.png" target="_blank"><img src="/texture/2007/tn/junpi-200717.png" align="right"></a>
<a href="/texture/2007/junpi-200718.png" target="_blank"><img src="/texture/2007/tn/junpi-200718.png" align="right"></a>
<a href="/texture/2007/junpi-200719.png" target="_blank"><img src="/texture/2007/tn/junpi-200719.png" align="right"></a>
<a href="/texture/2007/junpi-200720.png" target="_blank"><img src="/texture/2007/tn/junpi-200720.png" align="right"></a> <BR>
<a href="/texture/2007/junpi-200721.png" target="_blank"><img src="/texture/2007/tn/junpi-200721.png" align="right"></a>
<a href="/texture/2007/junpi-200722.png" target="_blank"><img src="/texture/2007/tn/junpi-200722.png" align="right"></a>
<a href="/texture/2007/junpi-200723.png" target="_blank"><img src="/texture/2007/tn/junpi-200723.png" align="right"></a>
<a href="/texture/2007/junpi-200724.png" target="_blank"><img src="/texture/2007/tn/junpi-200724.png" align="right"></a> <BR>
<a href="/texture/2007/junpi-200725.png" target="_blank"><img src="/texture/2007/tn/junpi-200725.png" align="right"></a>
<a href="/texture/2007/junpi-200726.png" target="_blank"><img src="/texture/2007/tn/junpi-200726.png" align="right"></a>
<a href="/texture/2007/junpi-200727.png" target="_blank"><img src="/texture/2007/tn/junpi-200727.png" align="right"></a>
<a href="/texture/2007/junpi-200728.png" target="_blank"><img src="/texture/2007/tn/junpi-200728.png" align="right"></a> <BR>
<a href="/texture/2007/junpi-200729.png" target="_blank"><img src="/texture/2007/tn/junpi-200729.png" align="right"></a>
<a href="/texture/2007/junpi-200730.png" target="_blank"><img src="/texture/2007/tn/junpi-200730.png" align="right"></a>
<a href="/texture/2007/junpi-200731.png" target="_blank"><img src="/texture/2007/tn/junpi-200731.png" align="right"></a>
<a href="/texture/2007/junpi-200732.png" target="_blank"><img src="/texture/2007/tn/junpi-200732.png" align="right"></a> <BR>
<a href="/texture/2007/junpi-200733.png" target="_blank"><img src="/texture/2007/tn/junpi-200733.png" align="right"></a>
<a href="/texture/2007/junpi-200734.png" target="_blank"><img src="/texture/2007/tn/junpi-200734.png" align="right"></a>
<a href="/texture/2007/junpi-200735.png" target="_blank"><img src="/texture/2007/tn/junpi-200735.png" align="right"></a>
<a href="/texture/2007/junpi-200736.png" target="_blank"><img src="/texture/2007/tn/junpi-200736.png" align="right"></a> <BR>
<a href="/texture/2007/junpi-200737.png" target="_blank"><img src="/texture/2007/tn/junpi-200737.png" align="right"></a>
<a href="/texture/2007/junpi-200738.png" target="_blank"><img src="/texture/2007/tn/junpi-200738.png" align="right"></a>
<a href="/texture/2007/junpi-200739.png" target="_blank"><img src="/texture/2007/tn/junpi-200739.png" align="right"></a> <BR><BR><BR><BR><BR><BR>
    These all old textures that made from Jan. 2007 to Dec. 2007 but never had the chance to share it with anybody.
    Please also remember not to hotlink or realternate these textures in any ways to claim it's yours. Please also remember to credit skyline if used.Thanks :D<center></div><BR><BR>
<div id="cont" align="center">
<h1>Credits</h1></div>
    <div id="text"><center>
    Layout © <a href="http://sky.yachiru.net/" target="_blank">Skyline</a><br>
    Resources © <a href="http://feel.hironeko.net/" target="_blank">FEEL</a>, <a href="http://www.shabbyprincess.com/" target="_blank">Shabby Princess</a>, <a href="http://cherriefactory.deviantart.com/" target="_blank">Cherrie Factory @ DA</a>
    </center></div><BR><BR>
</div>
</body>
</html>
junpi
Jun 11 2008, 08:45 AM
you can close this got it fixed :D
jaeminnie
Jun 11 2008, 08:52 AM
All right, then; closed, and moved to Webmasters' Resolved Topics.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.