Rules      FAQ       Register        Login
It is currently September 15th, 2019, 12:05 pm

All times are UTC - 5 hours [ DST ]




Post new topic Reply to topic  [ 11 posts ] 
Author Message
 Post subject: Need Layout Help ASAP
PostPosted: April 19th, 2010, 12:49 am 
Welcomator
Welcomator
User avatar

Joined: 10 July 2005
Posts: 23149
Location: Where there are handsome heroes and sexy villains.. all that need some lovin' ;)
Country: Gondor (xg)
Gender: Female

Offline
Ok, this is a bit complicated but I'll try and explain it as easily as I can.

I have been using for a few months now a standard layout. It's one I created from bits and pieces and each time I want a new layout, I just fiddle with the current code and there's never any trouble. It's basically so I don't have to do much as I'm not so great at coding.

However, I have just created a layout and for some reason it's completely messed up and I have tried all sorts of things to get it right. I have checked and re-checked the coding and I can't understand what is causing the problem.

Here is what it currently looks like:

http://pavedwithstars.skyward-thoughts.com/newyork.php

I know I can make the text more central, but for some reason I can even move the header position by changing the content position (may be normal but I have never had that happen before..except the last time I had this same problem and I just scrapped the layout). However, even if I do try and get the text central, the background (grey) and text background (pink) are completely out of lign.

So, in short I don't know what to do. I had hoped to update before I go away on Friday, so if anyone here can help me, I would really appreciate it.

I don't know what information you might need but here is my top image:

http://img683.imageshack.us/img683/7804/nytopimage1.png

Here is my background:

http://img697.imageshack.us/img697/8378/nybg1.png


My homepage code:

<html>

<head >
<title>New York... New York... Paved With Stars</title>
<link href="nstyle.css" rel="stylesheet" type="text/css">
</head>

<body marginleft=0 margintop=0>

<img src="http://img683.imageshack.us/img683/7804/nytopimage1.png">
<div id=side>
<span id=navbar></span>
<center><span id="sidehead">Welcome!</span></center>
...................................................
Hello and thank you for visiting <i>Paved With Stars</i>, my graphics and resources site. Here you will find many things, free for you to use. So take a look around and enjoy your stay!<br><br>


<center><span id="sidehead">Navigation</span></center>
...................................................


<a href="HOME.php">Home</a><br>
<a href="Visitor.php">Resources</a><br>
<a href="Graphics.php">Graphics</a><br>
<a href="Site.php">Site</a><br>
<a href="Tag.php">Tag</a><br><br>



<center><span id="sidehead">Information</span></center>
...................................................
Opened: May 14th, 2007<br>
Owner: <a href="mailto:paved-with-stars@hotmail.co.uk">Johnny's Fan</a><br>
Host: <a href="http://skyward-thoughts.com" target="_blank">Erica</a><br>
Layout: ver. 7; made by <a href="mailto:paved-with-stars@hotmail.co.uk">me</a><br>
Credit: <a href="http://skyward-thoughts.com" target="_blank">&</a> <a href="http://eelmikashigaru.deviantart.com/" target="_blank">&</a><br>
Hits:


<div id="content">

<h2>Updates</h2>


<script type="text/javascript" src="http://www.haloscan.com/load/jfgimli"> </script>

<img border="0" align="left" src="http://img21.imageshack.us/img21/5051/frank21.png"><b><font face="times new roman">Christmas is coming!!</b></font face> <a href="javascript:HaloScan('Name');" target="_self"><script type="text/javascript">postCount('Name');</script></a><p>


<h3>Graphics</h3>


<h3>Resources</h3>


<h3>Huggles</h3>


<p><br><br><br>


</div>

<!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=4650481;
var sc_invisible=0;
var sc_partition=56;
var sc_click_stat=1;
var sc_security="7a7ad095";
var sc_text=2;
</script>

<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
class="statcounter"><a title="wordpress com stats plugin"
href="http://www.statcounter.com/wordpress.com/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/4650481/0/7a7ad095/0/"
alt="wordpress com stats plugin" ></a></div></noscript>
<!-- End of StatCounter Code -->

</body></html>


And my css:

#side{
position:absolute;
top:400;
left:100;
filter:alpha(opacity=100);
width:100px;
text-align:justify;
background-color:#CFCBD4;
}

#content{
position:absolute;
top: 0;
left: 60;
width:545px;
filter:alpha(opacity=100);
}

h1, h2, h3, h4, h5, h6{
font-size: 14px;
line-height:16px;
border-bottom: 2px solid;
margin-bottom:15px;
font-family:times new roman;
background:#CAC5CE;
color:#361E76;
}

body{
background: #D4E1C7 url('http://img697.imageshack.us/img697/8378/nybg1.png');
repeat: repeat-y;
margin-top:100px;
margin-left:0px;
color:#361E76;
font-family:times new roman;
font-size:10pt;
text-align: justify
}


a{
text-decoration: none;
color: #CAC5CE;
}

a:hover{
text-decoration: none; cursor:arrow;
color: #361E76;
}


#sidehead{
width:152px;
display:block;
background:#CAC5CE;
color:#361E76;
}


A million huggles to anyone who can help me. :hug:

_________________
Image

Image

^ By me and my SS *squiggle hugs*


Top
 Profile       WWW            
 
 Post subject:
PostPosted: April 19th, 2010, 3:15 pm 
Elf
Elf
User avatar

Joined: 11 August 2008
Posts: 1052
Location: Mirkwood
Country: United Kingdom (uk)
Gender: Female

Offline
I couldn't get onto your site to see the problem, so I hope its ok I made a test page of my own site and copied your code onto there and fiddled a bit. I think I've got it sorted if you want it to look like this here.

I think you were missing so </div> tags and <div> tags, which meant that I could position everything where I wanted it.

EDIT: AU Seems to be eating my code for some reason, if you want the code I can try send you it, or just go veiw>> page source on the link I posted. I used the CSS in a different way though :/

heres the edited code (without CSS)

Code:
<head>
<link>
<title>New York... New York... Paved With Stars</title>
</style>

</head>

<body>

<div><img src="http://img683.imageshack.us/img683/7804/nytopimage1.png"></div>
<div>
<class>
<span></span>
<span>Welcome!</span></center>
...................................................
Hello and thank you for visiting <i>Paved With Stars</i>, my graphics and resources site. Here you will find many things, free for you to use. So take a look around and enjoy your stay!<br><br>


<center><span>Navigation</span></center>
...................................................


<a href="HOME.php">Home</a><br>
<a href="Visitor.php">Resources</a><br>
<a href="Graphics.php">Graphics</a><br>
<a href="Site.php">Site</a><br>
<a href="Tag.php">Tag</a><br><br>



<center><span>Information</span></center>
...................................................
Opened: May 14th, 2007<br>
Owner: <a href="mailto:paved-with-stars@hotmail.co.uk">Johnny's Fan</a><br>
Host: <a href="http://skyward-thoughts.com" target="_blank">Erica</a><br>
Layout: ver. 7; made by <a href="mailto:paved-with-stars@hotmail.co.uk">me</a><br>
Credit: <a href="http://skyward-thoughts.com" target="_blank">&</a> <a href="http://eelmikashigaru.deviantart.com/" target="_blank">&</a><br>
Hits:
<Start>
<noscript></noscript><!-- --><script></script><script>
var sc_project=4650481;
var sc_invisible=0;
var sc_partition=56;
var sc_click_stat=1;
var sc_security="7a7ad095";
var sc_text=2;
</script>

<script></script><noscript><div class="statcounter"><a title="wordpress com stats plugin" href="http://www.statcounter.com/wordpress.com/" target="_blank"><img class="statcounter" src="http://c.statcounter.com/4650481/0/7a7ad095/0/" alt="wordpress com stats plugin"></a></div></noscript>
<End>
</div>

<div id="content">

<h2>Updates</h2>


<noscript></noscript><!-- --><script></script><script> </script>

<img border="0" align="left" src="http://img21.imageshack.us/img21/5051/frank21.png"><b><font face="times new roman">Christmas is coming!!</b></font> <a href="javascript:HaloScan('Name');" target="_self"><script>postCount('Name');</script></a><p>


<h3>Graphics</h3>


<h3>Resources</h3>


<h3>Huggles</h3>


<p><br><br><br>


</div>


</body></html>


I find it quite hard to explain, but if you look at how I moved the image into position

Your code looked like this:
Code:
<img src="http://img683.imageshack.us/img683/7804/nytopimage1.png">


I changed it to this:
Code:
<div><img src="http://img683.imageshack.us/img683/7804/nytopimage1.png"></div>


By adding the "style=" bit I could move it over so it aligned with the bg. If you edit the number after Left or Top you can move the image around. I did the same kinda thing moving the pieces of text and navigation where I wanted.

I also moved the stat counter code next to "Hits" becuase it seemed to be floating in the top corner.

I hope thats ok, sorry for fiddling with your layout too, but I hope it helps a bit. any more questions I'll see if I can help again :)

_________________
Image


Top
 Profile                  
 
 Post subject:
PostPosted: April 19th, 2010, 3:26 pm 
Welcomator
Welcomator
User avatar

Joined: 10 July 2005
Posts: 23149
Location: Where there are handsome heroes and sexy villains.. all that need some lovin' ;)
Country: Gondor (xg)
Gender: Female

Offline
Wow, thanks a lot for fixing it. :hug: :hug: For some reason you can only view my site in FireFox now, so that could be why you couldn't see the content. Can't believe it was such stupid little things I had missed. :D

_________________
Image

Image

^ By me and my SS *squiggle hugs*


Top
 Profile       WWW            
 
 Post subject:
PostPosted: April 19th, 2010, 3:38 pm 
Elf
Elf
User avatar

Joined: 11 August 2008
Posts: 1052
Location: Mirkwood
Country: United Kingdom (uk)
Gender: Female

Offline
So glad I could be of help, its so easy to miss things like that, I've agonised over so many layouts which seem to act weirdly, only to realise that I've missed something really simple :)

I only use FF and it still doesn't seem to want to show up :/ I don't know why. I can't access your host site either. But that could be becuase my internet has been kinda hormonal lately :P

_________________
Image


Top
 Profile                  
 
 Post subject:
PostPosted: April 19th, 2010, 4:01 pm 
Istari
Istari
User avatar

Joined: 10 January 2008
Posts: 2443
Location: Going to Hell in a Handbasket
Country: United Kingdom (uk)

Offline
^ I can't access it either, from either IE or FF :erm:

_________________
Image
Image
Illuminate the way to my heart,
It's twisting on a thread

+ COME RAISE THE DEAD +


Top
 Profile                  
 
 Post subject:
PostPosted: April 19th, 2010, 7:13 pm 
Welcomator
Welcomator
User avatar

Joined: 10 July 2005
Posts: 23149
Location: Where there are handsome heroes and sexy villains.. all that need some lovin' ;)
Country: Gondor (xg)
Gender: Female

Offline
That's really strange. So neither of you can access this page for example.

http://pavedwithstars.skyward-thoughts.com/Tag.php

And I just have one more question, sorry. How would I make the css seperate as it used to be? It's just that I'm used to it being like that.

_________________
Image

Image

^ By me and my SS *squiggle hugs*


Top
 Profile       WWW            
 
 Post subject:
PostPosted: April 20th, 2010, 12:19 am 
Moderator
Moderator
User avatar

Joined: 04 February 2006
Posts: 9445
Location: Southeast of the Northern part of West Hyglemr
Country: Rohan (xr)
Gender: Female

Offline
You just need to make a page that ends in .css with all the CSS code on it, and then link to it in the head tags. I don't know why AU doesn't like letting me show code, but it's just this but enclosed with "<>".

link href=url for page .css rel=stylesheet type=text/css

_________________
going on a journey through my old claims
Image
Image


Top
 Profile       WWW            
 
 Post subject:
PostPosted: April 20th, 2010, 9:27 am 
Elf
Elf
User avatar

Joined: 11 August 2008
Posts: 1052
Location: Mirkwood
Country: United Kingdom (uk)
Gender: Female

Offline
Thats kinda wierd, becuase both links work fine now, maybe its cause you were editing the site or something like that whilst I was trying to get to it :)

Nurr Pretty much expalined what needs doing for css. If you keep the CSS file as you had it, just erase all the style stuff at the top of the code and replace it with

"link href="nstyle.css" rel="stylesheet" type="text/css""

but in <> cause thats what you had on the original code, I just put the css details in its place :)

_________________
Image


Top
 Profile                  
 
 Post subject:
PostPosted: April 20th, 2010, 10:14 am 
Welcomator
Welcomator
User avatar

Joined: 10 July 2005
Posts: 23149
Location: Where there are handsome heroes and sexy villains.. all that need some lovin' ;)
Country: Gondor (xg)
Gender: Female

Offline
Hm... now this is weird.

When I was viewing my home page as a html preview so I could just check it looked OK, it was fine.

So I uploaded tyhe css and the homepage and opened it up in Firefox and this is what I've got.

http://pavedwithstars.skyward-thoughts. ... layout.php

This is all I changed to the top part of the code to include a css

<head>
<title>New York... New York... Paved With Stars</title>
<link href="nstyle.css" rel="stylesheet" type="text/css">
</style>

_________________
Image

Image

^ By me and my SS *squiggle hugs*


Top
 Profile       WWW            
 
 Post subject:
PostPosted: April 20th, 2010, 11:11 am 
Elf
Elf
User avatar

Joined: 11 August 2008
Posts: 1052
Location: Mirkwood
Country: United Kingdom (uk)
Gender: Female

Offline
Weird- the code ( I pace sourced it :) ) doesn't seem to look much different from the one you originally posted, maybe the div style is getting lost somewhere, you could try adding it into the html by editing the html editor on the site and try that :)

_________________
Image


Top
 Profile                  
 
 Post subject:
PostPosted: April 23rd, 2010, 3:58 am 
Welcomator
Welcomator
User avatar

Joined: 10 July 2005
Posts: 23149
Location: Where there are handsome heroes and sexy villains.. all that need some lovin' ;)
Country: Gondor (xg)
Gender: Female

Offline
I decided to keep the css where it was. I didn't really have the time to sort everything out. Ah, for leaving things to the last minute. :P

Thanks for all your help. :-)

_________________
Image

Image

^ By me and my SS *squiggle hugs*


Top
 Profile       WWW            
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 11 posts ] 

All times are UTC - 5 hours [ DST ]




Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
cron




Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Boyz theme by Zarron Media 2003