abonnement Unibet Coolblue Bitvavo
  woensdag 20 juli 2005 @ 15:52:46 #201
46794 Berkery
Fat bastard
pi_28978515
Dat komt door je display: inline vermoed ik. inline elementen kan je geen vaste breedte geven, normaal gesproken.
No Dukes of Hazzard in the classroom
pi_28978564
hmm maar als ik geen inline gebruik komen ze onder elkaar, natuurlijk zou ik dat kunnen oplossen met een float: left; hmm.... tnx voor de thoughts b!.
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  woensdag 20 juli 2005 @ 15:54:33 #203
46794 Berkery
Fat bastard
pi_28978574
Misschien kan je hier wat mee: http://www.alistapart.com/articles/taminglists/
No Dukes of Hazzard in the classroom
  woensdag 20 juli 2005 @ 15:56:46 #204
46794 Berkery
Fat bastard
pi_28978642
No Dukes of Hazzard in the classroom
  woensdag 20 juli 2005 @ 17:50:18 #205
44679 Leshy
Held met sokken.
pi_28981925
quote:
Op woensdag 20 juli 2005 15:52 schreef Berkery het volgende:
Dat komt door je display: inline vermoed ik. inline elementen kan je geen vaste breedte geven, normaal gesproken.
Nope, daar kun je display: inline-block; voor gebruiken, maar dat werkt in MSIE en Mozilla/Firefox alleen op items die normaal gesproken al inline items zijn
pi_29001847
ik heb het dus opgelost met een float: left;

maar nu moet ik nog eens kijken hoe ik het klaar krijg met hover etc.
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_29002041
<div onmouseover="this.className='divhover';" onmouseout="this.className='';">

-r-
pi_29099773
Ik ben net begonnen met het opmaken in CSS

en heb dit:

<div id="header">
bladiebla.nl
</div>
<div id="tussen">
link 1 <> link 2 <> link 3
</div>

Nu wil ik dat tussen header en tussen een wit ruimt komt (een <br> is al te groot) hoe krijg ik dit voor elkaar (zal vast een domme vraag zijn maar goed )
West Ham supporters, check: Dutchirons
Dutch Football Manager Site!
Determined to deliver, destined to dominate. - The Third Movement
  zondag 24 juli 2005 @ 23:57:43 #209
72143 WalfredGeesink
De vrachtwagenchauffeur.
pi_29100216
div#tussen { margin-top: 5px; }
pi_29106865
Mensen, ik heb google nu meerdere malen geraadpleegd voor het volgende maar kon wederom helaas geen oplossing vinden.

Stel ik heb een variabel kader die varieert van (10px/10px tot 800px/800px) en wil deze gecentreerd hebben doormiddel van css (dus zowel horizontaal als verticaal).

Hoe moet ik dit oplossen met behulp van css? iemand een suggestie?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_29121881
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
 <div id="header">
   blabla.nl
  </div>
  <div id="tussen">
   <a href="./index.php">Home</a> <> <a href="./webhosting/index.php">Webhosting</a> <> link 3
   </div>

/* CSS Document */

body {
 background-color:#FFFFFF;
}

#header {
background-color:#EEEEEE;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:36px;
border-width:1;
border-color:#000000;
border-style:dotted;
}

#tussen {
width:100%;
margin-top:5px;
padding:0px 0px 0px 10px;
background-color:#EEEEEE;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border-width:1;
border-color:#000000;
border-style:solid;
}


Ik heb nu dit, ik wil dat de links van links iets meer weg staan maar nu wordt #tussen groter dan header terwijl ze beide op 75% staan. Wat doe ik fout

Is er trouwens een goede liefst Nederlandse website met tutorial hoe je een website opbouwt in css
West Ham supporters, check: Dutchirons
Dutch Football Manager Site!
Determined to deliver, destined to dominate. - The Third Movement
pi_29122556
Wat bedoel je met "iets meer weg staan" en wat staat op 75%? (ik zie nergenes 75%)

Vervang <> door <>, anders is je html niet geldig.
Het lijkt me handiger om de font-family bij de body te zetten, dan hoef je dat niet overal te herhalen.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_29122663
quote:
Op maandag 25 juli 2005 21:03 schreef SuperRembo het volgende:
Wat bedoel je met "iets meer weg staan" en wat staat op 75%? (ik zie nergenes 75%)

Vervang <> door <>, anders is je html niet geldig.
Het lijkt me handiger om de font-family bij de body te zetten, dan hoef je dat niet overal te herhalen.
Ik bedoel breder en width

voorbeeld:
http://www.dutchfootballmanagersite.nl/jmsystems/

css file:
http://www.dutchfootballm(...)ms/css/standaard.css

Ik wil nu toch eens CSS beter gaan leren ipv steeds met tabellen werken
West Ham supporters, check: Dutchirons
Dutch Football Manager Site!
Determined to deliver, destined to dominate. - The Third Movement
pi_29123583
Gooi je html eens door een HTML Validator en je css door een CSS Validator.

Html en css die niet volgens de regels zijn opgesteld kunnen voor onvoorspelbare resultaten leiden. Dat maakt het zoeken naar fouten in je layout erg lastig.

Validators zijn niet heilig, maar wel een goede hulp.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_29124190
Hmmz heb ze er door heen gehaald en was bij de html idd de charset vergeten en bij de css een maat vergeten op te geven bij border-width:1; maar het probleem blijft...
West Ham supporters, check: Dutchirons
Dutch Football Manager Site!
Determined to deliver, destined to dominate. - The Third Movement
pi_29124668
Het verschil zit in de padding-left van #tussen.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_29124776
quote:
Op maandag 25 juli 2005 22:05 schreef SuperRembo het volgende:
Het verschil zit in de padding-left van #tussen.
Hmmz ik wil dus dat de tekst vanaf links iets naar binnen gaat (die 5px) maar dat houd in dat er rechts 5px bijkomt dus??

Sorry ben nog maar net bezig met CSS
West Ham supporters, check: Dutchirons
Dutch Football Manager Site!
Determined to deliver, destined to dominate. - The Third Movement
pi_29125786
Ja.

Je kan het oplossen door om beide divs een div te zetten met width:75%. #header en #tussen geef je geen width.

Je kan het ook oplossen door er voor te zorgen dat er tussen de div#tussen en de links een extra container zit. Dat kan een div of een p zijn, maar ook een list (ul). Op die container kan je dan die extra paddin zetten.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_29125988
Jij ruled thnx
West Ham supporters, check: Dutchirons
Dutch Football Manager Site!
Determined to deliver, destined to dominate. - The Third Movement
pi_29207840
Nu heb ik het volgende probleem:

Ik wil een header maken, daaronder een tussenbalkje en daaronder de content en daaronder weer een footer met copyright meuk.

Nu lukt de header en het tussenbalkje maar bij de content gaat het fout, er moeten daar twee gedeeltes naast elkaar komen een met een soort van menu en de andere met de tekst enzo, nu heb ik ze via een tutorial naast elkaar gekregen (float:left;) maar vallen ze uit de box die ik eromheen gemaakt hebt terwijl dit bij de header en de tussen wel goed gaat de box daarom heen wordt gewoon wel vergroot.

Zie het voorbeeld hier
CSS file hier: hier

Edit:
De gedeelte waarin de tekst moet komen is nu ook onder de menu box komen te staan (wel er naast maar niet dezelfde hoogte )
West Ham supporters, check: Dutchirons
Dutch Football Manager Site!
Determined to deliver, destined to dominate. - The Third Movement
pi_29209154
Je moet de floats "clearen" om ze binnen de box te houden. Daarvoor heb je een (leeg) element nodig na de floats;

1
2
3
4
5
   <div id="content">
      Lorem ipsum dolor sit amet...
   </div>
    <div class="clear"></div>
</div>


css:

1
2
3
.clear {
    clear: both;
}


Verder kan je beter de float en width weglaten voor #content.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_29212998
Thnx staat nu goed, heb je toevallig een website of een boek dat je kan aanraden over het opmaken van een website met CSS (dus zonder tabellen enzo)
West Ham supporters, check: Dutchirons
Dutch Football Manager Site!
Determined to deliver, destined to dominate. - The Third Movement
pi_29215145
De referenties
http://www.w3.org/TR/CSS21/ W3C CSS
http://www.w3.org/TR/html401/ W3C HTML
http://www.mozilla.org/docs/dom/domref/ Gecko DOM Reference
http://msdn.microsoft.com(...)ce/css_ref_entry.asp MSDN CSS Reference

http://home.parse.nl/~michiel/semantiek.html Semantiek - Waarom zou je?
http://www.w3schools.com/ heeft wel handige basic tutorials
http://www.alistapart.com/ allerlei artikelen over css
http://www.quirksmode.org/ een site met veel info over bugs en eigenaardigheden van verschillende browsers.
http://www.glish.com/css/ een aantal css layouts
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_29338870
Thnx .

Ben nu bezig om m'n eigen website van tabellen over te knallen naar CSS en lukt goed. Werkt trouwens echt veel beter dan tabellen dat CSS
West Ham supporters, check: Dutchirons
Dutch Football Manager Site!
Determined to deliver, destined to dominate. - The Third Movement
pi_29364835
Hmmz ik heb nu het volgende probleem, een groot gedeelte van de lay-out van m'n site is overgezet naar CSS. Maar nu gaat in Firefox de Footer direct tegen de content aan staan (terwijl er een margin-top van 10px; is ingesteld). Zet ik een border (niet hidden of none) om de content heen doe gaat ie er wel 10px vanaf, in IE werkt het wel goed overigens:

De CSS:
http://www.dutchfootballmanagersite.nl/temp/css.txt

En de HTML
http://www.dutchfootballmanagersite.nl/temp/html.txt
West Ham supporters, check: Dutchirons
Dutch Football Manager Site!
Determined to deliver, destined to dominate. - The Third Movement
pi_29374198
Je kan bijvoorbeeld de clear div een hoogte van 1px geven.

Lees trowens ook het stuk Semantiek - Waarom zou je?, een goede css layout is veel meer dan een verzameling divjes.
De <center> hoort er eigenlijk ook niet in te staan.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_29412843
Ook ik zit met een probleem.
Heb een simpel voorbeeld gemaakt, de site die het probleem heeft is makkelijk aan te passen als ik de fout gevonden heb. Het gaat me nu alleen puur om de lay-out.

Hier de htm file: http://www.freriks6.demon.nl/layout/main.htm

Hier de css file: http://www.freriks6.demon.nl/layout/layout.css

Open de htm file nu eens in Internet Explorer en in FireFox.. In IE word hij weergegeven zoals het moet en FF "vergeet" de onderste balk.

Ik heb al verschillende dingen geprobeerd maar ik kan de fout echt niet vinden. Ik weet wel dat FireFox net ff iets anders omgaat met htm files dan IE

Wie ziet de fout?
pi_29416717
Je moet je floats "clearen". Zie bijv Clearing floats. Een paar post naar boven staat er ook wat over.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_29422042
Prolbleem is al opgelost door ergens nog een float: left; te plaatsen... maar bedankt voor het meedenken
pi_29429253
Gmbrl, nu zit ik met een ander probleem

Heb de site even aangepast daarvoor:

Htm file

CSS file

Ik heb even als test 1 vlak helemaal vol gepropt met tekst en nu komt het. In Internet Explorer kan ik scrollen en "springt" de tekst aan de bovenkant, zijkanten en onderkant netjes in door een margin van 15px. Maar in FireFox "vergeet" hij de onderkant en kan ik ook niet scrollen. Wat ik trouwens ook raar vind is dat het voorbeeld bij een ander wel scrolt in FireFox en bij mij nie
En ook bij hem laat FireFox te tekst niet netjes "inspringen" door die margin van 15px.

Ik las op diverse sites trouwens dat FF geen kleur toepast op een scrollbar wat IE dan weer wel doet. (ik weet dat dit officieel niet als CSS word goedgekeurd)
Is dit ook te verhelpen of moet ik het in FireFox doen met die grijze saaie kleur?
pi_29430461
Dat het scroolen met 't scrollwieltje niet werkt is een (irritante) bug in Firefox.

De layout vind ik maar niks eerlijk gezegd. Het werkt klote op lagere resoluties en ziet er niet uit op hoge resoluties. Het is ook een verzameling divjes zonder logica (zie http://home.parse.nl/~michiel/semantiek.html).

Onder XP met de XP layout werken de css-kleuren op de scollbar ook niet als ik 't goed heb.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_29434770
quote:
Op donderdag 4 augustus 2005 21:31 schreef SuperRembo het volgende:
Het is ook een verzameling divjes zonder logica (zie http://home.parse.nl/~michiel/semantiek.html).
Wat is dan wel de juiste manier? Ik kan op die site niet echt een duideljik voorbeeld vinden dat de manier die ik gebruik fout zou zijn?

Of ik met verkeerd gekeken hebben...
pi_29587268
Net ff mijn css-file door de validator gesleurt.. err
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.substruction.com%2Fcss.css&warning=no&profile=css2&usermedium=all
Iemand enige hulp/tips? CSS heb ik nog niet onder de knie.
pi_29587597
Je gebruikt properties die niet bestaan. Als je een lengte of hoogte op geeft, dan hoort er een eenheid bij, dus bijv. 601px in plaats van 601. Alleen als de lengte 0 is dan mag je de eenheid weglaten.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  zondag 14 augustus 2005 @ 15:31:07 #235
120391 Brilaap
Snel verveeld
pi_29629871
*Snel tvp neerzet*
pi_29721076
http://www2.flashywebtools.nl/

Waarschijnlijk hoef ik al niet meer te vertellen Ik wil de drie divjes naast elkaar hebben (150px-450px-150px). Ik heb al wat geprobeerd met floats en clears, maar ik krijg het niet voor elkaar. Iemand een idee?
"We hebben nooit domme dingen gedaan van onze uitkering, en waren nooit te beroerd om er wat bij te verdienen" (F. Jacobse)
pi_29721514
float: left voor sidebar1 en float: right voor sidebar2 zou het toch moeten doen hoor. Mits je natuurlijk die grote margin's weghaalt. En nergens clearen.
  woensdag 17 augustus 2005 @ 21:30:00 #238
120391 Brilaap
Snel verveeld
pi_29731851
Weet iemand een goede, gratis (x)html/css editor?
  woensdag 17 augustus 2005 @ 22:41:58 #239
32768 DionysuZ
Respect my authority!
pi_29735159
notepad?
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
pi_29736149
quote:
Op woensdag 17 augustus 2005 21:30 schreef Brilaap het volgende:
Weet iemand een goede, gratis (x)html/css editor?
TopStyle, de lite versie is gratis.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  woensdag 17 augustus 2005 @ 23:06:46 #241
120391 Brilaap
Snel verveeld
pi_29736203
quote:
Op woensdag 17 augustus 2005 22:41 schreef DionysuZ het volgende:
notepad?
Voorspelbare kutnewbie .
  woensdag 17 augustus 2005 @ 23:07:35 #242
120391 Brilaap
Snel verveeld
pi_29736225
quote:
Op woensdag 17 augustus 2005 23:05 schreef SuperRembo het volgende:

[..]

TopStyle, de lite versie is gratis.
Ik zal hem gaan proberen. Dank .
  donderdag 18 augustus 2005 @ 00:46:15 #243
32768 DionysuZ
Respect my authority!
pi_29739916
quote:
Op woensdag 17 augustus 2005 23:06 schreef Brilaap het volgende:

[..]

Voorspelbare kutnewbie .
que? newbie?
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
  donderdag 18 augustus 2005 @ 10:44:12 #244
120391 Brilaap
Snel verveeld
pi_29746794
Topstyle werkt handig. Thnx voor de top .
  maandag 22 augustus 2005 @ 14:12:27 #245
120391 Brilaap
Snel verveeld
pi_29864782
Even het volgende, ik wil een background-image hebben. Het is een klein .gifje, etc we kennen het vast allemaal maar. Nu ben ik bezig met die stylesheet en ik was even benieuwd hoe die url er uit moet zien? Ik heb in mijn puplic_html een map genaamd image. Bestaandsnaam van .gifje is page-bg.gif. Hier mijn stylesheet:


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
body {
   background-color: #95b7cd;
   color: #666666;
   font-family: Verdana, Helvetica, Ariel, sans-serif;
   font-size: 1em;
   background-image: image/page-bg.gif;
}
h1 {
font-size: 1.2em;
}
h2{
font-size: 1.1em;
}
p{
font-size: .8em
}


Check in body de bacground-image tag. Dit werkt dus niet. Iemand een idee? Alvast bedankt! Als ik het antwoord weer kan ik weer verder met mijn tutorial .
  maandag 22 augustus 2005 @ 14:17:28 #246
44679 Leshy
Held met sokken.
pi_29864872
1background-image: url('image/page-bg.gif');

  maandag 22 augustus 2005 @ 14:34:30 #247
120391 Brilaap
Snel verveeld
pi_29865126
quote:
Op maandag 22 augustus 2005 14:17 schreef Leshy het volgende:

[ code verwijderd ]

Ik heb nu:

1background-image: url(http://fatguyslim.nl/image/page-bg.gif);


Dat was hem! Even wat google en zo en ik kan weer verder . Dank je wel Leshy voor je post .
  dinsdag 23 augustus 2005 @ 12:52:16 #248
120391 Brilaap
Snel verveeld
pi_29884203
Ik loop weer ergens tegenaan. Maar ja alles wat je moet leren komt niet zo maar vanzelf. Hier de 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
/*This stylesheet is only for CSS the tutorial*/

body {
   background-color: #95b7cd;
   color: #666666;
   font-family: Verdana, Helvetica, Ariel, sans-serif;
   font-size: 1em;
   background-image: url(http://fatguyslim.nl/image/page-bg.gif);
   margin: 0;
}
h1 {
   font-size: 1.2em;
   text-align: right;
   font-style: italic;
   letter-spacing: 5px;
}
h2 {
   font-size: 1.1em;
   text-decoration: underline;
}
p {
   font-size: .8em;
   text-align: justify;
   line-height: 1.7em;
}
p.footer {
   font-size: .5em;
   text-align: center;
}
a:link {
   color: #666666;
   background-color: #95b7cd;
   text-decoration: none;
}
a:visited {
   color: #666666;
   background-color: #95b7cd;
   text-decoration: none;
}
a:hover {
   background-color: #aaddee;
}
a:active {
   background-color: #3cc7f0;
}
#header {
   background-color: #ffffff;
   border-bottom: 1px #000000 solid;
}
#content {
}
#navbar {
}
#main-text {
}


Het gaat om regel 46 tm 48. Als ik regel 48 er niet neerschrijf is er niks aan de hand. Ik heb dan een header, background wit. Zodra regel 48 er komt te staan is er geen witte background meer en ik zie nergens een zwarte border-botttom. Hoe kan dit? Wat doe ik pcies fout? Als jullie meer info nodig hebben hoor ik het graag . Alvast bedankt voor de hulp ennn goed topic dit .

[ Bericht 0% gewijzigd door Brilaap op 23-08-2005 12:59:01 (Regel 47 gefixt.) ]
pi_29884249
Er mist een puntkomma aan het eind van regel 47.
  dinsdag 23 augustus 2005 @ 12:54:47 #250
120391 Brilaap
Snel verveeld
pi_29884273
Neee dat was het dus wel he?! Fuck ik ben er voor mezelf nog wel scherp op!!! Ff proberen...
  dinsdag 23 augustus 2005 @ 12:55:55 #251
120391 Brilaap
Snel verveeld
pi_29884315
Ja dat is het idd , dank je wel Light voor je licht . Ik zal waarschijnlijk vandaag nog wel vaker terugkomen, er zijn een aantal dingen die het niet helemaal doen zoals ik het wil.
  dinsdag 23 augustus 2005 @ 12:58:24 #252
120391 Brilaap
Snel verveeld
pi_29884394
Dit bijv: 'Give content a position of relative.' Zelfde sheet die hierboven staat. Hoe bedoelen ze dit en hoe doe je dat?
pi_29884639
quote:
Op dinsdag 23 augustus 2005 12:54 schreef Brilaap het volgende:
Neee dat was het dus wel he?! Fuck ik ben er voor mezelf nog wel scherp op!!! Ff proberen...
Er zijn ook online CSS validators, zoals deze van w3.
  dinsdag 23 augustus 2005 @ 13:12:06 #254
120391 Brilaap
Snel verveeld
pi_29884785
quote:
Op dinsdag 23 augustus 2005 13:06 schreef Light het volgende:

[..]

Er zijn ook online CSS validators, zoals deze van w3.
Ja klopt ik hem. Ik gebruik hem eigenlijk alleen als ik helemaal klaar ben, maar het is een goed idee om dat ook tussendoor te gebruiken.
pi_29902111
quote:
Op dinsdag 23 augustus 2005 13:12 schreef Brilaap het volgende:

[..]

Ja klopt ik hem. Ik gebruik hem eigenlijk alleen als ik helemaal klaar ben, maar het is een goed idee om dat ook tussendoor te gebruiken.
Dat zijn eigenlijk dingen waar je naar zou moeten kijken voordat je je probleem hier post. Is mijn HTML en CSS wel valide? Het kan wel eens zijn dat je dingen doet waar de validator over klaagt, maar dan moet je wel weten waarom (bijvoorbeeld een CSS hack).
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  dinsdag 23 augustus 2005 @ 22:56:53 #256
120391 Brilaap
Snel verveeld
pi_29904038
quote:
Op dinsdag 23 augustus 2005 22:12 schreef SuperRembo het volgende:

[..]

Dat zijn eigenlijk dingen waar je naar zou moeten kijken voordat je je probleem hier post. Is mijn HTML en CSS wel valide? Het kan wel eens zijn dat je dingen doet waar de validator over klaagt, maar dan moet je wel weten waarom (bijvoorbeeld een CSS hack).
True. Goed punt ook, ik zal er even op letten .
pi_29957533
1
2
3
4
5
<ul>
   <li style="float:left;width:100px;">hier een stukje tekst</li>
   <li style="float:left;width:100px;">hier heel veel tekst dat breder wordt dan 100 pixels</li>
   <li style="width:100px;">tekst3</li>
</ul>

Hoe krijg ik het voor elkaar dat het middelste stukje tekst niet over tekst3 heen gaat maar gewoon netjes op een nieuwe regel verder gaat?
pi_29958518
Je moet hem display:block geven,
pi_29958887
quote:
Op donderdag 25 augustus 2005 15:29 schreef Roönaän het volgende:
Je moet hem display:block geven,
Dankje, dat werkt, en dan doe ik daaronder
1<div style="clear:both;"></div>

Omdat anders de lijst eronder links naast die ander gaat floaten..
Is dat de beste oplossing met die <div> of kan dat beter?
pi_29962376
je kan toch gewoon het eerstvolgende element pakken?
pi_29963013
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<title>Clearing floats using ‘overflow’ - 003</title>
<style type="text/css">
 div#sidebar{
  float:left;
  width:20em
 }
 div#content{
  _height:1%;
  overflow:auto;
  background:lime
 }
</style>
<div id="content">
 <div id="sidebar">
  tekst in een floating div, met een container div erachter die een kleurtje heeft. </div>
</div>
pi_30101977
Ik wil dat mijn lijst minder ver inspringt. Dus ik heb :
1
2
3
4
5
6
.categorylist {
     padding-left:15px;
}
<ul class="categorylist">
    <li>Testje</li>
</ul>

Maar het lijkt er op dat IE zich hier te goed voor voelt, het werkt daar niet dus.
Gebruik ik iets verkeerd of is er een hack voor?


-edit-

Opgelost, in IE is het blijkbaar margin-left, terwijl het in FF padding-left moet zijn...

[ Bericht 5% gewijzigd door ikke_ook op 30-08-2005 17:44:05 ]
  zaterdag 10 september 2005 @ 17:36:18 #263
115062 onderjas
Eigenlijk een trui
pi_30457880
quote:
Op zaterdag 10 september 2005 16:35 schreef onderjas het volgende:
Ik wil een half doorzichtige tabel maken, hoe doe ik dat?

En heeft iemand een tutorial voor van die ronde randen de plaatsen om een tabel.
pi_30458088
Transparantie:

1
2
3
4
5
.transparent {
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}


Ronde hoeken:
http://www.alistapart.com/articles/customcorners
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  zaterdag 10 september 2005 @ 22:33:00 #265
115062 onderjas
Eigenlijk een trui
pi_30468296
quote:
Op zaterdag 10 september 2005 17:42 schreef SuperRembo het volgende:
Transparantie:


[ code verwijderd ]

Ronde hoeken:
http://www.alistapart.com/articles/customcorners
Dank u! Maar ik ben zo'n noob die niet weet hoe ik een css script in moet voeren.

Die tutorial lukt me denk ik wel maar de 1ste .

[ Bericht 12% gewijzigd door onderjas op 10-09-2005 22:40:13 ]
pi_30469813
Begin dan bij W3Schools ofzo.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_30516292
Een van de vele vragen over DIV en Scrollbars en IE maar ik kom er niet uit.
We hebben 2 applicaties. De 1 laat scrollbars zien en de andere niet.

Het CSS verschil zit hem dat degene die ze niet heeft met TABLE's werkt en ik met DIV.
Mijn DIV heeft een WIDTH van 100% en een position:absolute.
De TABLE heeft ook een WIDTH van 100%. Doet DIV dit anders of iets?
Overigens werkt het in FireFox wel. Overflow op visible zetten helpt niet.
De WIDTH 98% geven helpt ook niet, de balk wordt kleiner maar de scrollbars blijven.

Ik weet het niet meer.
pi_30518114
Weet iemand nu al hoe je iets precies kan centereren ongeacht de 'grote'?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_30518395
quote:
Op maandag 12 september 2005 17:50 schreef Chandler het volgende:
Weet iemand nu al hoe je iets precies kan centereren ongeacht de 'grote'?
horizontaal? verticaal? grootte van wat? container? window?
pi_30523373
haha, iets specifieker dus.. gecentreerd in het huidige scherm...

zowel horizontal als vertical dus gecentreerd in het midden van een pagina.

Stel je hebt een explorer scherm op 1280x1024 en daarin wil je een box van 800x800 helemaal vertical en horizontaal centreren? hoe doe je dat... en stel de box is iets groter? of kleiner?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_30523503
horizontaal centeren is margin:0 auto.

verticaal centreren doe ik nooit eigenlijk.. geef gewoon een percentuele topmarge van iets van 5%-10% en dan oogt het meestal ook wel gecentreerd.

De methode met een top van 50% en dan een negatieve margin-top van de helft van de height vind ik zo lelijk als je het scherm klein maakt. Staat ook een beetje jammerlijk vind ik altijd.
pi_30528194
quote:
Op maandag 12 september 2005 21:03 schreef Roönaän het volgende:
horizontaal centeren is margin:0 auto.
Voor IE4/5 moet je nog wat klooien met text-align: center.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  woensdag 14 september 2005 @ 15:28:59 #273
32768 DionysuZ
Respect my authority!
pi_30573584
ik heb een probleem.

Ik ben een nieuwsbrief aan het maken, en in die nieuwsbrief moeten bepaalde links aan a:hover stijl hebben waarin ze van kleur veranderen. Nu zijn er toch een aantal mailclients (tot nu toe alleen webbased tegengekomen) die de <style> tags uit de head halen. Ik heb al geprobeerd om deze dan in de body te zetten, maar daar worden ze ook weggehaald.

Weet iemand hoe ik een a:hover uitvoer in de tag zelf? <a style="??">. Een mouseover event schrijven met onmouseover="this.style=" werkt niet zoals het zou moeten werken.
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
pi_30666947
Ik zit met het volgende. Ik heb een graphic die ik als topbanner in de achtergrond zet, dat lukt. Die banner is een vaste breedte. Rechts daarvan wil ik opvullen met een ander achtergrondplaatje.
De css die ik gebruik:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
#header {
   border-top: 0px;
   background: url(top.gif) no-repeat fixed top left; 
   padding: 0px;
   position: absolute;
   left: 0px;
   width: 783px ;
   height: 85px;
   margin-top: 0px;
}
#rightheader {
   border-top: 0px;
   background: url(topright.jpg) repeat-x fixed top left; 
   padding: 0px;
   position: relative;
   left: 783px; 
   height: 85px;
   width: auto;
   margin-top: 0px;
}

De HTML:
1
2
3
<body>
<div id="header"></div><div id="rightheader"></div>
</body>

Ik krijg het echter niet voor elkaar. Hoe krijg ik dat rechterplaatje zover dat het herhaald wordt tot de breedte van het venster, hoe breed dat ook is?
"...while I'm supposed to marry her brother, a renowned pillow biter." Cersei Lannister
"Float like a butterfly, sting like a bee, look ridiculous." Rory the Roman
"It's smaller on the outside." Clara Oswin Oswald
  zaterdag 17 september 2005 @ 16:22:55 #275
44679 Leshy
Held met sokken.
pi_30667146
Sluit het rechterplaatje aan op het linkerplaatje? Ergo, moet de linkerrand van het rechterplaatje per se aan de rechter rand van het linker plaatje vast zitten, of maakt het niet uit waar de linker afbeelding de rechter overlapt?
pi_30667965
@Roonaan: lijkt wel alsof het dus niet echt goed mogelijk is gatsie
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  zaterdag 17 september 2005 @ 17:15:26 #277
44679 Leshy
Held met sokken.
pi_30668329
Verticaal centreren is wel degelijk mogelijk, alleen werkt het zoals gewoonlijk niet in MSIE. Via display: table-cell; en vertical-align: center; kun je items verticaal centreren, omdat je dan gewoonweg een 100% hoogte <div> het gedrag van een table-cell kunt laten emuleren.

Je zult dan eventueel via CSS hacks een andere oplossing voor MSIE moeten aandragen, zoals het element op 50% laten beginnen, en dan een negatieve topmargin van de helft van de hoogte daarvan geven, zoals volgens mij al eerder vermeld is. Niet de mooiste oplossing, maar ja.
pi_30668545
quote:
Op zaterdag 17 september 2005 16:22 schreef Leshy het volgende:
Sluit het rechterplaatje aan op het linkerplaatje? Ergo, moet de linkerrand van het rechterplaatje per se aan de rechter rand van het linker plaatje vast zitten, of maakt het niet uit waar de linker afbeelding de rechter overlapt?
Ja, het moet aan de rechterkant zitten. Het rechterplaatje herhaalt zich, net zo vaak als nodig is om op te vullen tot de rand van het venster.
Zie www.rolstoelhockey.nl. Dat principe probeer ik te krijgen. De bovenste balk dus. Het rood/blauwe stukje herhaald zich tot de rand van het venster.

Ik hoop dat ik het duidelijk genoeg heb uitgelegd .

[ Bericht 31% gewijzigd door WheeleE op 17-09-2005 17:45:07 ]
"...while I'm supposed to marry her brother, a renowned pillow biter." Cersei Lannister
"Float like a butterfly, sting like a bee, look ridiculous." Rory the Roman
"It's smaller on the outside." Clara Oswin Oswald
pi_30696880
Ik probeer een tabel met DIV en SPAN tags te maken, maar het wil niet echt lukken. Kan iemand mij vertellen wat er fout gaat?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="tabel">
<div class="tabel_header">
   <span class="item_1">Naam:</span>
   <span class="item_2">Code is erg lang:</span>
   <span class="item_3">Blok:</span>
   <span class="item_4">Niveau:</span>
   <span class="item_5">Nog iets:</span>
   <span class="item_6">En nog iets:</span>
</div>
<div>
   <span class="achtergrondkleur">
      <span class="item_1">De naam van iets</span>
      <span class="item_2">code</span>
   </span>
   <span class="item_3">1</span>
   <span class="item_4">1</span>
   <span class="item_5">10</span>
   <span class="item_6">7,5</span>
</div>
</div>

En de bijbehorende CSS:
1
2
3
4
5
6
7
8
9
10
11
12
.achtergrondkleur {background-color:#669900;}

.tabel {line-height:1.3em;}

.tabel_header{border-bottom: 2px solid gray; width:670px;}

.item_1 {float:left; width:200px; margin:0;}
.item_2 {border-left:1px solid gray; padding:1em; width:100px;}
.item_3 {border-left:1px solid gray; padding:1em; width:100px;}
.item_4 {border-left:1px solid gray; padding:1em; width:100px;}
.item_5 {border-left:1px solid gray; padding:1em; width:100px;}
.item_6 {border-left:1px solid gray; padding:1em; width:100px;}


Maar nu wil ik daar dus een mooi tabelletje van maken en nog meer rijen toevoegen dan de ene die er nu is. De eerste 2 kolommen van een rij moeten een achtergondkleur krijgen.

Het probleem is nu dat de items niet mooi op elkaar aansluiten. In de header is item 2 veel breder dan de inhoud van item 2 bij de eerste rij van de tabel. Nu begint item 3 dus ongelijk met het kopje wat erboven hoort. Het zit nu dus zo:

1
2
3
     |       |     |     |     |
-------------------------------------
     |     |   |    |   |


Dat ziet er niet netjes uit, maar het gekke is dat het width attribuut bij item 1 wel gepakt wordt, maar bij de rest niet.
  zondag 18 september 2005 @ 15:49:41 #280
46794 Berkery
Fat bastard
pi_30697712
'Width' werkt normaal geproken niet op inline elementen zoals <span>, maar misschien dat het door de float: left wel werkt op .item_1.

Maar wat is precies het nut hiervan?
No Dukes of Hazzard in the classroom
pi_30697821
Oké, dat vermoedde ik al. Maar ik wil dus een tabel achtig iets maken, met behulp van DIV's, SPAN's en CSS. Dus zonder de TABLE tag te gebruiken.
  zondag 18 september 2005 @ 16:15:00 #282
32768 DionysuZ
Respect my authority!
pi_30698475
quote:
Op zondag 18 september 2005 15:53 schreef HuHu het volgende:
Oké, dat vermoedde ik al. Maar ik wil dus een tabel achtig iets maken, met behulp van DIV's, SPAN's en CSS. Dus zonder de TABLE tag te gebruiken.
wat is daar het nut van? De Table tag is juist bedoeld voor het maken van tabellen, vandaar ook "table" tag .
□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell
pi_30698525
quote:
Op zondag 18 september 2005 16:15 schreef DionysuZ het volgende:

[..]

wat is daar het nut van? De Table tag is juist bedoeld voor het maken van tabellen, vandaar ook "table" tag .
Ik kan voor een opdracht een bonuspunt scoren als ik geen tabellen maar DIV's enzo gebruik. Maar het wil nog niet echt lukken, vandaar mijn vraag.
pi_30700933
quote:
Op zondag 18 september 2005 16:16 schreef HuHu het volgende:

[..]

Ik kan voor een opdracht een bonuspunt scoren als ik geen tabellen maar DIV's enzo gebruik. Maar het wil nog niet echt lukken, vandaar mijn vraag.
Kan je ook een bonuspunt verdienen als je kan uitleggen dat tabulaire data in een tabel thuis hoort? Als je wordt geleerd dat je nooit meer tabellen mag gebruiken dan heeft je leraar het duidelijk niet begrepen.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_30704058
quote:
Op zondag 18 september 2005 17:35 schreef SuperRembo het volgende:

[..]

Kan je ook een bonuspunt verdienen als je kan uitleggen dat tabulaire data in een tabel thuis hoort? Als je wordt geleerd dat je nooit meer tabellen mag gebruiken dan heeft je leraar het duidelijk niet begrepen.
Ik citeer even de opdracht:
quote:
Als je in plaats van tabellen overal gebruik maakt van blokken, wordt je cijfer met een (1) bonuspunt verhoogd.
Met blokken wordt het box-model genoemd wat in de uitleg als volgt staat:
quote:
Natuurlijk is het een optie (en niet per se een slechte) om tabellen te gebruiken, maar het kan ook anders (met behulp van CSS). Het model waar je dan in CSS mee werkt, heet het CSS box model. Dat box model gaat o.a. uit van:
- positionering van een blok in een ruimte (canvas): de afstand van de rand van een blok tot aan de rand van het canvas wordt margin genoemd.
- de positie van de content van een blok t.o.v. de rand van dat blok: de ruimte tussen de content en de rand van het blok wordt padding genoemd.
Oftewel, maak een tabel met DIV dingen.

Het slaat natuurlijk nergens op, de TABLE tag is veel beter. Maar 1 punt is toch mooi meegenomen. Maargoed, ik zal nog eens doordringend vragen of dit wel echt de bedoeling is. Zelf weet ik niet of het überhaupt mogelijk is, vandaar dat ik de vraag hier stelde.
  zondag 18 september 2005 @ 20:16:19 #286
44679 Leshy
Held met sokken.
pi_30706108
Als je tabellen gebruikt om layout te regelen, ben je verkeerd bezig. Als je tabellen gebruikt om informatie in tabelvorm weer te geven, ben je goed bezig
quote:
Op zaterdag 17 september 2005 16:15 schreef WheeleE het volgende:
Ik krijg het echter niet voor elkaar. Hoe krijg ik dat rechterplaatje zover dat het herhaald wordt tot de breedte van het venster, hoe breed dat ook is?
Okay, gezien je uitleg is het vrij eenvoudig.
1
2
3
4
5
6
7
8
9
#header {
  width: 100%; height: 100px; 
  background: url('herhalendplaatje.jpg') repeat-x;
  }

<div id='header'>
  <img src='header-plaatje.jpg' width='200' height='100' 
    alt='Afbeelding van blabla' title='Naam van site'/>
</div>
pi_30706447
quote:
Op zondag 18 september 2005 19:11 schreef PuPu het volgende:

[..]

Ik citeer even de opdracht:
[..]

Met blokken wordt het box-model genoemd wat in de uitleg als volgt staat:
[..]

Oftewel, maak een tabel met DIV dingen.

Het slaat natuurlijk nergens op, de TABLE tag is veel beter. Maar 1 punt is toch mooi meegenomen. Maargoed, ik zal nog eens doordringend vragen of dit wel echt de bedoeling is. Zelf weet ik niet of het überhaupt mogelijk is, vandaar dat ik de vraag hier stelde.
Nou, lekkere opleiding dan Welke opleiding doe je precies?
Volgens mij stond er vanmiddag nog "student informatica" in je profiel
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_30707553
quote:
Op zondag 18 september 2005 20:25 schreef SuperRembo het volgende:

[..]

Nou, lekkere opleiding dan Welke opleiding doe je precies?
Volgens mij stond er vanmiddag nog "student informatica" in je profiel
Dat staat nog steeds in m'n profiel, kijk maar even naar het verschil in de user-names

Maar ik doe dus Informatica, maar dit is een vak dat behoort bij Informatiekunde. Ik heb het voor de lol gekozen, maar het wordt wel wat vaag op deze manier. Ik ben dan tweedejaars, maar dit is officieel het eerste vak wat eerstejaars Informatiekunde studenten krijgen.
pi_30751506
Hoi,

Ik heb een CSS probleempje waar ik even niet uit kom. Ik heb de volgende code:

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
<html>
<head>
<title>Mijn homepage</title>
<style type="text/css">
.contentheading {
   background-color: yellow;
   padding: 10px;
   border-width: 5px;
   border-style: solid;
   border-color: green;
}
</style>
</head>
<body bgcolor="white">

<table cellSpacing="0" cellPadding="0" width="100%" id="table17" border="1">
               <tr>
                  <td vAlign="top" width="50%">
                  <table class="contentpaneopen" id="table18">
                     <tr>
                        <td class="contentheading" width="100%">
                        een tekst komt hier.
                        </td>
                     </tr>
                  </table>


Nu wil ik graag dat gekleurde tebalettjes helemaal word gevuld met groen/geel. Ik snap even totaal niet hoe ik dit voor elkaar moet krijgen.

Ik heb wel aan iets met width zitten proberen maar dan heb ik weer een probleem als toevallog het iets langer of korter moet zijn....
pi_30752124
????????????
pi_30792993
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
/* General definitions */
.bar
{
   margin-top: 0;
   background-color: #F1EA3F;
   width: 100%;
   padding: 0px;
   background-image: url(/images/bar.gif);
   margin-top: 0px;
}

.info
{
   text-align: left;
}

.footer
{
   background-color: #538AC8;
}

.header
{
}

.head_table
{
   border-width: 3px;
   border-color: #0F0F0F;
}


hier doen het een paar dingen niet.

ik divineer zeg maar <table class=head_table>

maar een border geven hoe maar.

margin doet het ook niet bij de eerste iemand die me uit de brand kan helpen
pi_30794733
Probeer in plaats van margin-top eens padding-top.

Doe in plaats van

1
2
3
4
5
.head_table
{
   border-width: 3px;
   border-color: #0F0F0F;
}


eens

1
2
3
4
.head_table
{
   border: 3px solid #0F0F0F; 
}
pi_30804524
Weet iemand waarom http://services.bruggema.nl er wel goed uitziet in IE en niet in FF (het overflow gedeelte? ) Super veel tnx..
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_30804619
Tnx SuperRembo voor de font=family
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_30804765
gebrek aan doctype, uppercase tags, tablebased layout? nog meer?
pi_30805399
ik weet het, morgen ga ik het document helemaal afmaken als ik maar een lokale W3C validator kan regelen... anders zit ik nog op me werk te shitten
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_30818617
Ik heb altijd tabellen gebruikt voor mijn opmaak en wil hiervoor nu eens met css aan de gang.
Echter ben ik nog steeds aan het prutsen met hoe het precies werkt. En misschien een hele domme vraag, maar ik kom er niet meer uit.

http://www.xs4all.nl/~hugog/probeersel/probeersel2.html

Het ene werkt onder internet explorer wel juist en het andere niet en zo is het andersom onder Opera ook. Ik krijg het echter niet voor elkaar dat het in beiden juist werkt.
- In IE hebben bepaalde divjes niet de juiste hoogte
- En onder Opera sluiten de divjes niet op elkaar aan.

Hoe kan ik dit nu het beste oplossen?
  donderdag 22 september 2005 @ 13:33:32 #298
44679 Leshy
Held met sokken.
pi_30822159
Ten eerste zie ik wat fouten in je CSS-code. Er staat verschillende malen _ in plaats van - (als in padding_left: in plaats van padding-left:), en ook een paar keer opx in plaats van 0px (dus o, in plaats van nul). Bovendien is het handiger om gewoon al die margins en paddings weg te laten, en gewoon een regel aan te maken met div {margin: 0; padding: 0;}, en eventuele margins en paddings apart te zetten.

Bovendien bestaat float: top in het geheel niet, dus die kun je er ook allemaal uit halen
pi_30823062
Oops dat met die o en 0 enzo helemaal niet gezien

Heb volgens mij alle dingen er nu uitgehaald, in ieder geval alvast bedankt voor de tips
pi_30824622
quote:
Op zaterdag 17 september 2005 17:23 schreef WheeleE het volgende:

[..]

Ja, het moet aan de rechterkant zitten. Het rechterplaatje herhaalt zich, net zo vaak als nodig is om op te vullen tot de rand van het venster.
Zie www.rolstoelhockey.nl bijvoorbeeld. Dat principe probeer ik te krijgen. De bovenste balk dus. Het rood/blauwe stukje herhaald zich tot de rand van het venster.

Ik hoop dat ik het duidelijk genoeg heb uitgelegd .
Iemand die mij hier nog iets verder mee kan helpen?
"...while I'm supposed to marry her brother, a renowned pillow biter." Cersei Lannister
"Float like a butterfly, sting like a bee, look ridiculous." Rory the Roman
"It's smaller on the outside." Clara Oswin Oswald
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')