[CSS] voor dummies - Deel 2

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  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.
fokstok.nl
  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?
Vogelaars.nl
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?
Vogelaars.nl
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 ]
Vogelaars.nl
  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.
Mijn DVD Collectie /
Weblog
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
Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
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
pi_30826949
Ik heb hem voor elkaar

Ik ben overnieuw begonnen met een leeg bestand en nu lukt het in 1 keer.
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies - Deel 2
Index

» digital corner

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