Css Problems [Archive] - Lissa Explains it All: Web Design Forums

squeekyclean

08-15-2004, 06:49 AM

I cant get the dashed line part to work, Any ideas?

<html>
<head>
<title>|And All That Jazz|</title>
<style type="text/css">

A:link
{ text-decoration: none; }
A:visited
{ text-decoration: none; }
A:active
{ text-decoration: none; }
A:hover
{ text-decoration: none; }

background-color: #000099;

cursor: move; }

h1 {font-family: Perpetua;
color: #CCCCFF; }

p {font-family: Perpetua;
color: #CCCCFF; }

body
{cursor: move;
background: #000099;

font-family: perpetua;
color: #CCCCFF ;
font-weight: normal;
font-size: small;

scrollbar-face-color : #000099;
scrollbar-highlight-color : #000099;
scrollbar-3dlight-color : #000099;
scrollbar-shadow-color : #000099;
scrollbar-darkshadow-color : #000099;
scrollbar-track-color : #000099;
scrollbar-arrow-color : #CCCCFF;

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

td
{ font-family: Perpetua;
color: #CCCCFF;
padding-left: 1cm;
padding-right: 1cm;
padding-top: 1cm;
padding-bottom: 1cm;
padding: 1cm;
padding: 1cm 1cm; }

input, textarea
{ background: #000099 ;
font-family: perpetua;
color: #CCCCFF;
border-style: dashed;
border-color: #CCCCFF;
border-width: 10px; }

</style>

</head>

<center>
<table>
<tr>

<center>

<H1><u>.+Usted Sabe Que Usted Me Adora+.</u></H1>
<br>

<small><i>Because I'm Worth It</i></small>
<br>
</FONT>
</td>
</tr>
<tr>

<center>
.<A href="http://www.freewebs.com/^^^aysugababy" style="color: #FFFFFF" style="cursor:crosshair">+Home+</A>
.<A href="journal.htm" style="color: #FFFFFF" style="cursor:crosshair" target="inlineframe">+Journal+</A>
.<A href="aboutme.htm" style="color: #FFFFFF" style="cursor:crosshair" target="inlineframe">+About.Me+</A>
.<A href="photoalbum.htm" style="color: #FFFFFF" style="cursor:crosshair" target="inlineframe">+Photo.Album+</A>
.<A href="lyrics.htm" style="color: #FFFFFF" style="cursor:crosshair" target="inlineframe">+Lyrics+</A>
.<A href="guestbook.htm" style="color: #FFFFFF" style="cursor:crosshair" target="inlineframe">+Guest.Book+</A>
.<A href="sistersite.htm" style="color: #FFFFFF" style="cursor:crosshair" target="inlineframe">+Sister.Sites+</A>.
</center>
</td>
</tr>
<tr>

<br>
<IFRAME name="inlineframe" src="open.htm" width=700 height=200 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=auto style="FILTER: chroma(color=#00CCFF)" allowtransparency="true"></IFRAME>
<br>
<br>
</td>
</tr>
<tr>

<FONT FACE="Times New Roman" SIZE="-3" COLOR="#FFFFFF">
<center>

<script language="JavaScript" type="text/javascript" src="http://pub16.bravenet.com/counter/code.php?id=378860&usernum=1330185200&cpv=2">
</script>

</td>
</tr>
<tr>

<FONT FACE="Times New Roman" SIZE="-3" COLOR="#FFFFFF">
<center>
June24<i>th</i>+Copyright+Rae
</td>
</tr>
</table>

pb&j

08-15-2004, 07:18 AM

going down your coding,

this part...
background-color: #000099;
cursor: move; }
is in empty space and should be deleted.

this part...
background: #000099;

should really be...
background-color: #000099;

this part....
margin-top: 2;
margin-bottom: 2;
margin-left: 2;
margin-right: 2;
padding-top: 2;
padding-bottom: 2;
padding-left: 2;
padding-right: 2;

should really be...
margin: 2px;
padding: 2px;

this part...
padding-left: 1cm;
padding-right: 1cm;
padding-top: 1cm;
padding-bottom: 1cm;
padding: 1cm;
padding: 1cm 1cm;

should be...
padding: 1cm;

this part...
background: #000099 ;

should be...
background-color: #000099;

and this part...
</head>
<center>

should be...
</head>
<body>
<center>

next, check all of your TABLE and TR and TD tags. they seem to be a bit mixed up or missing their endings. check each starting tag to see where its ending tag is.

now, after all that is fixed, if you still have a problem with your borders, please post back and we can work from there. good luck!