Log In · Register

 
 
 Closed TopicStart new topic
something wrong, with layout.
GREASEbaby
post Apr 28 2006, 11:39 PM
Post #1


What's my name? Janette. and ily. <3
******

Group: Member
Posts: 2,139
Joined: Apr 2006
Member No: 391,911
So basically...my layout is messed up. I wanted to have the tables white...they're not. And I don't have borders around my seperate sections.

Layout Code: http://geocities.com/sparkit_forums/fl-code.html

Layout Preview: http://geocities.com/sparkit_forums/foreverlove-layout.html

Help?
 
freeflow
post Apr 29 2006, 01:41 PM
Post #2


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
Find
CODE
#header {
  margin: 20px;
  padding: 10px;
  height: 100px;
}
#left {
  position: absolute;
  left: 15px;
  top: 160px;
  width: 200px;
}
#center {
  top: 0;
  margin-left: 230px;
  margin-right: 15px;
}


Change it to
CODE
#header {
  margin: 20px;
  padding: 10px;
  height: 100px;
}
#left {
  position: absolute;
  left: 15px;
  top: 160px;
  width: 200px;
  background-color:FFFFFF;
  border: 1px solid 000000;
}
#center {
  top: 0;
  margin-left: 230px;
  margin-right: 15px;
  background-color:FFFFFF;
  border: 1px solid 000000;
}
 
GREASEbaby
post Apr 29 2006, 02:36 PM
Post #3


What's my name? Janette. and ily. <3
******

Group: Member
Posts: 2,139
Joined: Apr 2006
Member No: 391,911
It stayed exactly the same. The first time I tried it and it didn't work, I went back and added # signs, and it's the same thing...
 
freeflow
post Apr 29 2006, 03:21 PM
Post #4


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
When I did it , it worked for me:
http://geocities.com/expilicitxcolor/

Code
CODE
<html>
<head>
<title>Forever Love</title>
<style type="text/css">

A:link
{ text-decoration: underline; color:#c0c0EB; }
A:visited
{ text-decoration: underline; color:#c0c0EB; }
A:active
{ text-decoration: none; color:#c0c0EB; }
A:hover
{ text-decoration: none; color:#c0c0EB;

background-image: url(http://i3.tinypic.com/wqudfk.gif);
background-color: #FFFFFF;



cursor: default; }

h1 {font-family: georgia;
color: #000000; }

p {font-family: georgia;
color: #000000; }

body
{ background: #FFFFFF;
background-image: url(http://i3.tinypic.com/wqudfk.gif);
background-repeat: repeat;
background-position: bottom left;
background-attachment: fixed;

font-family: georgia;
color: #000000;
letter-spacing: 1pt;
font-weight: normal;
font-size: 12px;

scrollbar-face-color : #c0c0EB;
scrollbar-highlight-color : #c0c0EB;
scrollbar-3dlight-color : #c0c0EB;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #c0c0EB;
scrollbar-track-color : #FFFFFF;
scrollbar-arrow-color : #FFFFFF;

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

td
{ font-family: georgia;
color: #000000;
padding-left: 200px;
padding-right: 200px; [2cm]
padding-top: 100px; [2cm]
padding-bottom: 100px; [2cm]
padding: 150px;
padding: 200 100px; }

input, textarea
{ background: #FFFFFF;
font-family: arial;
color: #000000;
border-style: solid;
border-color: #000000;
border-width: 1px; }

</style>
<style type="text/css">

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: 15px;
  top: 160px;
  width: 200px;
    background-color:#FFFFFF;
  border: 1px solid #000000;
}
#center {
  top: 0;
  margin-left: 230px;
  margin-right: 15px;
  background-color:#FFFFFF;
  border: 1px solid #000000;
}
</style>
</head>
<body>
<div id="header">
Your header will go here.  You can place images, text links, etc. in this div.  To change the properties of this div you can change the #header selector in the style sheet that is located on this page between the head tags.
</div>

<div id="left">
Your left menu will go here.  You can place images, text links, etc. in this div.  To change the properties of this div you can change the #left selector in the style sheet that is located on this page between the head tags.
</div>


<div id="center">
All of your content goes in this div.  This section is fluid so that if the window is collapsed, your div will collapse also and fit the screen perfectly.  To change the properties of this div you can change the #center selector in the style sheet that is located on this page between the head tags.
</div>
</body>
</html>
 
GREASEbaby
post Apr 29 2006, 03:25 PM
Post #5


What's my name? Janette. and ily. <3
******

Group: Member
Posts: 2,139
Joined: Apr 2006
Member No: 391,911
Hm, weird. It's working now. Thanks for the help flowers.gif
 
« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic