Forum: web design and graphics community

Celestial Star Forum > Art Boards > Requests & offers > LAYOUT HELP *Please*

Pages: [1]

« previous next »

Author

Topic: LAYOUT HELP *Please* (Read 1694 times)

Pocahontas

Angeling

Posts: 11

LAYOUT HELP *Please*

« on: August 08, 2007, 11:55:15 PM »

Hi! I recently learned/made a DIV layout, I believe thats what its called. I learned from a tutorial here in Celestial Star.

Now, I am having a hard time trying to code the layout. Can someone please help? I'm trying to code it as a CSS layout...*sighs* for my website.

I need help with the links and etc. Anyways, I would really apperciate it!! I know how time is so limited. But I could use some help.

Here is my layout I made, I'm pretty happy with it. I think I did it right? Oo


« Last Edit: January 02, 2008, 08:18:30 PM by Pocahontas »	Logged

ems

Skogul

Posts: 47

Re: Coding Help...pretty please.^_^

« Reply #1 on: August 09, 2007, 03:02:39 AM »

did u follow the instructions in the celestial star tut? ^+^

it explains what u have to do in there. if u still dont undestand, go to celestial star ttuorials help in the section beyond the tutorials topic. ^^

good luck please tell me how u went ^-^


	Logged

Pocahontas

Angeling

Posts: 11

Re: Coding Help. :)

« Reply #2 on: August 17, 2007, 11:36:52 PM »

Well I am still having some trouble.

My layout is up, but everything is kinda a mess, espically the links. Here is my page with the layout:

www.superherolegends.page.tl


	Logged

nicolee

Angeling

Posts: 2

Re: Coding Help. :)

« Reply #3 on: August 18, 2007, 10:29:44 PM »

I had a similar problem.
I can try to fix it if you email me the necessary files, or allow me to access your website directory.
Don't worry, I won't screw you over; I've got two sites of my own.

So, if you'd like me to, my email is nicole[no spam]@iridescent-sparkles.net
Just remove the [no spam] bit =)


	Logged

ems

Skogul

Posts: 47

Re: Coding Help. :)

« Reply #4 on: August 20, 2007, 07:54:05 AM »

i think the problem lies in the backgound..

u need to expand the background by using a marquee tool and click on the layout at the very BOTTOM
also, if u want ur text to go right in the tables, while u select the table, printscreen it, and paste in the Paint.
then , see what numbers are in pixels.. and type it in the layout code. i hope i dont sound blurry :S
i had exactly the same problem.
here is the link to a coding part.
http://celestial-star.net/tutorials/35-div-layout-ii/


« Last Edit: August 20, 2007, 07:57:50 AM by ems »	Logged

Pocahontas

Angeling

Posts: 11

Re: Coding Help. :)

« Reply #5 on: August 21, 2007, 06:13:25 PM »

Thank you guys for your suggestions, I will try your advice. And I emailed nicolee see what she can do for me. I will post again if any more problems occur.


	Logged

ems

Skogul

Posts: 47

Re: Coding Help. :)

« Reply #6 on: August 23, 2007, 07:11:42 AM »

no probs!! i d love to see ur website in final


	Logged

Pocahontas

Angeling

Posts: 11

Re: Coding Help. :)

« Reply #7 on: October 20, 2007, 02:50:38 AM »

I haven't had no help, she hasn't replied. But it's okay though. My links are okay, but why doesn't my content show up in the content div box? Help is really apperciated.


	Logged

Pocahontas

Angeling

Posts: 11

Re: LAYOUT HELP

« Reply #8 on: January 02, 2008, 08:17:39 PM »

I have tryed coding the layout, but nothing works! I don't understand natha..nothing. Can someone please help me code my layout? I will really appericate it. I don't like asking, but help is needed.


	Logged

chandni

Incubus

Posts: 71

Re: LAYOUT HELP *Please*

« Reply #9 on: January 03, 2008, 12:26:48 AM »

Can you post the coding and css of your site so far?


	Logged

Pocahontas

Angeling

Posts: 11

Re: LAYOUT HELP *Please*

« Reply #10 on: January 03, 2008, 09:46:00 PM »

Sure ^_^

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<style type="text/css">
body {
   scrollbar-3dlight-color:#0099CC;
   scrollbar-arrow-color:#0099CC;
   scrollbar-face-color:#0099CC;
   scrollbar-track-color:#0099CC;
   scrollbar-darkshadow-color:#0099CC;
   scrollbar-highlight-color:#0099CC;
   scrollbar-shadow-color:#0099CC;
}
</style>
<link rel="shortcut icon" href="http://80.190.202.79/pic/s/superherolegends/pixel.jpg" type="image/vnd.microsoft.icon" />
<meta name="description" content="Super Hero legends unites Marvel and DC to one website, because all heros are united." />
<meta name="keywords" content="spiderman,batman,dc,marvel,hulk,captain america, heros, superheros" />
<meta name="author" content="The Super Hero Legends Crew." />
<meta name="robots" content="index,follow" />
<title> - Home</title>
<style type="text/css">

<style>

<style>
   body { font-family: Verdana, Arial, Times new roman; font-size: 11px; color: #030e04; background-repeat: repeat-y; }
   a { color: #030e04; }
   </style>
</head>
<body bgcolor=#598b4b background="images/background.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Table_01" width="780" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="http://img127.imageshack.us/img127/1125/index01bu4.jpg" width="780" height="86" alt=""></td>
</tr>
<tr>
<td>
<img src="http://img127.imageshack.us/img127/1250/index02tm7.jpg" width="780" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="http://img242.imageshack.us/img242/3755/index03ul9.jpg" width="780" height="86" alt=""></td>
</tr>
<tr>
<td>
<img src="http://img166.imageshack.us/img166/383/index04pt7.jpg" width="780" height="86" alt=""></td>
</tr>
<tr>
<td>
<img src="http://img245.imageshack.us/img245/2753/index05ps9.jpg" width="780" height="86" alt=""></td>
</tr>
<tr>
<td>
<img src="http://img244.imageshack.us/img244/3973/index06lq3.jpg" width="780" height="85" alt=""></td>
</tr>
<tr>
<td>
<img src="http://img242.imageshack.us/img242/3843/index07aq7.jpg" width="780" height="86" alt=""></td>
</tr>
</table>

<div style="position: absolute; left: 13px; top: 277px; width: 541px">Write your text and content here</div>
<div style="position: absolute; left: 590px; top: 1px; width: 159px">

</body>
</html> //-->
</style>
</head>
<body id="hpb_cssonly">
<TABLE height="25"><TR><TD>
<div style="background-color:#d1c7c6"><font style="font-size:16px;color:#000000;font-family:Arial, Helvetica, Verdana, sans-serif;">=>  </font>
<a href="http://www.own-free-website.com?t=32" style="font-size:16px;color:#000000;font-family:Arial, Helvetica, Verdana, sans-serif;" target="_blank">Own free website with 1 GB free space?</a>
<font style="font-size:16px;color:#000000;font-family:Arial, Helvetica, Verdana, sans-serif;">  <=</font>
</div></TD></TR></TABLE> <div id="container">
<div id="header_container">
<div id="pre_header"></div>
<div class="header"><h1 id="header"><span> </span></h1></div>
<div id="post_header"></div>
</div>
<div id="nav_container">
<h2 id="nav_heading"><span></span></h2>
<ul id="nav">

<li class="nav_element checked_menu" id="nav_Home"><a href="/Home.htm" class="menu"><span>Home</span></a></li>

<li class="nav_element" id="nav_ContactUs"><a href="/Contact-Us.htm" class="menu"><span>Contact Us</span></a></li>

<li class="nav_element" id="nav_Guestbook"><a href="/Guestbook.htm" class="menu"><span>Guestbook</span></a></li>

<li class="nav_element" id="nav_Graphics"><a href="/Graphics.htm" class="menu"><span>Graphics</span></a></li>

<li class="nav_element" id="nav_Affiliates"><a href="/Affiliates.htm" class="menu"><span>Affiliates</span></a></li>

<li class="nav_element" id="nav_TheSite"><a href="/The-Site.htm" class="menu"><span>The Site</span></a></li>

<li class="nav_element" id="nav_HeroRoom"><a href="/Hero-Room.htm" class="menu"><span>Hero Room</span></a></li>

<li class="nav_element" id="nav_Updates"><a href="/Updates.htm" class="menu"><span>Updates</span></a></li>
</ul>
</div>
<div id="content_container">
<div id="pre_content"></div>
<div id="content">
<h2 id="title"><span>Home</span></h2>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2594508-10";
urchinTracker();
</script></div>
<div id="counter"><span></span></div>
<div id="post_content"></div>
<div id="sidebar_container">
<h2 id="sidebar_heading"><span></span></h2>
<div id="sidebar_content"></div>
</div>
</div>
</div>
<iframe src="http://www.homepage-baukasten.de/cookie.php?visit=superherolegends&auth1=8e67c6b2fefadb172c37406190ad5c31&auth2=593dbd1a7cbfdfc277ad4e4650c6bfdc&auth3=f99e280e6ee9eaf3faf59dcf95caaf86&auth4=2f6f814aa50d0fda4c84f0f87c4e42d1&auth5=eb4523a24f490d362c2833635294e0d5&mode=track" style="display:none;width:1px;height:1px;"></iframe> <div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>
</body>
</html>

Here's how it looks: http://superherolegends.page.tl/


	Logged

chandni

Incubus

Posts: 71

Re: LAYOUT HELP *Please*

« Reply #11 on: January 04, 2008, 12:32:07 AM »

...so...what seems to be the problem(s) on your page?...is there something you don't understand?
If it helps (and maybe make things easier) you can drop me an email @ islandgirl85666@yahoo.com


	Logged

Pages: [1]

« previous next »

Jump to:

Forum: web design and graphics community

General

Art boards

Web development

Off-topic