[CSS] voor dummies - Deel 4

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue
pi_37915917
okee. omdat je de shorthand versie gebruikt moet je waarschijnlijk alles defineren in de juiste volgorde:
background: <color><image><repeat><attachment><position>
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_37920039
dan nog steeds niet.

Maar ik wil eerst even dat andere probleem oplossen, dan kan ik verder.
De gene waar voor ik die website maak wil dat die tot de onderkant loopt. Het moet dus, hoe kan ik het oplossen met Javascript of moet ik heel de code anders in elkaar zetten?
Steam - SC2
pi_37920469
voor javascript kan je beter naar het javascript topic, kan ik je ook niet mee verder helpen helaas..
en anders als backgroundimage in je body. want dit is in mijn ervaring een regelrechte CSS hel. en ik heb er nooit degelijk antwoord op gekregen ook.

in iexplore zou je iig gewoon een height: 100%; op kunnen geven. en voor ff/ns/opera min-height: 100%;. maar zodra je content eroverheen loopt gaat het de zeik in bij ff/ns/opera.
As a rule, I never touch anything more sophisticated and delicate than myself.
  woensdag 17 mei 2006 @ 17:32:00 #206
12880 CraZaay
prettig gestoord
pi_37922192
quote:
Op woensdag 17 mei 2006 16:25 schreef super-muffin het volgende:
dan nog steeds niet.

Maar ik wil eerst even dat andere probleem oplossen, dan kan ik verder.
De gene waar voor ik die website maak wil dat die tot de onderkant loopt. Het moet dus, hoe kan ik het oplossen met Javascript of moet ik heel de code anders in elkaar zetten?
Als je puur visueel die kolommen tot onder door wilt laten lopen zou ik kiezen voor een oplossing als faux columns.
pi_37925950
quote:
Op woensdag 17 mei 2006 16:39 schreef Desdinova het volgende:
voor javascript kan je beter naar het javascript topic, kan ik je ook niet mee verder helpen helaas..
en anders als backgroundimage in je body. want dit is in mijn ervaring een regelrechte CSS hel. en ik heb er nooit degelijk antwoord op gekregen ook.

in iexplore zou je iig gewoon een height: 100%; op kunnen geven. en voor ff/ns/opera min-height: 100%;. maar zodra je content eroverheen loopt gaat het de zeik in bij ff/ns/opera.
Dat heb ik nu ook toegepast op mijn eigen website, maar dat is gewoon 1 lange div, daar staat geen header boven zoals in dit geval
Steam - SC2
  zaterdag 20 mei 2006 @ 01:52:44 #208
46275 Castor
Obey the rules, miss the fun
pi_38008378
quote:
Op woensdag 17 mei 2006 19:29 schreef super-muffin het volgende:

[..]

Dat heb ik nu ook toegepast op mijn eigen website, maar dat is gewoon 1 lange div, daar staat geen header boven zoals in dit geval
Dit zou moeten werken:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		#box {
width:750px;
height: 100%;
overflow:hidden;
background-color: #0099ff;
margin: 0px auto;
text-align:left;
background: url(header.jpg) top left no-repeat;}

#content {
width:400px;
height: 87%;
margin-bottom: 0;
float:left;
background: #fff url(bg-content.gif) no-repeat right bottom;}


#box op een height van 100% gezet met een overflow hidden. Vervolgens de #content een height geven van ongeveer 90%.
Castor's Photostream op Flickr
  zondag 21 mei 2006 @ 11:14:13 #209
12880 CraZaay
prettig gestoord
pi_38040555
quote:
Op zaterdag 20 mei 2006 01:52 schreef Castor het volgende:

[..]

Dit zou moeten werken:
[ code verwijderd ]

#box op een height van 100% gezet met een overflow hidden. Vervolgens de #content een height geven van ongeveer 90%.
Volkomen afhankelijk van de afmetingen van de viewport van de gebruiker, en daarom een ongeschikte oplossing imo.
  maandag 22 mei 2006 @ 01:18:36 #210
46275 Castor
Obey the rules, miss the fun
pi_38072414
quote:
Op zondag 21 mei 2006 11:14 schreef CraZaay het volgende:

[..]

Volkomen afhankelijk van de afmetingen van de viewport van de gebruiker, en daarom een ongeschikte oplossing imo.
Het is een simpele oplossing die met de meest gangbare resoluties prima werkt. Het enige is dat je bij een kleinere viewport niet de complete background image ziet. Niet echt onoverkomelijk imho.
Castor's Photostream op Flickr
  maandag 22 mei 2006 @ 09:11:22 #211
12880 CraZaay
prettig gestoord
pi_38074738
quote:
Op maandag 22 mei 2006 01:18 schreef Castor het volgende:

[..]

Het is een simpele oplossing die met de meest gangbare resoluties prima werkt. Het enige is dat je bij een kleinere viewport niet de complete background image ziet. Niet echt onoverkomelijk imho.
Dat is inderdaad een persoonlijke afweging die je moet maken. Persoonlijk vind ik het volkomen onacceptabel om geen volledige controle te hebben over het resultaat van de code, maar dat ben ik
pi_38086356
Waarom ziet dit er in Firefox zo Mooi en Strak uit, en laat IE de halve pagina niet zien?
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_38086563
quote:
Op maandag 22 mei 2006 09:11 schreef CraZaay het volgende:

[..]

Dat is inderdaad een persoonlijke afweging die je moet maken. Persoonlijk vind ik het volkomen onacceptabel om geen volledige controle te hebben over het resultaat van de code, maar dat ben ik
Ik vind het ook geen goede oplossing, maar wel bedankt voor het mee mee denken
Steam - SC2
pi_38087690
@nevermind
geef je content-div eens een backgroundkleurtje? ik denk dattie zich verstopt
As a rule, I never touch anything more sophisticated and delicate than myself.
  maandag 22 mei 2006 @ 16:23:27 #215
32768 DionysuZ
Respect my authority!
pi_38088220
quote:
Op maandag 22 mei 2006 16:11 schreef Desdinova het volgende:
@nevermind
geef je content-div eens een backgroundkleurtje? ik denk dattie zich verstopt
ik denk dat er problemen zijn met de padding
1#content {float:left;position:absolute;padding:155px 10px 0 110px;}

hij zal in ieder geval naar de top left corner verschuiven door de position: absolute. En dan hopen dat de padding doet wat hij moet doen
□ 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_38088500
mja I know.. maar omdat er geen hoogte en breedte is opgegeven verwacht ik (nog) geen problmen met de padding. en gezien de hoeveelheid text die erin moet komen denk ik dat hij er nog wel onderuit had moeten komen..
As a rule, I never touch anything more sophisticated and delicate than myself.
  maandag 22 mei 2006 @ 16:54:08 #217
12880 CraZaay
prettig gestoord
pi_38089510
quote:
Op maandag 22 mei 2006 15:37 schreef Nevermind het volgende:
Waarom ziet dit er in Firefox zo Mooi en Strak uit, en laat IE de halve pagina niet zien?
Totaal los van je vraag toch een tip: bouw je html semantisch. Met andere woorden: gebruik minder div's en meer beschrijvende elementen. Je kop kan bijvoorbeeld prima uit de div en in een h1, en de div rond je ul is in principe ook onnodig.
pi_38092344
Pff, ik stap wel weer over op tabellen. Een hele middag kloten terwijl ik het in een minuut in elkaar heb met tabellen. En bedankt voor de tip CraZaay
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
  maandag 22 mei 2006 @ 18:47:07 #219
12880 CraZaay
prettig gestoord
pi_38093790
quote:
Op maandag 22 mei 2006 18:05 schreef Nevermind het volgende:
Pff, ik stap wel weer over op tabellen. Een hele middag kloten terwijl ik het in een minuut in elkaar heb met tabellen. En bedankt voor de tip CraZaay
Jammer Die tabellen heb je toch ook moeten leren te gebruiken? CSS leren kan soms frustrerend zijn, maar is om tig redenen beter dan tabellen (uit puristisch oogpunt gezien, maar zeker ook qua toegankelijkheid voor o.a. zoekmachines en visueel gehandicapten).
  maandag 22 mei 2006 @ 19:09:27 #220
32768 DionysuZ
Respect my authority!
pi_38094635
tabellen zijn niet bedoeld voor layout.
□ 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
  maandag 22 mei 2006 @ 19:19:00 #221
12880 CraZaay
prettig gestoord
pi_38094964
quote:
Op maandag 22 mei 2006 19:09 schreef DionysuZ het volgende:
tabellen zijn niet bedoeld voor layout.
Niets is bedoeld voor lay-out En alles is bedoeld voor het aangeven van de structuur van de data Dat je al deze beschrijvende elementen kan stylen is natuurlijk heel mooi meegenomen (scheiding van structuur en weergave).

Dat je soms elementen toevoegt omdat het niet anders kan (div o.a.) is natuurlijk een feit (al kan een div ook een semantische betekenis hebben).
pi_38095313
quote:
Op maandag 22 mei 2006 18:47 schreef CraZaay het volgende:

[..]

Jammer Die tabellen heb je toch ook moeten leren te gebruiken? CSS leren kan soms frustrerend zijn, maar is om tig redenen beter dan tabellen (uit puristisch oogpunt gezien, maar zeker ook qua toegankelijkheid voor o.a. zoekmachines en visueel gehandicapten).
Ik weet het. Maar mijn doorzettingsvermogen heeft zijn grenzen. Vooral omdat ik, zoals je zag, bezig ben met een cms, en niet dagen bezig wil zijn om verschillende browsers compatibel te krijgen met een site (die waarschijnlijk alleen door mij en mijn huisgenoot gebruikt wordt ).

Want dat probleem heb ik op de eenofandere manier altijd. Altijd is er wel één van de drie (ik ben me er van bewust dat er meer browsers zijn) die het gewoon niet snapt. 80% mijn fout, omdat ik me nog steeds niet compleet kan redden in CSS, 20% de fout van de browsers. Ik loop mijn hoofd te breken over tientallen verschillende hacks die de fouten van een browser weer herstellen, maar ik word er brak van dát er fouten in browsers zitten. En ook al zijn tabellen niet voor layout bedoeld, ze doen tenminste precies wat ik wil. In vrijwel elke browser.

Tabellen zijn voor mij logisch. En volgens mij zijn ze dat voor iedereen. Je weet precies wat ze doen, en het werkt goed. CSS klinkt extreem logisch, maar in de praktijk kan ik er bijna nooit een volledige layout mee maken.
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_38095470
Dat heb ik dus met tabellen, een complete layout maken met tabellen lukt me niet
Steam - SC2
  maandag 22 mei 2006 @ 19:53:27 #224
12880 CraZaay
prettig gestoord
pi_38096180
Het blijft een kwestie van ervaring. Ik maak tig sites en kan het me niet herinneren wanneer ik voor het laatst een CSS hack heb moeten gebruiken om iets voor elkaar te krijgen wat in iedere browser werkt (IE6+, dat wel). Doorrrrrgaan zou Barry Stevens zeggen
  dinsdag 23 mei 2006 @ 01:08:45 #225
46275 Castor
Obey the rules, miss the fun
pi_38109805
quote:
Op maandag 22 mei 2006 19:53 schreef CraZaay het volgende:
Het blijft een kwestie van ervaring. Ik maak tig sites en kan het me niet herinneren wanneer ik voor het laatst een CSS hack heb moeten gebruiken om iets voor elkaar te krijgen wat in iedere browser werkt (IE6+, dat wel). Doorrrrrgaan zou Barry Stevens zeggen
Dat is OF heel erg knap, OF je maakt erg simpele sites. De meeste gewone stervelingen moeten voor sommige complexe CSS toch wel een of meerdere "hacks" gebruiken.
Castor's Photostream op Flickr
  dinsdag 23 mei 2006 @ 09:03:19 #226
12880 CraZaay
prettig gestoord
pi_38112321
quote:
Op dinsdag 23 mei 2006 01:08 schreef Castor het volgende:

[..]

Dat is OF heel erg knap, OF je maakt erg simpele sites. De meeste gewone stervelingen moeten voor sommige complexe CSS toch wel een of meerdere "hacks" gebruiken.
Laten we het houden op een goed inzicht in structuren, want ik wil niet van mezelf zeggen dat ik knap ben, maar ook allerminst dat ik simpele sites html/css.
pi_38346513
Kan iemand me misschien uitleggen wat het verschil is tussen id="iets" en class="iets"? Er gebeurt namelijk het zelfde, maar er zal vast een duidelijk verschill tussen zijn
Verstuur ringtones en Foto's gratis naar je mobiel
  maandag 29 mei 2006 @ 21:35:12 #228
32768 DionysuZ
Respect my authority!
pi_38346580
ik heb een vraagje waar ik maar niet uitkom. Ben bezig met een site die met 3 kolommen werkt. Nu moeten die drie kolommen van dezelfde lengte zijn. De middelste kolom is degene waarin een tekst van variabele lengte komt te staan en de anderen zijn menukolommen. Nu gebruikte ik altijd de faux columns manier om dit op te lossen (eerder in deze topic gelinkt), maar in dit specifieke geval is dit niet mogelijk. De achtergrond van de kolommen is nl. een image ipv gewoon een kleur. Weet iemand hoe ik dit kan oplossen?
□ 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
  maandag 29 mei 2006 @ 21:46:00 #229
46794 Berkery
Fat bastard
pi_38347102
quote:
Op maandag 29 mei 2006 21:33 schreef Da_Koen het volgende:
Kan iemand me misschien uitleggen wat het verschil is tussen id="iets" en class="iets"? Er gebeurt namelijk het zelfde, maar er zal vast een duidelijk verschill tussen zijn
De namen zeggen het al een beetje, een id (identifier) moet uniek zijn en mag je op een pagina maar één keer gebruiken, een terwijl meerdere elementen tot een bepaalde class (klasse) kunnen behoren.

Zie ook http://www.handleidinghtml.nl/css/selectors/selectors04.html
Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
Ich schlupf in Frauenkleider, und lummel mich in Bars
pi_38347733
quote:
Op maandag 29 mei 2006 21:46 schreef Berkery het volgende:

[..]

De namen zeggen het al een beetje, een id (identifier) moet uniek zijn en mag je op een pagina maar één keer gebruiken, een terwijl meerdere elementen tot een bepaalde class (klasse) kunnen behoren.

Zie ook http://www.handleidinghtml.nl/css/selectors/selectors04.html
thx voor de link
Verstuur ringtones en Foto's gratis naar je mobiel
pi_38347849
quote:
Op maandag 29 mei 2006 21:35 schreef DionysuZ het volgende:
ik heb een vraagje waar ik maar niet uitkom. Ben bezig met een site die met 3 kolommen werkt. Nu moeten die drie kolommen van dezelfde lengte zijn. De middelste kolom is degene waarin een tekst van variabele lengte komt te staan en de anderen zijn menukolommen. Nu gebruikte ik altijd de faux columns manier om dit op te lossen (eerder in deze topic gelinkt), maar in dit specifieke geval is dit niet mogelijk. De achtergrond van de kolommen is nl. een image ipv gewoon een kleur. Weet iemand hoe ik dit kan oplossen?
ik heb het opgelost door:

1
2
3
4
5		body {

   background: #ffffff url(./images/shadow.gif) repeat-y 506px 120px;

}  

Met de laatste 2 getallen de plaats waar de afbeelding als eerste moet beginnen (hier 506 pixels vanaf de linkerkant, en 120 vanaf de bovenkant)
  maandag 29 mei 2006 @ 22:21:27 #232
32768 DionysuZ
Respect my authority!
pi_38349057
nee daar heb ik helaas niets aan omdat de body al een achtergrond heeft. kijk op http://mankind2.clickthis.nl voor een voorbeeld. In IE ziet het er goed uit, firefox helaas niet.
□ 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_38349697
quote:
Op maandag 29 mei 2006 22:21 schreef DionysuZ het volgende:
nee daar heb ik helaas niets aan omdat de body al een achtergrond heeft. kijk op http://mankind2.clickthis.nl voor een voorbeeld. In IE ziet het er goed uit, firefox helaas niet.
link doet het niet
pi_38351845
Weer een vraagje

Is het mogelijk om een span een bepaalde lengte te geven? Het volgende werkt namelijk niet:
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>OBN toevoegen</title>
   <style type="text/css">
   p
   {
      width: 300px;
   }
   span
   {
      width: 100px;
   }
   </style>
<head>
<body>

<p>
<span>dsssss</span> sss ssss sssssss ssssss ssssss ssssss sssssss ss sssssss sfsdf sdfsdfsd fsdf sdfsdf sdfsdf 
</p>
<p>
<span>dsssss</span> dssss svsss ssssv vsss ssss ssvv sssss ssss s ssssss sssss ss ssss ssssss fsdf sdf sdfsd  fsdf sdfs df sdfsdf 
</p>
</body>
</html>


[ Bericht 37% gewijzigd door Da_Koen op 30-05-2006 10:14:52 ]
Verstuur ringtones en Foto's gratis naar je mobiel
  dinsdag 30 mei 2006 @ 00:49:34 #235
46275 Castor
Obey the rules, miss the fun
pi_38355490
quote:
Op maandag 29 mei 2006 23:09 schreef Da_Koen het volgende:
Weer een vraagje

Is het mogelijk om een span een bepaalde lengte te geven? Het volgende werkt namelijk niet:
1Code verwijderd.
Een span is "display: inline" maak er "display:block" van en dan kun je er een width aan geven.
Castor's Photostream op Flickr
pi_38411826
Ik heb een probleem met het over elkaar plaatsen van 2 div'jes.
Het 1e divje krijgt een achtergrond plaatje, het 2e divje komt over de 1e div heen en heeft ook een achtergrond plaatje.

In firefox ziet het er goed uit, in IE verschuift de 2e div.

Wie kan me helpen?

CSS-code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17		div#box2a{
width: 157px;
height: 120px;
/*border:1px dotted;*/
margin-top:13px;
margin-left:1px;
background: #D3E6CF url(schaduw.jpg) no-repeat 0 0;
}

div#box2a2{
width: 150px;
height: 113px;
/*border:1px dotted;*/
margin-top:10px;
margin-left:7px;
background: #D3E6CF url(test.jpg) no-repeat 0 0;
}


HTML-code:
1<div id="box2a"><div id="box2a2"></div></div>


URL naar het geheel
pi_38412100
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		div#box2a{
width: 157px;
height: 120px;
/*border:1px dotted;*/
margin-top:13px;
background: #D3E6CF url(schaduw.jpg) no-repeat 0 0;
}

div#box2a2{
width: 150px;
height: 113px;
/*border:1px dotted;*/
margin-left:7px;
background: #D3E6CF url(test.jpg) no-repeat 0 0;
}


lost het op

waarom is de de border een comment overigens?

[ Bericht 4% gewijzigd door super-muffin op 31-05-2006 15:46:21 ]
Steam - SC2
pi_38413085
quote:
Op woensdag 31 mei 2006 15:39 schreef super-muffin het volgende:

[ code verwijderd ]

lost het op

waarom is de de border een comment overigens?


De border is een comment omdat ik hem even heb gebruikt om te testen
Zodra het testen klaar is gooi ik hem uit de code.
pi_38413521
oke,doe ik ook, maar dan geef ik de border kleur mee te geven dan voor het testen, kun je makkelijk onderscheid maken
Steam - SC2
pi_38479721
Als ik in quirksmode werk dan krijg ik geen verticale scrollbalk, anders wel.
Hoe kom ik van mijn verticale scrollbalk af (op een nette manier).

Begin CSS code
1
2
3
4
5
6		html, body {
   height: 100%;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;


Tabel
1<table cellpadding='0' cellspacing='0' width='100%' bgcolor='#ffe4b5' style='height: 100%;'>
  dinsdag 6 juni 2006 @ 17:56:52 #241
12880 CraZaay
prettig gestoord
pi_38597518
quote:
Op vrijdag 2 juni 2006 16:51 schreef mrbombastic het volgende:
Als ik in quirksmode werk dan krijg ik geen verticale scrollbalk, anders wel.
Hoe kom ik van mijn verticale scrollbalk af (op een nette manier).
Probeer eens 'overflow: auto' op je body
pi_38627600
ik heb 2 div's langs elkaar staan, ze hebben allebei een min-height:400px.
De rechtse div wordt afhankelijk van de hoeveelheid tekst af en toe opgerekt.
De linkse div wil ik dan ook mee opgerekt krijgen, iemand een idee hoe ik dat voor elkaar krijg?
  donderdag 8 juni 2006 @ 00:49:18 #243
145090 HenkBenzinetank
Toegevoegde waarde
pi_38643489
zoek even op faux-columns
pi_38644119
quote:
Op vrijdag 2 juni 2006 16:51 schreef mrbombastic het volgende:
Als ik in quirksmode werk dan krijg ik geen verticale scrollbalk, anders wel.
Hoe kom ik van mijn verticale scrollbalk af (op een nette manier).

Begin CSS code
[ code verwijderd ]

Tabel
[ code verwijderd ]
Ten eerste, je kunt die margin in 2 property gooien.
Als je verschillende margins wilt gebruiken doe je het zo
1margin: *boven* *rechts* *onder* *links*;


Ik zou geen tabel gebruiken, maar een DIV.

CSS
1
2
3
4
5
6
7
8
9		html, body {
height: 100%;
margin: 0;
}
#naam {
width: 100%;
height: 100%;
background-color: #ffe4b5;
}


HTML
1
2
3		<div id="naam">
inhoud van deze DIV
</div>
Steam - SC2
pi_38817651
Hoe krijg ik de invulvakken van de volgende code netjes onder elkaar zonder gebruik te maken van tabellen? Ik wil het realiseren m.b.v. css. Wat is de meest snelle/logische manier? Nu worden ze direct achter de tekt uitgelijnt.

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		<form action="http://......" method="post" name="test1" id="test1">
      Naam: 
      <input name="naam" type="text" id="naam" size="35"> 
      <br>
      Achternaam:
      <input name="achternaam" type="text" id="achternaam" size="35"> 
      <br>
      Man
      <input type="radio" name="radiobutton" value="man" checked> 
      Vrouw
      <input type="radio" name="radiobutton" value="vrouw"> 
      <br>
      straat:
      <input name="straat" type="text" id="straat"> 
      <input name="nr" type="text" id="nr" size="6" maxlength="6"> 
      <br>
      postcode:
      <input name="postcode" type="text" id="postcode" size="6" maxlength="6"> 
      <br>
      plaats:
      <input name="plaats" type="text" id="plaats" size="35"> 
      <br>
      Email:
      <input name="mail" type="text" id="mail" onBlur="MM_validateForm

('naam','','R','mail','','RisEmail');return document.MM_returnValue" value="" size="35"> 
      <br>
      Bericht: 
      <textarea name="Bericht" cols="27" id="Bericht"></textarea>
      <br> 
      
        <input type="submit" name="Submit" value="send"> 
        <input type="reset" name="Reset" value="reset"> 
        <input name="MailToAddress" type="hidden" value="...@hotmail.com">
    </form> 



Ik ben op de hoogte van de spamgevoeligheid van het form.

[ Bericht 2% gewijzigd door Hunchy op 13-06-2006 17:30:54 ]
  dinsdag 13 juni 2006 @ 17:48:49 #246
12880 CraZaay
prettig gestoord
pi_38819041
quote:
Op dinsdag 13 juni 2006 17:06 schreef Hunchy het volgende:
Hoe krijg ik de invulvakken van de volgende code netjes onder elkaar zonder gebruik te maken van tabellen? Ik wil het realiseren m.b.v. css. Wat is de meest snelle/logische manier? Nu worden ze direct achter de tekt uitgelijnt.
Labels gebruiken en deze met CSS een bepaalde breedte geven.

Voorbeeld: http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html
  vrijdag 16 juni 2006 @ 17:35:10 #247
20849 Fred
Beroepschagrijn
pi_38925085
Ik ben bezig met een nieuw gastenboek voor mn site. Technisch gezien ben ik op een paar kleine dingen tevreden, maar de lay-out is nog niet helemaal optimaal.
Iedere entry heeft een blauwe balk. daar staat in wie het bericht heeft gepost en wanneer. Ook is er de mogelijkeid om een website te vermelden. Het probleem is dat ik nu linkjes standaard "bold #0000FF" zijn. je ziet de linkjes dus niet.
Hoe krijg ik met CSS voor elkaar dat alleen de linkjes in de blauwe balken "bold #FFFFEE" worden?
So we just called him Fred
pi_38925793
Haal eerst eens al die <font> <center> bgcolor="" en border="" zooi weg anders wordt het nooit wat.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  vrijdag 16 juni 2006 @ 18:27:50 #249
12880 CraZaay
prettig gestoord
pi_38926006
quote:
Op vrijdag 16 juni 2006 17:35 schreef FredvZ het volgende:
Hoe krijg ik met CSS voor elkaar dat alleen de linkjes in de blauwe balken "bold #FFFFEE" worden?
Aan die blauwe balken een class hangen (dus aan de td of div of wat je ook gebruikt), en dan in de css:

1
2
3
4		.classnaam a {
    color: #FFFFEE;
    font-weight: bold;
}

Dus géén class aan de links zelf hangen, want dat moet je dat voor iedere link doen en da's dus nogal wat redundante code
  vrijdag 16 juni 2006 @ 23:38:42 #250
20849 Fred
Beroepschagrijn
pi_38934004
quote:
Op vrijdag 16 juni 2006 18:17 schreef SuperRembo het volgende:
Haal eerst eens al die <font> <center> bgcolor="" en border="" zooi weg anders wordt het nooit wat.
hmja, dat snap ik, maar zo ging het vroeger met html...
quote:
Op vrijdag 16 juni 2006 18:27 schreef CraZaay het volgende:
Aan die blauwe balken een class hangen (dus aan de td of div of wat je ook gebruikt), en dan in de css:
[ code verwijderd ]

Dus géén class aan de links zelf hangen, want dat moet je dat voor iedere link doen en da's dus nogal wat redundante code
thnx
So we just called him Fred
pi_39090187
Ik weer. Er loopt nog steeds iets fout en ik zie niet waar het mis gaat.

Http://www.jarnonieuwenhuize.nl

Als ik een <h5> bijvoorbeeld ergens om plaats wordt er direct een witregel boven en onder geplaats, irritant, maar ala. Wat ik echter niet snap is dat in het menu de eerste link "homepage" een h5 tag heeft, wél de meeste opmaakzaken meeneemt, maar níet de tekstkleur die ik wil. Wat is de oorzaak?
BMW R 1100 GS
pi_39091042
quote:
Op woensdag 21 juni 2006 20:53 schreef Autoreply het volgende:
Als ik een <h5> bijvoorbeeld ergens om plaats wordt er direct een witregel boven en onder geplaats, irritant, maar ala.
Dat is de margin die standaard op een header zit.
quote:
Wat ik echter niet snap is dat in het menu de eerste link "homepage" een h5 tag heeft, wél de meeste opmaakzaken meeneemt, maar níet de tekstkleur die ik wil. Wat is de oorzaak?
Hij gebruikt de kleur van de link. De kleur van de link gaat voor de kleur van de header omdat de selctor van de link (a:link) meer specifiek is dan die van de header (h5). Dat kan je bijvoorbeeld oplossen met
1h5 a { color: #555; }
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
  donderdag 22 juni 2006 @ 00:02:41 #253
12880 CraZaay
prettig gestoord
pi_39097596
quote:
Op woensdag 21 juni 2006 20:53 schreef Autoreply het volgende:
Als ik een <h5> bijvoorbeeld ergens om plaats wordt er direct een witregel boven en onder geplaats, irritant, maar ala.
Als je geen marges wilt doe je
1
2
3		h5 {
  margin: 0;
}
pi_39105253
Dummy meldt zich . Ik wil een site maken aan de hand van CSS aangezien mij is verteld dat gewone tabellen echt niet meer kunnen en de mogelijkheden van CSS mij wel aanspreken.

Nu weet ik echt niet waar ik moet beginnen. Al wat sites doorgenomen (http://www.w3schools.com/) etc., maar ik word niet veel wijzer. Is er een site die het gebruik van CSS beschrijft vanaf stap 1? Ik weet wel wat, maar helaas net niet genoeg op de uitleg op w3school te begrijpen.

Heb ook gekeken voor wat boeken over css. Iemand een tip?
  donderdag 22 juni 2006 @ 17:25:15 #255
145090 HenkBenzinetank
Toegevoegde waarde
pi_39117992
Vergeet niet dat CSS niet de sleutel tot een geslaagd design is.
Het is slechts een manier om het gedrag/opmaak van je html-elementen te veranderen.
Een goed design staat of valt nog steeds met de opbouw van je html-code.
  vrijdag 23 juni 2006 @ 13:31:34 #256
46794 Berkery
Fat bastard
pi_39146943
quote:
Op donderdag 22 juni 2006 11:16 schreef Foxxy het volgende:

Dummy meldt zich . Ik wil een site maken aan de hand van CSS aangezien mij is verteld dat gewone tabellen echt niet meer kunnen en de mogelijkheden van CSS mij wel aanspreken.
Heb je deze al eens bekeken?
Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
Ich schlupf in Frauenkleider, und lummel mich in Bars
pi_39154722
Ik ben bezig met het maken van een css file om te printen. Nu zou ik graag i.p.v. de textvakken in mijn contactformulier puntjes willen printen. Hoe krijg ik dit het makkelijkst voor elkaar? Ik heb het nu geprobeerd door de puntjes op de site 'hidden' weer te geven en bij de print gewoon zichtbaar. Helaas komen de puntjes niet op de plaats van de textvakken te staan. Iemand een idee?
  vrijdag 23 juni 2006 @ 17:27:11 #258
62215 qu63
..de tijd drinkt..
pi_39154966
quote:
Op vrijdag 23 juni 2006 17:19 schreef Hunchy het volgende:
Ik ben bezig met het maken van een css file om te printen. Nu zou ik graag i.p.v. de textvakken in mijn contactformulier puntjes willen printen. Hoe krijg ik dit het makkelijkst voor elkaar? Ik heb het nu geprobeerd door de puntjes op de site 'hidden' weer te geven en bij de print gewoon zichtbaar. Helaas komen de puntjes niet op de plaats van de textvakken te staan. Iemand een idee?
standaard value op "........." zetten, en dan de textvakken een border van "0" geven etc.
It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]
pi_39155932
quote:
Op vrijdag 23 juni 2006 17:27 schreef qu63 het volgende:

[..]

standaard value op "........." zetten, en dan de textvakken een border van "0" geven etc.
Bedoel je dat ik het formulier gewoon twee keer moet maken 1 zichtbaar en 1 onzichtbaar? En dan andersom zichtbaar bij de print versie? Of kun je de standaard waarde zichtbaar en onzichtbaar maken? Het is de bedoeling dat ik op het scherm gewoon de standaard vakken krijg. Dus alleen puntjes bij de printversie.

Het is voor een school opdracht met de volgende criteria:
Speciale printvriendelijke CSS voor het invulformulier:
- puntjes i.p.v. invulvelden
- adresgegevens i.p.v. verzendbutton
pi_39156268
quote:
Op donderdag 22 juni 2006 17:25 schreef HenkBenzinetank het volgende:
Vergeet niet dat CSS niet de sleutel tot een geslaagd design is.
Het is slechts een manier om het gedrag/opmaak van je html-elementen te veranderen.
Een goed design staat of valt nog steeds met de opbouw van je html-code.
Weet ik!
quote:
Op vrijdag 23 juni 2006 13:31 schreef Berkery het volgende:

[..]

Heb je deze al eens bekeken?
Kijk, hier kan ik wat mee! Dank je.

[ Bericht 27% gewijzigd door Foxxy op 23-06-2006 18:35:19 ]
  vrijdag 23 juni 2006 @ 22:25:26 #261
46794 Berkery
Fat bastard
pi_39163290
quote:
Op vrijdag 23 juni 2006 17:19 schreef Hunchy het volgende:
Ik ben bezig met het maken van een css file om te printen. Nu zou ik graag i.p.v. de textvakken in mijn contactformulier puntjes willen printen. Hoe krijg ik dit het makkelijkst voor elkaar? Ik heb het nu geprobeerd door de puntjes op de site 'hidden' weer te geven en bij de print gewoon zichtbaar. Helaas komen de puntjes niet op de plaats van de textvakken te staan. Iemand een idee?
In je print-sheet de border van het invoerveld op 0 zetten, en de border-bottom op 1px dotted black

Voorbeeld
Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
Ich schlupf in Frauenkleider, und lummel mich in Bars
pi_39188912
Berkery bedankt!! Ik dacht wel dat er een eenvoudige oplossing voor zou zijn Dank!!
pi_39261345
Ik heb een probleem met een div (die de footer voorstelt) helemaal onderaan de pagina.

Hoe krijg ik die div standaard onder in beeld? Indien er een scrollbalk ontstaat moet de footer onderaan de tekst getoond worden (dus niet fixed).
Het is dus eigenlijk de bedoeling dat de div onderaan de pagina komt indien de pagina niet tekstvullend is.

Hoe is dit mogelijk?
pi_39261639
Er was wel een hele omslachtige methode, die ga ik even voor je zoeken


-edit:

Deze?
http://scott.sauyet.name/CSS/Demo/FooterDemo1.html
Steam - SC2
pi_39262585
Ook eentje die wel in opera (9) werkt?
pi_39285236
weet iemand toevallig hoe ik een div zo positioneer dat hij altijd in het midden van je scherm staat? en dat het niet uitmaakt waar je naartoe scrollt?

dus in principe een layer die altijd op zijn plaats blijft met hierin een gecentreerde div, en daarachter de website.

het klinkt heel ongebruiksvriendelijk, maar dat is t niet
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_39285707
position: fixed

Maar dat werkt niet in IE.
http://www.cssplay.co.uk/layouts/fixed.html
Dit wel

en om die box in het midden te krijgen:
#midden_div {
position: absolute;
height: 200px;
width: 400px;
margin: -100px 0px 0px -200px;
top: 50%;
left: 50%;
padding: 0px; }

[ Bericht 19% gewijzigd door super-muffin op 27-06-2006 15:14:20 ]
Steam - SC2
pi_39287137
thanks!
As a rule, I never touch anything more sophisticated and delicate than myself.
  donderdag 29 juni 2006 @ 01:30:49 #270
12880 CraZaay
prettig gestoord
pi_39342392
quote:
Op dinsdag 27 juni 2006 15:09 schreef super-muffin het volgende:

(...)
Besef wel dat je met het op deze manier centreren een deel van de div onzichtbaar wordt wanneer de viewport kleiner is dan de div. Horizontaal centreren daarom met 'margin: 0 auto' (en verticaal centreren kan niet fatsoenlijk met alleen CSS ).
  donderdag 29 juni 2006 @ 04:48:08 #271
32768 DionysuZ
Respect my authority!
pi_39344502
quote:
Op donderdag 29 juni 2006 01:30 schreef CraZaay het volgende:

[..]

Besef wel dat je met het op deze manier centreren een deel van de div onzichtbaar wordt wanneer de viewport kleiner is dan de div. Horizontaal centreren daarom met 'margin: 0 auto' (en verticaal centreren kan niet fatsoenlijk met alleen CSS ).
verticaal centreren kan WEL fatsoenlijk met alleen CSS. Heb dit al verschillende malen bij sites geprobeerd. De voorgestelde oplossing is gedeeltelijk de oplossing, ware het niet dat de site deels wegvalt bij een kleinere viewport, maar daar heb je weer andere css constructies voor.
□ 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 29 juni 2006 @ 09:27:57 #272
12880 CraZaay
prettig gestoord
pi_39346340
quote:
Op donderdag 29 juni 2006 04:48 schreef DionysuZ het volgende:

[..]

verticaal centreren kan WEL fatsoenlijk met alleen CSS. Heb dit al verschillende malen bij sites geprobeerd. De voorgestelde oplossing is gedeeltelijk de oplossing, ware het niet dat de site deels wegvalt bij een kleinere viewport, maar daar heb je weer andere css constructies voor.
Erm, is dit niet precies wat ik zeg? Een deel valt weg, en het is daarom geen fatsoenlijke oplossing.
Maar ik ben erg geinteresseerd om te zien op welke cleane manier je het voor elkaar hebt gekregen, nooit te oud om te leren
pi_39346843
Ik wist daar van ja, en ik ben ook benieuwd naar de oplossing
Steam - SC2
  donderdag 29 juni 2006 @ 17:48:14 #274
32768 DionysuZ
Respect my authority!
pi_39362034
een min-height instellen. Alleen dit werkt (nog) niet goed in IE, dus moet je daar een hack voor gebruiken.
□ 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 29 juni 2006 @ 17:48:30 #275
32768 DionysuZ
Respect my authority!
pi_39362040
voorbeeldje heb ik op http://www.jehannedarc.fr
□ 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_39394548
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
26
27
28
29
30
31		<div id="hmenu">
            <dl id="menu">
      <dt onmouseover="javascript:schuif('smenu0');" onmouseout="javascript:schuif();"><a href="/nieuw1/">Home</a></dt>
      <dt onmouseover="javascript:schuif('smenu1');" onmouseout="javascript:schuif();"><a href="#">Groep</a></dt>
         <dd id="smenu1" onmouseover="javascript:schuif('smenu1');" onmouseout="javascript:schuif();">
            <ul>
               <li><a href="#">Tekst</a></li>

            </ul>
         </dd>
      <dt onmouseover="javascript:schuif('smenu4');" onmouseout="javascript:schuif();"><a href="#">Groep</a></dt>
         <dd id="smenu4" onmouseover="javascript:schuif('smenu4');" onmouseout="javascript:schuif();">
            <ul>
               <li><a href="#">Tekst</a></li>
            </ul>
         </dd>
      <dt onmouseover="javascript:schuif('smenu5');" onmouseout="javascript:schuif();"><a href="#">Groep</a></dt>
         <dd id="smenu5" onmouseover="javascript:schuif('smenu5');" onmouseout="javascript:schuif();">
            <ul>
               <li><a href="#">Nog</a></li>
               <li><a href="#">Invullen</a></li>
            </ul>
         </dd>
      <dt onmouseover="javascript:schuif('smenu6');" onmouseout="javascript:schuif();"><a href="/nieuw1/pages/contact.html">Contact</a></dt>
</dl></div>
         <div id="inhoud">
            <h4>Tekst....................</h4>
            <div id="fotofront">
            <a href="javascript:SLIDES.hotlink()"><img name="SLIDESIMG" src="../images/IM000189.JPG" border="0" style="filter:progid:DXImageTransform.Microsoft.Fade()" alt="Slideshow image"></a>
            </div>
</div>

Met de volgende css code:
1
2
3
4
5
6
7
8
9
10		#hmenu        { color: #fefdd3; background-color: #f9ee00; display: block; padding: 0; width: 160px; height: auto; float: left; clear: both; border-right: 1px solid #eb4b2b; \width: 140px; w\idth: 120px       }
#inhoud                    { color: #404040; background-color: #fefdd3; text-align: left; display: block; margin: 0 0 0 160px; padding: 10px 0 0 20px; z-index: 1; width: 760px }
#fotofront                      { color: #404040; background-color: #fefdd3; text-align: center; display: block; margin: auto; padding: 10px 0; z-index: 2; width: 740px; height: 500px; vertical-align: middle }
#menu dt        { color: #eb4b2b; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 27px; background: #f9ee00; text-align: center; cursor: pointer; margin: 0; padding: 0; z-index: 101; height: 27px; border-style: solid; border-width: 0 1px 1px 8px; border-color: #eb4b2b }
#menu dt a:hover         { color: #f9ee00; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 27px; background: #eb4b2b; text-align: center; cursor: pointer; margin: 0; padding: 0; z-index: 101; height: 27px }
#menu dd        { color: #EB4B2B; font-family: Verdana, Arial, Helvetica, sans-serif; background: #F9EE00; margin-top: -1.5em; position: absolute; z-index: 100; right: 8em; left: 140px; width: 9.5em; border-style: solid; border-width: 0 1px 1px; border-color: #EB4B2B }
#menu ul    { margin: 0; padding: 0; z-index: 102 }
#menu li       { color: #eb4b2b; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; background: #f9ee00; text-align: center; margin: 0; padding: 0; z-index: 103; height: 18px; border-style: solid; border-width: 1px 0 0; border-color: #eb4b2b }
#menu li a, #menu dt a    { color: #404040; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; display: block; z-index: 103; height: 18px; overflow: visible }
#menu li a:hover      { color: #f9ee00; font-family: Verdana, Arial, Helvetica, sans-serif; background: #eb4b2b; z-index: 103; height: 18px; overflow: visible }
Nu is het zo dat het schuifmenu geheel uitstaat als je de pagina oproept. Als je dan met de muis over het menu heengaat schuift het weer in en daarna gedraagt het zich zoals zou moeten. Maar in eerste instantie staat het menu dus uit en dat krijg ik niet weg. Iemand een idee. Ik heb al zitten klooien met Z-index etc. Maar dat helpt niet.
Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.
pi_39395526
Heb je een online voorbeeld, want wij kunnen jou javascript niet zien zo
Steam - SC2
pi_39395868
quote:
Op vrijdag 30 juni 2006 16:35 schreef super-muffin het volgende:
Heb je een online voorbeeld, want wij kunnen jou javascript niet zien zo
http://www.bbfmetaal.nl/nieuw1/
Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.
pi_39396055
Oke, ik ga zo even naar kijken.
Maar ik moet zeggen dat ik geen expert ben op JS gebied.

Waarom heb je hier trouwens een defenition list voor gebruikt een geen UL?
Steam - SC2
pi_39396422
quote:
Op vrijdag 30 juni 2006 16:50 schreef super-muffin het volgende:
Oke, ik ga zo even naar kijken.
Maar ik moet zeggen dat ik geen expert ben op JS gebied.

Waarom heb je hier trouwens een defenition list voor gebruikt een geen UL?
Noob en aan het leren. Ik zal daar eens naar kijken. Dank je.
Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.
pi_39417426
Ik zou als ik jou was eens kijken op alistapart.com of cssplay.co.uk naar een menu
Steam - SC2
pi_39418667
quote:
Op zaterdag 1 juli 2006 10:09 schreef super-muffin het volgende:
Ik zou als ik jou was eens kijken op alistapart.com of cssplay.co.uk naar een menu
Ik heb het boek van Zeldman liggen. Moet ik nog aan beginnen. Nu eerst het strand op.
Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.
pi_39682317
ik heb het volgende 'probleem'
ik heb de volgende code:
1
2		<a href="#" id="gl1" class="glink" onmouseover="ehandler(event,menuitem1);">link1</a>
<a href="#" id="gl2" class="glink" onmouseover="ehandler(event,menuitem2);">link2</a>


samen met de volgende CSS code
1
2
3
4
5
6
7
8
9
10
11
12
13
14		a.glink, a.glink:visited{
     font-size: small;
     color: #000000;
   font-weight: bold;
   margin: 0px;
   padding: 2px 5px 4px 5px;
   border-right: 1px solid #8FB8BC;
   cursor:pointer;
}

a.glink:hover{
     background-image: url(images/glblnav_selected.gif);
   text-decoration: none;
}

hoe kan ik dit zo aan passen dat de style behouden blijft maar dat het geen hyperlinks meer zijn..?
een voorbeeldje is hier te zien:
http://fia181-83.dsl.hccnet.nl/anime_argeweb/1.php
  maandag 10 juli 2006 @ 09:18:06 #284
62215 qu63
..de tijd drinkt..
pi_39682396
quote:
Op maandag 10 juli 2006 09:12 schreef mschol het volgende:
ik heb het volgende 'probleem'
ik heb de volgende code:

[ code verwijderd ]

samen met de volgende CSS code

[ code verwijderd ]
hoe kan ik dit zo aan passen dat de style behouden blijft maar dat het geen hyperlinks meer zijn..?
een voorbeeldje is hier te zien:
http://fia181-83.dsl.hccnet.nl/anime_argeweb/1.php
door a.glink:visited ook toe te voegen geloof ik, dan gaat ie wel naar 1.php#, maar verder niet. je zou ook <span> of <div> kinnen gebruiken als je de href toch niet gebruikt
It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]
pi_39682414
Bedoel je als je op die link klikt, het geen link meer is?
Met CSS is het niet mogelijk. Want CSS is alleen voor de opmaak.

wel kun je een PHP gebruiken:
http://www.alistapart.com/articles/keepingcurrent/
Steam - SC2
pi_39682625
quote:
Op maandag 10 juli 2006 09:18 schreef qu63 het volgende:

[..]

door a.glink:visited ook toe te voegen geloof ik, dan gaat ie wel naar 1.php#, maar verder niet. je zou ook <span> of <div> kinnen gebruiken als je de href toch niet gebruikt
ahh <span> is idd de oplossing
alleen werkt het Hover effect dan niet meer
hoe zou ik dat kunnen fixen?
  maandag 10 juli 2006 @ 09:37:19 #287
62215 qu63
..de tijd drinkt..
pi_39682695
quote:
Op maandag 10 juli 2006 09:32 schreef mschol het volgende:

[..]

ahh <span> is idd de oplossing
alleen werkt het Hover effect dan niet meer
hoe zou ik dat kunnen fixen?
span.glink:Hover zou moeten werken hoor
It's Time To Shine
[i]What would life be like without rhethorical questions?[/i]
pi_39682851
quote:
Op maandag 10 juli 2006 09:37 schreef qu63 het volgende:

[..]

span.glink:Hover zou moeten werken hoor
hmmm om de een of andere reden pakt IE die dus niet..
moet maar eff gaan kijken of er een workaround voor is

--edit--

net wat zitten testen met een linkje (waar ik ook dat hover effect op wil hebben:
als ik:
border-right: 1px solid #8FB8BC;
bij een a.glink.hover weghaal dan werkt me hover niet meer (en alleen in IE)
zet ik em terug doetie ut weer..

[ Bericht 23% gewijzigd door mschol op 10-07-2006 10:10:25 ]
pi_39683474
IE kan alleen hoveren op A

Er is wel een fix voor.
http://www.xs4all.nl/~peterned/csshover.html
Steam - SC2
pi_39684573
quote:
Op maandag 10 juli 2006 10:23 schreef super-muffin het volgende:
IE kan alleen hoveren op A

Er is wel een fix voor.
http://www.xs4all.nl/~peterned/csshover.html

Mijn dank is groot
pi_39861217


1
2
3
4
5
6
7
8
9		<div class="navpanel">
   <div class="header">Navigatie</div>
   <div class="navpanel_deco"> </div>
   <div class="navpanel_items">
      <a href="http://site.nl/fp/1">Voorpagina</a>
      <a href="http://site.nl/fp/2">Blaat</a>
      <a href="http://site.nl/fp/3">Nog wat</a>
   </div>
</div>


Ik wil dat .navpanel_deco net zo lang wordt als .navpanel_items. Eerstgenoemde heeft geen inhoud. Hoe zorg ik er daarvoor zonder javascript of tabellen? De hoogte is niet van te voren bekend. Ik pak het waarschijnlijk sowieso op een verkeerde manier aan, dus graag wat advies

Dit is de style:
1
2
3
4
5		.navpanel_deco      {   background: #e4eff7;
                        width: 20px;
                        border-right: 1px solid #b5c0c8;
                        margin-right: 5px;
                        float: left; } 


Vereiste is overigens dat de navigatie-items als A-tag worden neergezet, zodat IE6 de :hover-tag ondersteunt.
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_39868187
zonder javascript is dat denk ik onmogelijk. maar google eens op faux columns, misschien dat dat je wat oplevert.

in dit geval zou je misschien beter de anchors in je _deco kunnen zetten? dan wordt deze automatisch opgerekt. als je _deco een backgroundimage/color/whatever meegeeft en deze positioneerd zou je denk ik hetzelfde kunnen bereiken. Een beetje creatief denken zeg maar
As a rule, I never touch anything more sophisticated and delicate than myself.
  zondag 16 juli 2006 @ 02:18:01 #293
11753 Roonaan
Strictly
pi_39868248
Kan je deco niet een container div van items maken met een padding-left erin?
pi_39913136
quote:
Op zondag 16 juli 2006 02:18 schreef Roönaän het volgende:
Kan je deco niet een container div van items maken met een padding-left erin?
Ik zat inderdaad weer veel te moeilijk te denken, thx!

Ik heb er wel weer een nieuw crossbrowserprobleem bij. Ik heb de code waar het om gaat hier staan. Zoals de site er in FF en Opera uit ziet is het goed. Maar in IE passen #content en #nav niet naast elkaar. Als ik #content 3 pixels smaller maak komen ze wél naast elkaar te staan in IE, maar inclusief een lelijk gapend gat. Hoe krijg ik dit in IE in orde?

Ik heb de 'zo-werkt-het-wel-in-IE-maar-ziet-het-er-niet-uit'-versie hier staan.
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_39931512
@nevermind
je hebt 2x #content gedefineerd met verschillende widths

tevens zie ik in #nav een float staan, maar in #content niet. Je zou kunnen proberen om #nav een display: inline; te kunnen geven aangezien IE soms de margins wil verdubbelen.
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_39933638
quote:
Op dinsdag 18 juli 2006 09:29 schreef Desdinova het volgende:
@nevermind
je hebt 2x #content gedefineerd met verschillende widths
Dat was inderdaad een domme fout Heeft verder geen effect op het resultaat.
quote:
tevens zie ik in #nav een float staan, maar in #content niet. Je zou kunnen proberen om #nav een display: inline; te kunnen geven aangezien IE soms de margins wil verdubbelen.
Ze hoeven toch ook niet beide een float te hebben? Of heb ik mijn basis-CSS verkeerd begrepen? Met display: inline verandert er helaas niets. Ik heb de nieuwe versie geupload naar dezelfde locatie.
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_39933809
geef je #content een float: left;
dat fixed het bij mij
display inline kan weer weg

edit
waarschijnlijk komt dat omdat je body een text-align center heeft, en IE zonder problemen alles gecentreerd uitlijnt, in tegenstelling tot de degelijke browsers. en aangezien #content geen margin: 0 auto; heeft wordt er blijkbaar niet naar geluisterd door FF, waardoor hij hem gewoon default links knalt.
denk ik.
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_39934019
quote:
Op dinsdag 18 juli 2006 11:17 schreef Desdinova het volgende:
geef je #content een float: left;
dat fixed het bij mij
display inline kan weer weg
Yes! Hartstikke bedankt!
quote:
edit
waarschijnlijk komt dat omdat je body een text-align center heeft, en IE zonder problemen alles gecentreerd uitlijnt, in tegenstelling tot de degelijke browsers. en aangezien #content geen margin: 0 auto; heeft wordt er blijkbaar niet naar geluisterd door FF, waardoor hij hem gewoon default links knalt.
denk ik.
Ik ben benieuwd of dat het is! Dit zijn meestal de dingen waardoor ik depri word wanneer ik een layout geheel in CSS probeer te maken en waardoor ik doorgaans weer terugval op tabellen. Bedankt voor je hulp en de verklaring
GTA San Andreas Multiplayer: Las Venturas Playground Doe mee met FOK! Whatpulse en typ FOK! naar de 1e plaats!!
pi_40086628
quote:
Op dinsdag 18 juli 2006 11:17 schreef Desdinova het volgende:
geef je #content een float: left;
dat fixed het bij mij
display inline kan weer weg

edit
waarschijnlijk komt dat omdat je body een text-align center heeft, en IE zonder problemen alles gecentreerd uitlijnt, in tegenstelling tot de degelijke browsers. en aangezien #content geen margin: 0 auto; heeft wordt er blijkbaar niet naar geluisterd door FF, waardoor hij hem gewoon default links knalt.
denk ik.
dat klopt.
margin: auto; verdeeld de margin tussen links en rechts. IE ondersteund dit niet en daarom moet je text-align: center; gebruiken. erg logisch
Steam - SC2
pi_40113643
Ik wil graag 2 div'sonder elkaar zetten. De hoogte van de tabellen kan varieren. Daarnaast kan het zo zijn dat de bovenste div niet geladen wordt op de pagina omdat deze niet relevant is.
Als ik het goed begrepen heb dien ik een container aan te maken die de 2 div's omvat. Met deze container kan ik de absolute positie van de 2 bovenelkaar geplaatste div bepalen.
maar hoe bepaal ik nu de positie van de div's in die container? En hoe klrijg ik ze netjes bovenelkaar, ongeacht de hoogte van de div?
pi_40115018
Gewoon niet.

Vul enkel een width in, die gelijk is aan de width van de containerdiv.

Nu zal de 2de div niet meer naast de eerste geplaatst kunnen worden, en zal ie er dus onder zitten. Niets met absolute posities klooien dus.

hmmm, vol:

deze niet: [CSS] voor dummies - Deel 5

[ Bericht 23% gewijzigd door the_disheaver op 23-07-2006 22:31:35 ]
actieve topics nieuwe topics
abonnement Unibet Coolblue
[CSS] voor dummies - Deel 4
Index

» digital corner

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