logo    logo   HTML / CSS - Ofte brugte deklarationer




xForm




Framework <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
Ekstern<link rel="stylesheet" type="text/css" href="mystyle.css">
Intern <style>  body { background-color: linen; }</style>
Inline <h1 style="color:blue;margin-left:30px;">




paddingVender udad. Udvider dækningsområde for aktuelt tag.
marginVender indad fra omgivende 'container'-tag. Udvider ikke dækningsområde for aktuelt tag
align
vertical-align
Knyttes til taggen 'udenom'.
ul / li.ul#x{
list-style-type: none;
text-align: center;
---------
.ul#x li { display: inline-block; }
----------------------
.footertext li{
text-decoration: none;
display: inline;
}
Ingen bullet
Centrering
-----------
Vandret liste
----------------
Ingen bullet
Vandret linie
aa{ color: #73736b; }Fast farve til a-link
a:linka:link { text-decoration: none; }Ingen understregning
x
img.billed-right{
float: right;
margin-left: 5px;}
Højrestil billede




FORM


Form:


<table class="navn01">
<form method='post'>
<tr class="navn02"><td class="navn04"><input type='text' name='brug_navn' /></td></tr>
<tr class="navn02"><td ><input type='password' name='brug_pass' /></td></tr>
<tr><td class="navn03"> <input class="knap" type='submit' name='submit_login' value='Login' /></td></tr>
</form>
</table>


CSS:


.navn01{
border: none;
}
.navn02{
border: none;
}
.navn03{
padding-left: 20px;
}
.navn04 input[type="text"]
{
width: 100px;
border: 1px solid #CCC;
margin-left: 20px;
}
input[type="password"]
{
width: 100px;
border: 1px solid #CCC;
margin-left: 20px;
}
.kat input[type="submit"]{
background: #fff;
border: 1px solid #8AB512;
color: #8AB512;
padding: 0 20px 0 20px; }
.knap{
border: 1px solid #8bb513;
color: #8bb513;
background: white;
margin: 15px 0 5px 0;
}




















x
x