|
|
 | Kommentar
Fra :  Manse9933  |
Dato : 07-06-09 04:23 |
| | |
| Kommentar
Fra : Manse9933 |
Dato : 07-06-09 04:24 |
|
Kode
<style type="text/css">
<!--
.parent_elem
{
font-size: 28px;
font-family: "Times New Roman", Times, serif;
}
.parent_elem p
{
font-size: 0.7em;
line-height: 1.5em;
width: 12em;
background-color:#FFCC00;
}
-->
</style>
<div class="parent_elem">
The letter 'M'.
<p>Text within the P element.</p>
</div> |
| |
| Kommentar
Fra : Manse9933 |
Dato : 07-06-09 04:33 |
|
f.eks.
font-size: 80%;
størrelse i en div med en bestemt størrelse (højde/bredde) vi blive 80% af størrelsen af denne div's
indre og ikke 80% af hele siden
| |
| Kommentar
Fra : Manse9933 |
Dato : 07-06-09 04:34 |
| | |
| Kommentar
Fra : Manse9933 |
Dato : 07-06-09 04:43 |
|
Kode
<head>
<style type="text/css">
<!--
.parent_elem
{
font-size: 28px;
font-family: "Times New Roman", Times, serif;
}
.parent_elem p
{
font-size: 0.7em;
line-height: 1.5em;
width: 12em;
background-color:#FFCC00;
}
-->
</style>
</head>
<body>
<div class="parent_elem">
The letter 'M'.
<p>Text within the P element.</p>
</div>
</body>
</html> |
| |
 | Kommentar
Fra : ajohansen |
Dato : 09-06-09 12:37 |
|
hej alle
trods alle jeres gode forsøg, må jeg erkende at jeg ikke forstår et hak.
Mine evner rækker vist ikke så langt  .
jeg lader spørgsmålet stå lidt længere.
//ajohansen
| |
| Kommentar
Fra : Manse9933 |
Dato : 09-06-09 17:04 |
|
Sæt dette ind i din txt editor og navngiv det navn.htm
og åben det i din browser for at se det som det er nu prøv så at ændre
font-size: 28px;
og
font-size: 48%;
op og ned i tal(størrelse) og tjek det i din browser igen,lav stor ændringer i størrelsen så ser du det bedre.
Kode
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="generator" content="NoteTab" />
<title>Prøve</title>
<style type="text/css">
<!--
.parent_elem {
font-size: 28px;
font-family: "Times New Roman", Times, serif;
}
.parent_elem p {
font-size: 48%;
line-height: 1.5em;
width: 12em;
background-color:#FFCC00;
}
-->
</style>
</head>
<body>
<center>
<!--<div class="parent_elem"> herunder er parent og <p>Text within the P element.</p> er child element i parent elementet-->
<div class="parent_elem">
The letter 'M'.
<p>Text within the P element.</p>
</div>
</center>
</body>
</html> |
Spørg hvis du vil have
<style type="text/css">
<!--
.parent_elem {
font-size: 28px;
font-family: "Times New Roman", Times, serif;
}
.parent_elem p {
font-size: 48%;
line-height: 1.5em;
width: 12em;
background-color:#FFCC00;
}
-->
udybet.
f.eks.
background-color:#FFCC00;
er baggrund farven i p elementet
<p>Text within the P element.</p>
*******************************************
Dette kan fjernes (ses ikke i browseren)
Kode
<!--<div class="parent_elem"> herunder er parent og <p>Text within the P element.</p> er child element i parent elementet--> |
alt der er imellem <!-- og --> ses ikke i browseren og
er kun oplysning.
Manse9933
| |
| Kommentar
Fra : Manse9933 |
Dato : 09-06-09 17:26 |
|
parent/child/inner element o.s.v o.sv kan bruges i et utal af opsætninger(tag's)
Tilføje lid flere attributter i css,den i head.
Citat
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="generator" content="NoteTab" />
<title>Prøve</title>
<style type="text/css">
<!--
.parent_elem {
font-size: 28px;
font-family: "Times New Roman", Times, serif;
color: #ff0000;
width: 22em;
padding:20px;
border: 4px red solid;
background-color:#000000;
}
.parent_elem p {
font-size: 58%;
line-height: 1.5em;
width: 16em;
border: 4px silver solid;
padding:10px;
background-color:#FFCC00;
}
-->
</style>
</head>
<body>
<center>
<!--<div class="parent_elem"> herunder er parent og <p>Text within the P element.</p> er child element i parent elementet-->
<div class="parent_elem">
The letter 'M'.
<p>Text within the P element.</p>
</div>
</center>
</body>
</html> |
| |
| Kommentar
Fra : Manse9933 |
Dato : 09-06-09 17:27 |
| | |
| Kommentar
Fra : ajohansen |
Dato : 09-06-09 17:34 |
|
ok så tror jeg at jeg så lyset.
Dvs at alt det der ligger i <.parent_elem > automatisk nedarves til <.parent_elem p> medmindre at det ændres i child-elamentet, sådan at hvis jeg ændrer <font-family: "Times New Roman", Times, serif;> til <font-family: "Arial", Verdana;> så vil p blive skrevet med <Arial>
| |
| Kommentar
Fra : ajohansen |
Dato : 09-06-09 18:07 |
|
nu skriver du <font-size: 110%; > hvor stor er størrelsen altså 100% feks i pixel, for du er vel nødt til at have en størrelse at gå ud fra?
ligesom med 50% af et ton, hvor vi ved at 1 ton 1000 kg altså vil 50% svare til størrelsen 500 kg
| |
| Accepteret svar
Fra : Manse9933 | 
Modtaget 100 point
Dato : 09-06-09 18:33 |
|
prøv ar sætte px bagved i stedet for % normal txt størrelse er 16 til 18 px
Sæt px bagved og du vil falde ned fra stolen 
font-size: 110%;
sådan
font-size: 110px;
En side du kan lege med,alt i procent på nær banneret.
Kode
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="generator" content="NoteTab" />
<title>Test Side</title>
<style type="text/css" media="all">
html,body{
margin-top :0;
padding-left:0;
}
body{
font-family : "Georgia", "Times New Roman", "Times", "sans serif", "Arial Black" ;
color: #ffffff;
font-size : 18px;
text-align: center;
background: #333333;
padding-bottom:20px;
}
p:first-letter {
color : #ff0000;
font-size : 25px;
}
/*start pic banner*/
div.banner {
background-color : #000000;
text-align: center;
width: 92.5%;
border: 4px silver solid;
padding: 10px;
}
/*slut pic banner*/
/*main*/
div.main_body {
background-color : #FFDEAD;
color: #000000;
width: 90%;
border: 4px #900000 solid;
margin-top :1.2em;
padding: 31px 31px 31px 31px;
}
/*main slut*/
/*fod*/
div.fod_bund {
background-color : #000000;
color: #ff0000;
width: 90%;
border: 4px silver solid;
margin-top :1.2em;
padding: 31px 31px 31px 31px;
}
/*fod slut*/
html{
scrollbar-3d-light-color:#964949;
scrollbar-dark-shadow-color:#4b2525;
scrollbar-base-color: #ffffff;
scrollbar-shadow-color:#613030;
scrollbar-arrow-color:#ff0000;
scrollbar-highlight-color:#0000ff;
scrollbar-track-color:#353535;
scrollbar-face-color:#5a5a5a;
}
.parent_elem {
font-size: 110%;
font-family: "Times New Roman", Times, serif;
color: #ff0000;
width: 32%;
padding:20px;
border: 4px red solid;
background-color:#000000;
}
.parent_elem p {
font-size: 58%;
line-height: 85.5%;
width: 48%;
border: 4px silver solid;
padding:10px;
background-color:#FFCC00;
}
</style>
</head>
<body>
<center>
<div class="banner"><img src="img/banner.jpg" alt=" " title="Din side" width="767" height="150" /></div>
</center>
<center>
<div class="main_body">
<div class="parent_elem">The letter 'M'.
<p>Text within the P element.<br />
Text within the P element.</p>
</div>
</div>
</center>
<center>
<div class="fod_bund">
<p>Der Var Engang en side...........</p>
</div>
</center>
</body>
</html> |
 | |
| Kommentar
Fra : ajohansen |
Dato : 09-06-09 18:42 |
|
nu tror jeg den hænger fast et eller andet sted i kramiet.
men hvorfor bruge % i stedet for feks pixel?
| |
| Kommentar
Fra : Manse9933 |
Dato : 09-06-09 18:47 |
| | |
| Kommentar
Fra : ajohansen |
Dato : 09-06-09 18:48 |
| | |
| Kommentar
Fra : Manse9933 |
Dato : 09-06-09 19:01 |
|
og txt krøller ikke sammen og eller bliver for store i forhold til f.eks. den div den er i
her et ex
på en linie der bliver skåre over fordi txt ikke
følger skærmen.
| |
 | Du har følgende muligheder | |
|
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.
Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
| |
|
|