Søg
Avatar billede escaton Nybegynder
21. juli 2003 - 18:57 Der er 9 kommentarer og
3 løsninger

Ændring af Scroolbaren + mere + mere

<style type=text/css>
BODY {
background-color: #666666;
scrollbar-base-color: color;
scrollbar-track-color: #999999;
scrollbar-face-color: #999999;
scrollbar-highlight-color: #cccccc;
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #999999;
scrollbar-shadow-color: #cccccc;
scrollbar-arrow-color: #000000;
a:link { text-decoration:none; color: #FFFFFF; }
a:visited { text-decoration:none; color: #FFFFFF; }
a:active { text-decoration:none; color: #000000; }
a:hover { text-decoration:none; color: #D11800; }
}
</style>

så langt så godt.
Hvad med <H1> med farve og skrifttype, <H2> osv og den normale skrifttype og størrelse og farve... nogle ideer hvad jeg ellers burde bruge css til?

Fx.
<style type=text/css>
BODY {
background-color: #666666;
scrollbar-base-color: color;
a:hover { text-decoration:none; color: #D11800; }
?<H1> { text-decoration:none; color: #D11800; }?
?<font> { text-decoration:none; color: #D11800; }?
}
</style>
Avatar billede whatever Nybegynder
21. juli 2003 - 18:59 #1
Du styler h-tagene på samme måde som andre tags:

h1 {
  color: red;
  font-family:  Verdana,Helvetica,Sans-seif
}
Avatar billede ckh Nybegynder
21. juli 2003 - 19:02 #2
Du kan skam også bruge det til at positionere ting på din hjemmeside hvis du mangler ideer ;)

h1 {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
Avatar billede jakobsynder Nybegynder
21. juli 2003 - 19:06 #3
Du skal lige afslutte din body { bla bla med en } i eksemplet foroven, hvis du da bruger det.

- Du skal bruge css til alt du skal bruge og har brug for.

Dermed ment, at der er ingen grund til at bruge css bare for at bruge det, men brug det kun i de tilfælde hvor det er nødvendigt. Øhh...

Man kan lave hele sit layout med css. Du ser tit sites opbygget af et virvar af tables inde i tables inde i tables. Det kan f.eks erstattes med css bokse.

hurtigt eks:

<style>
.topboks {
background: #000000;
font: normal normal normal 30px impact;
height: 100px;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
top: 0px;
position: absolute;
osv osv
}
</style>

<div class='topboks'> Tekst i topboks </div>

// Der laver du en topboks øverst på siden med en tekst i, ved at definere nogle værdier i css, såsom placering, størrelse, farver m.m.

Du kan også ændre udseendet af dine forms og meget andet.

Vent og se når www.html.dk kommer op :-)
Avatar billede ckh Nybegynder
21. juli 2003 - 19:08 #4
Denne her:
?<font> { text-decoration:none; color: #D11800; }?
kunne så hedde:
p, td, ul, ol { color: #D11800; }
Det forudsætter så at den tekst du har i html-dokumentet står i et af de tags. Der findes derimod ikke noget der hedder
font {
..........
}
Så lad være med det :-)
Avatar billede exp Juniormester
21. juli 2003 - 19:08 #5
et hint:
http://www.bradsoft.com/topstyle/download/litedload.asp
Avatar billede jakobsynder Nybegynder
21. juli 2003 - 19:18 #6
escaton >> Hele pointen med css er vel, groft sagt, at det kan bruges til at definere detaljer om html elementer. Alle html elementer er en slags 'kasser' hvor du med css kan bestemme for hver kasse, eller grupper af kasser, hvordan de skal se ud mht. kant omkring, farve, tekst, størrelse osv.

Hvis du f.eks har et textarea på din side, kan du i css lave følgende:

.textareaklasse {
scrollbar-base-color: #000000;
osv. osv. osv.
}

og så i html indsætte:

<textarea class='textareaklasse'></textarea>

Nu vil dit textarea have den farve scrollbar som du definerer.

Så html laver grove kasser og css finpudser deres udseende.
Avatar billede escaton Nybegynder
21. juli 2003 - 19:21 #7
er kommet frem til dette er her nogle fejl?

<html>

<head>
<title>iframe</title>

<style type=text/css>
BODY {
background-color: #666666;
scrollbar-base-color: color;
scrollbar-track-color: #999999;
scrollbar-face-color: #999999;
scrollbar-highlight-color: #cccccc;
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #999999;
scrollbar-shadow-color: #cccccc;
scrollbar-arrow-color: #000000;
a:link{ color: #FFFFFF; text-decoration: none; font: normal normal bold 12px verdana; }
a:visited{ color: #FFFFFF; text-decoration: none; font: normal normal bold 12px verdana; }
a:active{ color: #000000; text-decoration: none; font: normal normal bold 12px verdana; }
a:hover{ color: #000000; text-decoration: none; font: normal normal bold 12px verdana; }
h1 { font-family: arial, helvetica, sans-serif;
font-size: 14px;
color: #FFCC00;}
h2 { font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #000000;}

}
</style>

</head>

<body>
            <h1>21-07/2003 - Poll</h1>
</body>
</html>

uhmm når jeg ser den i internet 6.0 bliver min <h1> meget stor og meget grim...!
Avatar billede jakobsynder Nybegynder
21. juli 2003 - 19:24 #8
Du mangler stadigvæk at afslutte din body { med }

Ahh hov, body er et element for sig du. Du har en } allernederst, den skal op og afslutte body før du påbegynder et nyt element.
Avatar billede jakobsynder Nybegynder
21. juli 2003 - 19:28 #9
Du skal huske at nogle elementer som f.eks. h1 har nogle præ-definerede egenskaber som der i nogle tilfælde kan være forskellige hvordan browsere tolker. Derfor tilrådes det at springe det over, hvis du vil kontrollere dit layout højest muligt.
Den kan være små detaljer, som laver den automatisk 1 eller 2 linjeskift når du indsætter det tag osv, men det kan alligevel have stor indfyldelse på hvordan din side tager sig ud.
I stedet for at bruge din h1 kan du f.eks. lave et div element, eller bare lave en <font size='14px' color='#FFCC00' face='arial'>tekst</font> i din html.
Avatar billede escaton Nybegynder
21. juli 2003 - 19:31 #10
jakobsynder jeg bruger <font> det ville jo bare være smart at gøre koden så kort som muligt :) men jeg bruger bare font, lyder til at være nemmere hvis jeg vil ha det som jeg vil :)
Avatar billede jakobsynder Nybegynder
21. juli 2003 - 19:33 #11
du kan som sagt også lave et div element.

css:

.titel {
font: normal normal bold 14px arial;
color: #FFCC00;
}

html:

<div class='titel'> tekst her </div>
Avatar billede jakobsynder Nybegynder
21. juli 2003 - 19:36 #12
Så kan du bruge det alt det du vil, uden at definere farve og størrelse igen og igen.
Du kan naturligvis også tilføje andre egenskaber til din klasse.

.titel {
font: normal normal bold 14px arial;
color: #FFCC00;
width: 100%;
text-align: center;
text-decoration: underline;
}

- og hvad du nu ellers kan finde på. Endda baggrundsbillede...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
07/0916:09 Bitdefender brokker sig Af FinnRasmussen i Andet sikkerhed
06/0921:00 Libre Office Impress Af Frank i Andre styresystemer
06/0911:47 VB script Af Jenshentze i Word
White papers
Flere white papers »