Download 100% FREE Office Document APIs for .NET
DotNetFunda.com
Online: 1237
Home > Forums > CSS 3 >

hi am design a website pls suggest how can i desgn

Posted by Ankitagupta under CSS 3 on 4/4/2013 | Points: 10 | Views : 2131 | Status : [Member] | Replies : 12
Write New Post | Search Forums | AnsweredResolved Posts | Un Answered Posts | Forums Home 
hi
i m ankita i m student of MCA final year
pls any body suggest me how can i desgn a website who support every browser and every computer resolution
any body help me with example
pls suggest me

ankita

Reply | Reply with Attachment
Alert Moderator 

Responses

Posted by: Jayakumars on: 4/4/2013 [Member] [MVP] Bronze | Points: 25

Up
0
Down
refer this

http://www.w3schools.com/css/
http://www.htmldog.com/guides/css/beginner/
http://www.csstutorial.net/css-intro/introductioncss-part1.php

Mark as Answer if its helpful to you

Kumaraspcode2009@gmail.com

Ankitagupta, if this helps please login to Mark As Answer. | Alert Moderator
Posted by: Ankitagupta on: 4/4/2013 [Member] Starter | Points: 25

Up
0
Down
hallo sorry pls dont send link
i can also search from google
i need some easy example
if you hav pls giv me

ankita

Ankitagupta, if this helps please login to Mark As Answer. | Alert Moderator
Posted by: Ankitsrist on: 4/4/2013 [Member] Starter | Points: 25

Up
0
Down
do you want css??

Ankitagupta, if this helps please login to Mark As Answer. | Alert Moderator
Posted by: Jayakumars on: 4/4/2013 [Member] [MVP] Bronze | Points: 25

Up
0
Down
try this

Style.css
==============

.TxtWidth
{
width:100px;
height:12px;
color:White;
background-color:Yellow;
}


Test.Aspx
===============
<asp:TextBox ID="TxtNAme" runat ="server" CssClass ="TxtWidth"></asp:TextBox>

Mark as Answer if its helpful to you

Kumaraspcode2009@gmail.com

Ankitagupta, if this helps please login to Mark As Answer. | Alert Moderator
Posted by: Jayakumars on: 4/4/2013 [Member] [MVP] Bronze | Points: 25

Up
0
Down
try this also

<style type="text/css">
table.example4 {background-color:transparent;border-collapse:collapse;width:100%;}
table.example4 th, table.example4 td {text-align:center;border:1px solid black;padding:5px;}
table.example4 th {background-color:AntiqueWhite;}
table.example4 th:first-child {width:20%;}
</style>
<table class="example4">
<tr>
<th rowspan="2">Table header</th><td>Table cell 1
</tr>
<tr>
<td>Table cell 2</td>
</tr>
</table>
<div class="more-info">More info: <a href="#application.urlroot#/html/html_table_tutorial.cfm">HTML Table Tutorial</a>, <a href="#application.urlroot#/html/html_table_generator.cfm">Table Generator</a>.</div>



i refered this
http://www.quackit.com/html/examples/html_tables_examples.cfm


Mark as Answer if its helpful to you

Kumaraspcode2009@gmail.com

Ankitagupta, if this helps please login to Mark As Answer. | Alert Moderator
Posted by: Ankitsrist on: 4/4/2013 [Member] Starter | Points: 25

Up
0
Down
here is my css you can change according to your need 
body {padding:0;background:url(../images/main_bg.jpg); margin:0px auto; font:normal 12px arial;}

:focus, :active {

	outline:0

}

img {

	border: 0

}

a {

	text-decoration: none;

	color: #000;

}

html{ margin:0; padding:0;}

p, ul li{ margin:0; padding:0; list-style:none;}

.FL{ float:left}.FR{ float:right}.CL{ clear:both}

.wrapper{width:1000px; margin:0 auto; background:#fff;}

.hdr_new{width:1000px; margin:5px 0px auto;}

.loginbox{ background:url(../images/login-bgtop-trans.png) repeat-x; width:450px; font:bold 12px arial; border:1px solid #efefef;

	 -moz-border-radius:10px;

    -webkit-border-radius:10px;

    -khtml-border-radius:10px;

    border-radius:10px;}

.txtbox{ border:1px solid #ccc; padding:5px 5px; width:240px;}

.usertxt{font:bold 16px arial; color:#2a7ac3; padding-left:10px;}

.btn

{

     -moz-border-radius:5px;

    -webkit-border-radius:5px;

    -khtml-border-radius:5px;

    border-radius:5px;

    background:#2a7ac3;

    padding:4px 7px;

    color:#fff;

    border:0px;

}

login.aspx page copy paste below html code 

<body>

    <center>

        <form id="form1" runat="server">

            <div class="hdr_new">

                <img src="images/header_new.png" style="width: 997px; height: 93px" /></div>

            <div class="wrapper" style="padding: 100px 0px;">

                <div class="loginbox">

                    <asp:Panel ID="Panel1" runat="server">

                        <table cellpadding="5" cellspacing="0" width="95%">

                            <tr>

                                <td colspan="2" height="5">

                                </td>

                            </tr>

                            <tr>

                                <td colspan="2" class="usertxt">

                                    USER LOGIN</td>

                            </tr>

                            <tr>

                                <td colspan="2" height="5">

                                </td>

                            </tr>

                            <tr>

                                <td align="right">

                                    Login Id :</td>

                                <td>

                                    <asp:TextBox ID="txtUID" CssClass="txtbox" runat="server"></asp:TextBox></td>

                            </tr>

                            <tr>

                                <td align="right">

                                    Password :</td>

                                <td>

                                    <asp:TextBox ID="txtPassword" CssClass="txtbox" runat="server" TextMode="Password"></asp:TextBox></td>

                            </tr>

                            <tr>

                                <td style="height: 38px">

                                    &nbsp;</td>

                                <td align="left" style="height: 38px">

                                    <asp:Button ID="btnLogin" runat="server" CssClass="btn" OnClick="btnLogin_Click"

                                        Text="Login" Width="72px" />

                                    &nbsp;

                                    <asp:Button ID="btnClear" runat="server" CssClass="btn" Text="Clear" Width="63px" /></td>

                            </tr>

                            <tr>

                                <td colspan="2" style="text-align: center">

                                    <asp:Label ID="lblMessage" runat="server"></asp:Label></td>

                            </tr>

                            <tr>

                                <td colspan="2">

                                    &nbsp;</td>

                            </tr>

                        </table>

                    </asp:Panel>

                </div>

                <div>

                    &nbsp;</div>

            </div>

            <div class="btm_bg">

                <table width="100%">

                    <tr style="width:100%;">

                        <td align="left" style="width:100%;">

                        </td>

                    </tr>

                    <tr>

                    <td>

                     &nbsp;

                    </td>

                    </tr>

                </table>

            </div>

            <div class="footer">

                Design & Developed by <a href="http://" target="_blank">

                    Pvt. Ltd.</a>

            </div>

        </form>

    </center>

</body>


Ankitagupta, if this helps please login to Mark As Answer. | Alert Moderator
Posted by: Ankitagupta on: 4/4/2013 [Member] Starter | Points: 25

Up
0
Down
dear sir
i want to know this css work every broser and every screen resolution
pls tel me


ankita

Ankitagupta, if this helps please login to Mark As Answer. | Alert Moderator
Posted by: Jayakumars on: 4/4/2013 [Member] [MVP] Bronze | Points: 25

Up
0
Down
hi
try this or send me ur code.

<div style='position:absolute;top:500px;margin-left:300px;width:100px;border:1px solid #000000;height:100px;'></div>

<script type='text/css'>
body {width:100%;}
</script>



Mark as Answer if its helpful to you

Kumaraspcode2009@gmail.com

Ankitagupta, if this helps please login to Mark As Answer. | Alert Moderator
Posted by: Prabu_Spark on: 4/4/2013 [Member] Starter | Points: 25

Up
0
Down
Hi ankita,
Use the below link to download free website template,
http://www.freewebtemplates.com. I hope this will help you. Kindly give me the suggestion.


With regards,
J.Prabu
[Email:prbspark@gmail.com]

With regards,
J.Prabu.
[Email:prbspark@gmail.com]

Ankitagupta, if this helps please login to Mark As Answer. | Alert Moderator
Posted by: Ankitsrist on: 4/4/2013 [Member] Starter | Points: 25

Up
0
Down
ankita, the css that i have given above contains moz-border radius, webkit etc that will compatible with all browser

Ankitagupta, if this helps please login to Mark As Answer. | Alert Moderator
Posted by: Sharjeet on: 6/12/2013 [Member] Starter | Points: 25

Up
0
Down
There is a css file named css3pie available in the internet to enable the design to make it responsive and your design will support every browser include older version of IE. Cause ie doesn't support the latest css3 propertis and css3pie enables it in ie.


Buy Indian Facebook Likes

Ankitagupta, if this helps please login to Mark As Answer. | Alert Moderator
Posted by: perfectchourasia-9163 on: 6/26/2013 [Member] Starter | Points: 25

Up
0
Down
Try To follow the W3c rule it will work in most of the website.

ER sandeep chourasia
sandeepchrs@yahoo.com (on facebook)
http://www.aspnetcodes.com/

Ankitagupta, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response

Latest Posts