[CSS] voor dummies - deel 10

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_64850766
Dat kan kloppen want meer dan de helft van de mensen zijn idioten.

-edit-
op fok minder trouwens.
  vrijdag 9 januari 2009 @ 14:30:30 #182
141104 Patje1987
Madre me quiero un frikandel.
pi_64851396
Zo ik ben aan mijn portfolio site begonnen, en het begin is gemaakt.

http://www.patrickvd.com/
Wij vormen tezamen gezellig een schaar.
Sportief zijn wij allen en voor elkaar.
Ons doel en ons streven is vriendschap en vree
Aan ons de victorie aan RKC!
pi_64851474
quote:
Op vrijdag 9 januari 2009 14:14 schreef mcDavid het volgende:
Dat kan kloppen want meer dan de helft van de mensen zijn idioten.

-edit-
op fok minder trouwens.
Je bedoeld in de topics waar jij in post ?
pi_64852183
quote:
Op vrijdag 9 januari 2009 @ 14:32 schreef HuHu het volgende:

[..]

Je bedoeld in de topics waar jij in post ?
Ja en aangezien ik nogal eens op F5 ram is de fx-score vast wat overrated, maar dan nog.
pi_64852701
Maar goed, een oplossing voor alle browsers is er niet?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_64852925
quote:
Op vrijdag 9 januari 2009 @ 15:02 schreef Chandler het volgende:
Maar goed, een oplossing voor alle browsers is er niet?
Ik ben bang van niet.

Als je toch dezelfde class wilt gebruiken kun je gewoon in je css het onderscheid maken d.m.v.

input.but {}
a.but{}
pi_64854042
ok tnx, ik ga even verder stoeien met dit geheel!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_64857626
quote:
Op vrijdag 9 januari 2009 15:02 schreef Chandler het volgende:
Maar goed, een oplossing voor alle browsers is er niet?
Waarom niet in beide gevallen een button gebruiken? 1 met <input type="submit" ... /> en de andere met <input type="button" onclick="" ... />

Daar kun je dan natuurlijk nog weer classes aanhangen
fokstok.nl
pi_64861232
quote:
Op vrijdag 9 januari 2009 14:30 schreef Patje1987 het volgende:
Zo ik ben aan mijn portfolio site begonnen, en het begin is gemaakt.

http://www.patrickvd.com/
Frames?!

Dat 'Valid HTML' onderin kun je trouwens ook wel weghalen .

Edit: Ohw, je zit in een frame ivm je domein.
  vrijdag 9 januari 2009 @ 18:49:44 #190
141104 Patje1987
Madre me quiero un frikandel.
pi_64861441
quote:
Op vrijdag 9 januari 2009 18:44 schreef veldmuis het volgende:

[..]

Frames?!

Dat 'Valid HTML' onderin kun je trouwens ook wel weghalen .

Edit: Ohw, je zit in een frame ivm je domein.
Klopt had al een host met domein, dus alleen een extra domein erbij besteld. Die valid dingen heb ik nog niet doorgelinkt dus ook nog niet getest
Wij vormen tezamen gezellig een schaar.
Sportief zijn wij allen en voor elkaar.
Ons doel en ons streven is vriendschap en vree
Aan ons de victorie aan RKC!
pi_64862981
quote:
Op vrijdag 9 januari 2009 @ 18:49 schreef Patje1987 het volgende:

[..]

Klopt had al een host met domein, dus alleen een extra domein erbij besteld. Die valid dingen heb ik nog niet doorgelinkt dus ook nog niet getest ;)
1
2
3		RewriteEngine on
RewriteCond %{HTTP_HOST} ^.*(patrickvd.com)$ [NC]
RewriteRule ^(.*)$ http://patrickvd.derium-online.com/$1 [L]

Niet een idee? Of kun je echt helemaal niets met dat andere domein?
pi_64864454
quote:
Op vrijdag 9 januari 2009 16:54 schreef Light het volgende:

[..]

Waarom niet in beide gevallen een button gebruiken? 1 met <input type="submit" ... /> en de andere met <input type="button" onclick="" ... />

Daar kun je dan natuurlijk nog weer classes aanhangen
Omdat je dan JS nodig hebt, en anders niet?
  vrijdag 9 januari 2009 @ 20:34:41 #193
87680 Mirel
Mirel wil een bongophone.
pi_64865267
Wat is trouwens de menumodule code in joomla. Ben die even kwijt
When all else fails, you always have delusion.
pi_64879211
quote:
Op vrijdag 9 januari 2009 20:10 schreef Roy_T het volgende:

[..]

Omdat je dan JS nodig hebt, en anders niet?
Idd
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_64921162
quote:
Op vrijdag 9 januari 2009 20:34 schreef Mirel het volgende:
Wat is trouwens de menumodule code in joomla. Ben die even kwijt
Ik heb even in de CSS specs gekeken, maar zag het er niet in staan
pi_64929068
Ik heb wat hulp nodig met het inelkaar zetten van mijn site, ik heb nog niet zoveel verstand van het positioneren van Div bestanden,, dus het is weer een grote rommelzooi.

Nou had ik de vraag hoe plaats ik dit goed en onthoud ik dit voor de volgende keer

http://www.mediavormgever.net/~thillart86/animatie/

http://i43.tinypic.com/2je4wib.jpg ( zo ziet de site er uit als het zou werken )

dat is de link waarop de site weergeven wordt
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91		body {
background-image:url(bg.jpg);
margin-top:0;
} 

ul, li {
padding: 0px;
margin: 0px;
}

img {
border: none;
}

#container {
width:757px;
height:868px;
margin-left:auto;
margin-right:auto;
}

#header {
background-image:url(images/ani_01.jpg);
width:757px;
height:248px;
float:left;
}

ul{
list-style:none;

}

li{
display:inline;
}

#sidebalkleft{
background-image:url(images/ani_02.jpg);
width:28px;
height:575px;
float:left;
}

#menu{
width:479px;
height:41px;
float:left;
}

#menu a{
border:0;
text-decoration:none;
list-style:none;
display:inline;
}

#onderstuk{
background-image:url(images/ani_07.jpg);
width:223px;
height:41px;
float:left;
}

#content{
background-image:url(images/ani_10.jpg);
width:556px;
height:495px;
float:left;
}

#menubalk{
background-image:url(images/ani_09.jpg);
height:39px;
width:702px;'
float:right;
}

#onderbalk{
background-image:url(images/ani_12.jpg);
width:757px;
height:45px;
float:inherit;
}

#rechterbalk{
background-image:url(images/ani_08.jpg);
height:575px;
width:28px;
float:right;
}



Html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34		<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Animatie</title>
<link href="div.css" rel="stylesheet" type="text/css" />
</head>

<body><div id="container">
   <div id="header">
   </div>
      <div id="sidebalkleft">
  </div>
         <div id="menu">
      <ul>
         <li><a href="index.html"> <img src="images/ani_03.jpg" width="118" height="41" /></a></li>
         <li><a href="historie.html"><img src="images/ani_04.jpg" width="120" height="41" /></a></li>
         <li><a href="studiolfc.html"><img src="images/ani_05.jpg" width="121" height="41" /></a></li>
         <li><a href="contact.html"> <img src="images/ani_06.jpg" width="120" height="41" /> </a> </li>
        </ul>

  </div>
  <div id="onderstuk"></div>      <div id="rechterbalk"></div>
      
         <div id="menubalk"></div>
         <div id="content">
         </div>
         
   
            <div id="onderbalk">
            </div>
</div>
</body>
</html>


[ Bericht 1% gewijzigd door Mailbox op 11-01-2009 21:51:26 ]
pi_64929237
Begin eens met

ul, li {
padding: 0px;
margin: 0px;
}
  zondag 11 januari 2009 @ 21:39:00 #198
134533 donroyco
dus niet Donroyco
pi_64929310
en geef je images een border="0" mee..
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_64929363
Oeh gelijk even proberen
pi_64929389
quote:
Op zondag 11 januari 2009 21:37 schreef veldmuis het volgende:
Begin eens met

ul, li {
padding: 0px;
margin: 0px;
}
het is een begin
pi_64929526
quote:
Op zondag 11 januari 2009 21:39 schreef donroyco het volgende:
en geef je images een border="0" mee..
Dat moet je dus in css doen, niet in html.
fokstok.nl
pi_64929535
quote:
Op zondag 11 januari 2009 21:39 schreef donroyco het volgende:
en geef je images een border="0" mee..
dan wel

img {
border: none;
}
pi_64929825
quote:
Op zondag 11 januari 2009 21:44 schreef veldmuis het volgende:

[..]

dan wel

img {
border: none;
}
dat geeft al enig effect
pi_64930008
Ik denk dat je er toch wat over moet gaan lezen nu. Je divt alles aan elkaar, en dat hoeft helemaal niet.
pi_64930425
quote:
Op zondag 11 januari 2009 21:55 schreef veldmuis het volgende:
Ik denk dat je er toch wat over moet gaan lezen nu. Je divt alles aan elkaar, en dat hoeft helemaal niet.
hmm oke, ja ik vind dit echt lastig maarja ik studeer het dus eigenlijk moet ik het begrijpen
  zondag 11 januari 2009 @ 22:08:54 #206
87680 Mirel
Mirel wil een bongophone.
pi_64930618
quote:
Op zondag 11 januari 2009 18:00 schreef Roy_T het volgende:

[..]

Ik heb even in de CSS specs gekeken, maar zag het er niet in staan
Zit ook niet in het css bestand. Het is iets zoals <jdoc balblabalblabalbalbal> wat in een div wordt neergezet.
When all else fails, you always have delusion.
pi_64930668
Om een voorbeeld te geven, je hebt die ul staan waar je menu in staat. Die kun je gewoon een id (of class, want waarom werk je met id's?) meegeven en positioneren.

Als het de enige ul is die in je container staat dan geef je geen class mee maar dan doe je .container ul: weer een class minder nodig.
  zondag 11 januari 2009 @ 22:12:04 #208
87680 Mirel
Mirel wil een bongophone.
pi_64930765
quote:
Op zondag 11 januari 2009 22:09 schreef veldmuis het volgende:
Om een voorbeeld te geven, je hebt die ul staan waar je menu in staat. Die kun je gewoon een id (of class, want waarom werk je met id's?) meegeven en positioneren.

Als het de enige ul is die in je container staat dan geef je geen class mee maar dan doe je .container ul: weer een class minder nodig.
Ik had begrepen dat je eerst iets een id moest geven voordat je de rest een class wilt geven? Maar dat hoeft dus niet?
When all else fails, you always have delusion.
pi_64931002
Nope.

De dingen die je een ID meegeeft in de CSS overrulen de dingen die in de class staan, daar kun je het voor gebruiken. Een !important in een class overruled echter weer het spul in een id. Inline dingen, in een style dus, overrulen alles behalve een !important, om het verhaal compleet te maken.

Ik gebruik een ID alleen als ik ergens met javascript aan de gang ga, en dat element aan wil roepen.
pi_64931755
Meer leesvoer: "CSS specificity": http://htmldog.com/guides/cssadvanced/specificity/

Er valt nog meer over te weten, en dan met name dat hoe specifieker de rule, hoe hoger de prioriteit. Als je deze code hebt:

1
2
3
4
5
6
7		div p {
   color: red;
}

p {
   color: blue;
}


Dan worden de paragrafen binnen een div rood, en niet blauw (ondanks dat deze onderaan in je CSS-bestand staat).

Als je zowel classes, elements en id's in je rule gebruikt, dan vergt dat wat rekenwerk. Uitleg hierover: zie bovenstaande link.
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies - deel 10
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')