Css dilemmas
-
Hi guys.I have a page called default.aspx that is empty at this moment and I want to call a CSS file(real-estate) for the layout.But the problem is I cant seem to be able to use it properly on the page.I have tried to load it onto the App_Themes folder and created a .skin file but still.I cant seem to do it rite.My config file is changed aswell to show this css but it doesnt. What am I doing wrong?? <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> Default
Then my web config file:
-
Hi guys.I have a page called default.aspx that is empty at this moment and I want to call a CSS file(real-estate) for the layout.But the problem is I cant seem to be able to use it properly on the page.I have tried to load it onto the App_Themes folder and created a .skin file but still.I cant seem to do it rite.My config file is changed aswell to show this css but it doesnt. What am I doing wrong?? <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> Default
Then my web config file:
The only tag you are calling is the body. Do you have a body {} defined in you css? To be honest, I don't know much about .skins, but in my experience nothing happens unless you call it. So where are you calling your skin file. I think you should post the contents of your css file.... might give us a better picture. :confused:
There is a single fine line between smile and smite.
-
The only tag you are calling is the body. Do you have a body {} defined in you css? To be honest, I don't know much about .skins, but in my experience nothing happens unless you call it. So where are you calling your skin file. I think you should post the contents of your css file.... might give us a better picture. :confused:
There is a single fine line between smile and smite.
I have a body on my css file yes. Here is my body. body { margin: 0; scrollbar-face-color: #d0d0d0; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #e1f2f2; scrollbar-3dlight-color: #e1f2f2; scrollbar-arrow-color: #000; scrollbar-track-color: #fff; scrollbar-darkshadow-color: #1b1e25; } I dont understand why u say that "The only tag I call" is the body..>>>>
kagiso
-
I have a body on my css file yes. Here is my body. body { margin: 0; scrollbar-face-color: #d0d0d0; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #e1f2f2; scrollbar-3dlight-color: #e1f2f2; scrollbar-arrow-color: #000; scrollbar-track-color: #fff; scrollbar-darkshadow-color: #1b1e25; } I dont understand why u say that "The only tag I call" is the body..>>>>
kagiso
Because your page is blank. Nothing is called - except the body which happens with the body tag. The form tags is not displayable and does not support class/style parameters. Why oh Why!
-
Because your page is blank. Nothing is called - except the body which happens with the body tag. The form tags is not displayable and does not support class/style parameters. Why oh Why!
So, what now.Coz now that I get.Here is the rest of the css file.Im not missing anything, so why dont I show anything. /* form classes */ form { margin-bottom: 0; } input, textarea, select { font-family: tahoma, "ms sans serif", arial, verdana, helvetica; border-style: solid; border-width: 1; font-size: 11px; } .no-border { font-family: tahoma, "ms sans serif", arial, verdana, helvetica; border-style: solid; border-width: 0; font-size: 11px; } /* page default settings */ body, td { font-family: tahoma, "ms sans serif", arial, verdana, helvetica; color: #333; font-size: 11px; } body { margin: 0; scrollbar-face-color: #d0d0d0; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #e1f2f2; scrollbar-3dlight-color: #e1f2f2; scrollbar-arrow-color: #000; scrollbar-track-color: #fff; scrollbar-darkshadow-color: #1b1e25; } .full-size-table { width: 780; height: 100%; } .row1 { height: 5%; vertical-align : top; /*******************************/ background-image: url("images/HomePage.png"); } .row2 { height: 90%; vertical-align : top; background-color: #f4f4f4; } .row3 { height: 5%; vertical-align : top; } a { color: #333; text-decoration: none; } a:hover{ color: #000; } /* images , the line "background-image: url("images/header.jpg")" means that there is a background image used;*/ /* I removed the image and put mine own*/ .header { /************************************************/ background-image: url("images/header.jpg"); background-repeat : no-repeat; } .h-dot-line { background-image: url("images/h-dot-line.jpg"); background-repeat : repeat-x; background-position: center center; } .h-dot-linea { background-image: url("images/h-dot-line1.jpg"); background-repeat : repeat-x; background-position: center center; } .tile { background-image: url("images/top-tile.jpg"); background-repeat : repeat-x; } .box-img { /****************************************;*/ background-image: url("images/Baby&Dady.png"); background-repeat : no-repeat; } /* links */ .left-link a { color: #fff; font-size: 13px; text-decoration: none; background-image: url("images/bullet.jpg"); background-repeat : no-repeat; background-position: left 8; padding: 3 1 4 15; font-weight: bold; display: block; } .left-link a:hover{ color: #000; } /* background colours */ .white { background-color: #fff; } .gray { background-color: #838381; } .graya { background-color: #767673; } .grayb { background-col
-
So, what now.Coz now that I get.Here is the rest of the css file.Im not missing anything, so why dont I show anything. /* form classes */ form { margin-bottom: 0; } input, textarea, select { font-family: tahoma, "ms sans serif", arial, verdana, helvetica; border-style: solid; border-width: 1; font-size: 11px; } .no-border { font-family: tahoma, "ms sans serif", arial, verdana, helvetica; border-style: solid; border-width: 0; font-size: 11px; } /* page default settings */ body, td { font-family: tahoma, "ms sans serif", arial, verdana, helvetica; color: #333; font-size: 11px; } body { margin: 0; scrollbar-face-color: #d0d0d0; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #e1f2f2; scrollbar-3dlight-color: #e1f2f2; scrollbar-arrow-color: #000; scrollbar-track-color: #fff; scrollbar-darkshadow-color: #1b1e25; } .full-size-table { width: 780; height: 100%; } .row1 { height: 5%; vertical-align : top; /*******************************/ background-image: url("images/HomePage.png"); } .row2 { height: 90%; vertical-align : top; background-color: #f4f4f4; } .row3 { height: 5%; vertical-align : top; } a { color: #333; text-decoration: none; } a:hover{ color: #000; } /* images , the line "background-image: url("images/header.jpg")" means that there is a background image used;*/ /* I removed the image and put mine own*/ .header { /************************************************/ background-image: url("images/header.jpg"); background-repeat : no-repeat; } .h-dot-line { background-image: url("images/h-dot-line.jpg"); background-repeat : repeat-x; background-position: center center; } .h-dot-linea { background-image: url("images/h-dot-line1.jpg"); background-repeat : repeat-x; background-position: center center; } .tile { background-image: url("images/top-tile.jpg"); background-repeat : repeat-x; } .box-img { /****************************************;*/ background-image: url("images/Baby&Dady.png"); background-repeat : no-repeat; } /* links */ .left-link a { color: #fff; font-size: 13px; text-decoration: none; background-image: url("images/bullet.jpg"); background-repeat : no-repeat; background-position: left 8; padding: 3 1 4 15; font-weight: bold; display: block; } .left-link a:hover{ color: #000; } /* background colours */ .white { background-color: #fff; } .gray { background-color: #838381; } .graya { background-color: #767673; } .grayb { background-col
The reason you did not see anything in the first version of your css is that the scroll bar stuff is not valid, standard CSS styles. Therefore, they would be ignored. Please don't post experiments cause I don't want to teach you how to code. Nor, I am sure, do most of the others. Learn CSS and only post real problems. Why, oh why!