Forum: web design and graphics community

Celestial Star Forum > Web Development > Coding > Problems with my layout. I need help

Pages: [1]

« previous next »

Author

Topic: Problems with my layout. I need help (Read 477 times)

eLeNa

Angeling

Posts: 14

Problems with my layout. I need help

« on: July 09, 2007, 12:15:27 PM »

Hi! I have a problem with the codes of my webpage. This is what I have done until now:

Code:

<HTML>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">

<head>
<title>|| C l u b D D M C ó r d o b a ||</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>

body {
margin: 0px;
padding: 0px;
background="images/background.jpg" repeat-y;
background-color: #dad8c3;
font-size: 11px;
color: #73797e;
font-family: tahoma;
}

#layout {
width: 1280px;
height: 1024px;
background: url('layoutimg.jpg') no-repeat;
position: absolute;
top: 0px;
left: 0px;
}

#content {
position: absolute;
width: 352px;
top: 233px;
left: 443px;
}

#navigation {
position: absolute;
width: 154px;
top: 46px;
left: 437px;
}

h1 {
color: #73797e;
font-size: 12px;
}

scrollbar-3dlight-color:#dad8c3;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:#dad8c3;
scrollbar-face-color:#dad8c3;
scrollbar-highlight-color:#dad8c3;
scrollbar-shadow-color:#dad8c3;
scrollbar-track-color:#dad8c3;

}

A:link
{
color:#73797e;
font-family:vrinda;
font-size:11pt;
text-decoration: none;
text-transform:none;
font-weight:none;
height:1;
}

A:hover
{
color:#aeb4ad;
font-family:vrinda;
font-size:11pt;
text-decoration: none;
text-transform:none;
font-weight:normal;
height:1;
background-color:#dad8c3
}

A:visited
{
color:#73797e;
font-family:vrinda;
font-size:11pt;
text-decoration:none;
text-transform:underline;
font-weight:none;
height:1;
}

</style>

</head>

<body background="images/background.jpg" bgcolor="#dad8c3" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Table_01" width="1280" height="1024" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/index_01.jpg" width="1280" height="146" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_02.jpg" width="1280" height="147" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_03.jpg" width="1280" height="146" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_04.jpg" width="1280" height="146" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_05.jpg" width="1280" height="146" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_06.jpg" width="1280" height="147" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_07.jpg" width="1280" height="146" alt=""></td>
</tr>
</table>

<div id="layout"></div>

<div id="content" style="position: absolute; left: 233px; top: 443px; width: 352px">

<h1>Header sample You will write all your content here...

</div>

<div id="navigation" style="position: absolute; left: 46px; top: 437px; width: 154px">

<a href="news.html" target="content">N o t i c i a s</a><br>
<a href="biografia.html" target="frame">B i o g r a f í a</a><br>
<a href="delegaciones.html" target="frame"><FONT SIZE="2">D e l e g a c i o n e s</FONT></a><br>
<a href="discografia.html" target="frame">D i s c o g r a f í a</a><br>
<a href="promocion.html" target="frame">P r o m o c i ó n</a><BR>
<a href="extra.html" target="frame">E x t r a</a><BR>
<a href="http://z10.invisionfree.com/Club_DDM_Cordoba/index.php" target="_blank">F o r o</a><BR>
<a href="http://photobucket.com/albums/d27/galeria_ddm/" target="_blank">G a l e r í a</a><BR>
</div>
</body>
</html>

I have made the navigation, as you can see, but now i don't know how to make that the content appears in the content box. usually I make it by means of tables but i wanted to make it different this time. Hope I have explained myself well. Can anybody help me with it?

Thanks a lot!!


	Logged

digitalwings

Solace

Posts: 132

Re: Problems with my layout. I need help

« Reply #1 on: July 09, 2007, 06:23:59 PM »

Code:

One thing I see right away is that you a combination of outter and inner CSS. What would be easier for you to do would be to take the CSS and copy it to another document. Name it style.css. Then put in this code right here:

Code:

As for your content, if you take this

Code:

<h1>Header sample You will write all your content here...

and type your stuff itstead, it should work.

Let me know if you have any other problems.


	Logged

eLeNa

Angeling

Posts: 14

Re: Problems with my layout. I need help

« Reply #2 on: July 10, 2007, 07:40:54 AM »

First of all, thanks a lot for your interest

Ok, this is what I have understood: I cut the style code and paste it to another document which I name it style.css Then I put this code

Code:

replacing the style one.

But now... I don't know how to make that when I click on the links, they appear in my content box. Sorry. I am a little bit clumsy

Thanks for your help!


	Logged

eLeNa

Angeling

Posts: 14

Re: Problems with my layout. I need help

« Reply #3 on: July 10, 2007, 10:13:15 AM »

reading some posts I have realised that my problem can be solved by means of iframes...is there any other solution??
if it is not any other solution it can be good... but i don't like very much the result because it looks weird with the table...

Edit: Ok. Solved! Thanks


« Last Edit: July 10, 2007, 01:17:24 PM by eLeNa »	Logged

Pages: [1]

« previous next »

Jump to:

Forum: web design and graphics community

General

Art boards

Web development

Off-topic