PDA

View Full Version : Hi im coding for the first time!

silvermoony
03-17-2006, 06:32 PM
So im strugeling!...whit frames!

so what i wanted was to have two frames one slim on the left side and then a wider one in the center of the page (all this under the layout)


MY CODE:

<html>
<head>
<title>Silver Striped Hat =3</title>
<style type="text/css">
p {color: rgb(0,0,255)}

body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#header {
margin: 20px;
padding: 10px;
height: 100px;
}
#left {
position: absolute;
left: 39px;
top: 590px;
width: 200px;
}
#center {
top: 590px;
margin-left: 260px;
margin-right: 70px;
}
</style>
</head>

<body>

<body bgcolor="black">

<div id="header">

IMG layout thingies this part is working!


</div>

<div id="left">

<table border="1" width="100%" cellpadding="10">

i hide the text in here try seeing it whit a code i dont know...
<tr>

i hide the text in here try seeing it whit a code i dont know...

</tr>
</table>





</div>
</p>
</body>

</html>
END:

so the thing is somethimes the words pop out ot the frame and people please show me whats wrong or how to make two frames one at the left side and one more central.

I hope you help me i realy need this
iTux
03-17-2006, 06:48 PM
You're not using frames, you're using CSS and DIVs and tables, just a correction, I can't help though.
luvhartz
03-17-2006, 06:51 PM
So you know first of all, those are Divs and tables, not frames :)
You can do it like this:

<html>
<head>
<title>Silver Striped Hat =3</title>
<style type="text/css">
p {color: rgb(0,0,255)}

body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#header {
margin: 20px;
padding: 10px;
height: 100px;
}
#left {
position: absolute;
left: 39px;
top: 590px;
width: 200px;
}
#center {
top: 590px;
margin-left: 260px;
margin-right: 70px;
}
</style>
</head>

<body>

<body bgcolor="black">

<div id="header">

IMG layout thingies this part is working!


</div>

<div id="left">

<table border="1" width="100%" cellpadding="10">
<tr>
<td width="25%">i hide the text in here try seeing it whit a code i dont know...</td>
<td width="75%">i hide the text in here try seeing it whit a code i dont know...</td>
</tr>
</table>

You can change the widths to pixels for exact lengths, as long as they both add up to the width in your top <table> :)
silvermoony
03-18-2006, 06:03 AM
thanks but the letters dont show they are black so how can i change the color..?


and is it posible to change the color on the border?


Thanks for all help :)
Owlie42
03-18-2006, 06:27 AM
<font color="color"></font>

replace the bold text with the hex number for the color you want.

for the tables, insert...

border color="color" into the table tag


*I'm not 100% sure on that; it's 2:30 in the morning and I haven't done much coding for months.
silvermoony
03-18-2006, 07:50 AM
i dont know were to put the frame code :)
allie
03-18-2006, 03:50 PM
Can you draw some kind of illustration and link to it here so we have some idea what you want?
luvhartz
03-18-2006, 04:01 PM
<html>
<head>
<title>Silver Striped Hat =3</title>
<style type="text/css">
p {color: rgb(0,0,255)}

body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

body { font-family: arial; color: #66CC99; }

#header {
margin: 20px;
padding: 10px;
height: 100px;
}
#left {
position: absolute;
left: 39px;
top: 590px;
width: 200px;
}
#center {
top: 590px;
margin-left: 260px;
margin-right: 70px;
}
</style>
</head>

<body>

<body bgcolor="black">

<div id="header">

IMG layout thingies this part is working!


</div>

<div id="left">

<table width="100%" cellpadding="10" style="border: #CC66CC 1px solid;">
<tr>
<td width="25%">i hide the text in here try seeing it whit a code i dont know...</td>
<td width="75%">i hide the text in here try seeing it whit a code i dont know...</td>
</tr>
</table>

Try that, and change the red to what font and color you want :)
silvermoony
03-18-2006, 06:46 PM
oki got it
luvhartz
03-18-2006, 10:16 PM
nice to know I could help :)