[CSS] voor dummies #14

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_81873628
Waar heb je de breedte van de tbody ingesteld?
fokstok.nl
pi_81873829
quote:
Op dinsdag 25 mei 2010 15:58 schreef Light het volgende:
Waar heb je de breedte van de tbody ingesteld?
Nergens, maar hij moet de totale breedte te hebben van de th + 2x td's die er in staan, de breedte van de th lijkt hij na de display: block niet te herkennen.

Als ik trouwens de tbody op 500px instel, dan drukt hij de goede tbody te breed uit.
Aan dit bericht kunnen geen rechten worden ontleend.
pi_81875463
quote:
Op dinsdag 25 mei 2010 16:03 schreef poepeneesje het volgende:

[..]

Nergens, maar hij moet de totale breedte te hebben van de th + 2x td's die er in staan, de breedte van de th lijkt hij na de display: block niet te herkennen.

Als ik trouwens de tbody op 500px instel, dan drukt hij de goede tbody te breed uit.
Da's ook niet zo raar, als je van je table-element een block-element maakt, trekt'ie zich niets meer aan van de td's en th's die daar in staan.

Oh en crossposten is ook niet nodig hoor.
zcflevo.nl
pi_81875944
quote:
Op dinsdag 25 mei 2010 16:38 schreef KomtTijd... het volgende:

[..]

Da's ook niet zo raar, als je van je table-element een block-element maakt, trekt'ie zich niets meer aan van de td's en th's die daar in staan.

Oh en crossposten is ook niet nodig hoor.
Erg stom vanmezelf dat ik er niet aangedacht heb. De oplossing is dus display: table-row-group i.p.v. block.
Aan dit bericht kunnen geen rechten worden ontleend.
  zondag 30 mei 2010 @ 22:49:06 #215
87680 Mirel
Mirel wil een bongophone.
pi_82124223
edit
When all else fails, you always have delusion.
  zondag 30 mei 2010 @ 22:50:18 #216
134533 donroyco
dus niet Donroyco
pi_82124303
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_82307607
Vraaaaagje:

Hoe kan ik via een knop een CSS-eigenschap veranderen? Is daar java voor nodig? Of kan het met html/css alleen?

Ik wil een knop (of meerdere) die de achtergrondkleur van de website verandert
  vrijdag 4 juni 2010 @ 00:21:35 #218
87680 Mirel
Mirel wil een bongophone.
pi_82312149
Je kan heel lomp doen dat als je in pagina1.html met stylesheet1.css bent en op een knop drukt dat je naar een identieke pagina2.html met stylesheet2.css gaat. Maar da's lomp.

Ik gok PHP.
When all else fails, you always have delusion.
pi_82312719
quote:
Op donderdag 3 juni 2010 22:49 schreef lkb9000 het volgende:
Vraaaaagje:

Hoe kan ik via een knop een CSS-eigenschap veranderen? Is daar java voor nodig? Of kan het met html/css alleen?

Ik wil een knop (of meerdere) die de achtergrondkleur van de website verandert
Een knop om de achtergrondkleur te veranderen? Dat kan, met een beetje Javascript. Geen Java, da's iets heel anders.
fokstok.nl
pi_82324937
Het is me gelukt met een simpel javascriptje, bedankt!

1
2
3
4
5
6
7
8
9
10
11
12		<script language="JavaScript">
var backColor = new Array(); 

backColor[0] = '#111111';
backColor[1] = '#222222';
backColor[2] = '#333333';
backColor[3] = '#444444';

function changeBG(whichColor){
document.bgColor = backColor[whichColor];
}
</script>

1
2
3
4		<a href="#" onMouseOver="javascript:changeBG(0)">Change</a>
<a href="#" onMouseOver="javascript:changeBG(1)">Change</a>
<a href="#" onMouseOver="javascript:changeBG(2)">Change</a>
<a href="#" onMouseOver="javascript:changeBG(3)">Change</a>


Ik heb alleen nog 1 probleem, dit werkt alleen als ik de background color uit de body css haal. Dit betekent dus dat de site altijd begint met een witte achtergrond.

Is dit via html/css te veranderen? Of moet ik iets aanpassen/toevoegen in het script? (en moet ik even in het javascript voor dummies topic aankloppen?)
pi_82326194
quote:
Op vrijdag 4 juni 2010 13:01 schreef lkb9000 het volgende:
Het is me gelukt met een simpel javascriptje, bedankt!
[ code verwijderd ]


[ code verwijderd ]

Ik heb alleen nog 1 probleem, dit werkt alleen als ik de background color uit de body css haal. Dit betekent dus dat de site altijd begint met een witte achtergrond.

Is dit via html/css te veranderen? Of moet ik iets aanpassen/toevoegen in het script? (en moet ik even in het javascript voor dummies topic aankloppen?)
document.bgColor lijkt me niet echt correct, dat zou op zijn minst moeten zijn document.body.style.backgroundColor, of document.getElementById('elementID').style.backgroundColor. Als je dat gebruikt moet het gewoon de CSS overrulen.
zcflevo.nl
pi_82326616
quote:
Op vrijdag 4 juni 2010 13:31 schreef KomtTijd... het volgende:

[..]

document.bgColor lijkt me niet echt correct, dat zou op zijn minst moeten zijn document.body.style.backgroundColor, of document.getElementById('elementID').style.backgroundColor. Als je dat gebruikt moet het gewoon de CSS overrulen.
Die eerste werkt perfect, geweldig!
pi_82348432
Ik heb nog een probleem

Ik heb een iframe waar ik een Nivo Slider in heb gebouwd, en deze werkt in FF & IE goed. Behalve in Chrome als ik de online versie bekijk (offline bekijken werkt gewoon goed), dan komt er een horizontale scrollbar terwijl ik op alle mogelijke plekken overflow op hidden heb staan.

Heeft iemand ervaring met zo'n probleem? Ik kan niet bedenken waar het aan kan liggen

http://lennartb.nl/2010/index1.html
Hier gaat het om, alvast bedankt!
  donderdag 10 juni 2010 @ 14:34:58 #224
25889 Sitethief
Fulltime Flapdrol
pi_82616879
1
2
3
4
5
6
7
8
9
10
11
12
13
14		<body>
   <div id="wrapper" style="margin: 0pt auto; width: 1000px;">
      <div id="bodyPan"> 
         <div id="boxBox">  
            <div id="profileBox">       
               Content A
            </div>
            <div id="companyBox">
               Content B
            </div> 
         </div>
      </div>
   </div>
</body>


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		body{
   background:url("plaatjezoveel.jpg") repeat-x scroll 0 -73px #A8A39D;
   color:#1A1917;
   font:14px/20px Arial,Helvetica,sans-serif;
   margin:10px 0 0;
   padding:0;
}
#bodyPan {
   background:url("plaatjezoveel2.jpg") no-repeat scroll 0 0 #FFFFFF;
   color:#1A1917;
   margin:0 auto;
   padding:10px 20px 20px;
   position:relative;
width:960px;
}
#boxBox {
   position:relative;
}
#companyBox {
   position:relative;
}
#profileBox {
   float:left;
   position:relative;
}

Probleem, hoogte is dynamisch, dat gaat verder lekker. Tot dat een block element in #boxBox een float eigenschap meekrijgt, dan krijgt he t#bodyPan erboven de hoogte van het kleinste element. (of geen hoogte als beide elementen een float hebben)
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_82618273
overflow:hidden
zcflevo.nl
  donderdag 10 juni 2010 @ 15:06:08 #226
25889 Sitethief
Fulltime Flapdrol
pi_82618511
quote:
Op donderdag 10 juni 2010 15:00 schreef KomtTijd... het volgende:
overflow:hidden
Geniaal!
Dank je .
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
pi_82970372
vraagje
ik heb een site met een body en container, zodat de breedte altijd fixed is
nu wil ik een minimale hoogte aan de container meegeven zodat "korte" pagina's ook beeldvullend zijn
en zodat mijn footer altijd op de zelfde plaats staat (tenzij de pagina groter is natuurlijk)
met min-height: 800px; kom ik al een heel eind...alleen blijft mijn footer nu halverwege de pagina hangen.

Hoe kan ik zorgen dat de footer de min-height volgt?
pi_82973505
quote:
Op vrijdag 18 juni 2010 11:29 schreef MrNiles het volgende:
vraagje
ik heb een site met een body en container, zodat de breedte altijd fixed is
nu wil ik een minimale hoogte aan de container meegeven zodat "korte" pagina's ook beeldvullend zijn
en zodat mijn footer altijd op de zelfde plaats staat (tenzij de pagina groter is natuurlijk)
met min-height: 800px; kom ik al een heel eind...alleen blijft mijn footer nu halverwege de pagina hangen.

Hoe kan ik zorgen dat de footer de min-height volgt?
De makkelijkste oplossing is door in de container een div content te plaatsen en die een min-height te geven. Dan hoeft de container zelf geen min-height.
fokstok.nl
  vrijdag 18 juni 2010 @ 13:11:39 #229
25889 Sitethief
Fulltime Flapdrol
pi_82975244
1
2
3
4
5
6
7
8		   <div id="boxBox">  
            <div id="profileBox">
                  content
            </div>
            <div id="companyBox">
                  content
            </div>
   </div> 

1
2
3
4
5
6
7
8
9
10
11		#boxBox {
overflow:hidden;
position:relative;
}
#companyBox {
position:relative;
}
#profileBox {
float:left;
position:relative;
}


Ik krijg het wel voor elkaar om deze twee divjes naast elkaar in een container te zetten, maar ik kan geen afstand tussen de twee divjes zetten, zelfs niet met een margin.... Dwz, ik krijg er wel ruimte tussen, maar companyBox wordt dan erg klein, ik zie ook met Firebug dat hij op dezelfde plek als profielBox begint.
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  vrijdag 18 juni 2010 @ 13:19:35 #230
25889 Sitethief
Fulltime Flapdrol
pi_82975640
Lamaar, companyBox had een dikke margin meegekregen
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
  vrijdag 18 juni 2010 @ 16:48:11 #231
37634 wobbel
Da WoBBeL King
pi_82988141
Ik denk dat deze in CSS hoort

Hieronder een gedeelte van mijn layout:



Nu dient het volgende probleem zich aan, zodra ik de pagina oproep met een anchor #specificaties oid dan verspringt de hele boel in Firefox en IE8...



Dat gaat dus niet goed...bekend probleem?
Hosted VoIP SIP trunks Vast mobiel VoIP
  vrijdag 18 juni 2010 @ 17:21:20 #232
254493 Trollface.
gr rob fruithof, groningencity
pi_82989658
Gebruik je frames ofzo?
★5731U★ Death from above '79★You're a woman, i'm a machinielsie ★ ✠ ★ Telkens weer een beetje sterven★ I was born in a winterstorm, i live there still★
pi_82989756
Heb je ergens de :target selector gebruikt in je CSS? Als ik het goed begrijp gaat het dus alleen mis als je #specificatis in je url hebt staan, en anders niet?
Nee.
  vrijdag 18 juni 2010 @ 17:32:55 #234
37634 wobbel
Da WoBBeL King
pi_82990078
quote:
Op vrijdag 18 juni 2010 17:21 schreef Trollface. het volgende:
Gebruik je frames ofzo?
Wat denk je zelf
quote:
Op vrijdag 18 juni 2010 17:23 schreef PimD het volgende:
Heb je ergens de :target selector gebruikt in je CSS? Als ik het goed begrijp gaat het dus alleen mis als je #specificatis in je url hebt staan, en anders niet?
Nee, zover ik weet nergens zelfs!
Hosted VoIP SIP trunks Vast mobiel VoIP
pi_82990124
Gooi eens een voorbeeld online dan?
Nee.
pi_83012751
je kan eens proberen om in de css van je div die wegvalt dit { clear:left; } er bij te zetten
is om afbeeldingen niet ergens achter te laten vallen dacht ik
heel goed ben ik er ook allemaal niet in maar bij mij werkte het wel bij een vergelijkend probleem
andere achtervoegingen kunnen zijn right of none of both (dacht ik...google weet het beter)
pi_83051026
Hoi, hoe geef je in CSS aan hoeveel witruimte er tussen iedere letter zit? Aangezien ik de goede benaming er niet voor weet, vindt google het ook niet Dus, dan vraag ik het hier.

pi_83051244
1letter-spacing: 0.5em;
Nee.
pi_83051422
quote:
Op zondag 20 juni 2010 13:11 schreef PimD het volgende:

[ code verwijderd ]

Thanks, even ergens opschrijven
  zondag 20 juni 2010 @ 22:05:48 #240
25889 Sitethief
Fulltime Flapdrol
pi_83075025
quote:
Op zondag 20 juni 2010 13:16 schreef RenRen- het volgende:

[..]

Thanks, even ergens opschrijven
Bookmark gewoon deze site: http://www.blooberry.com/indexdot/css/propindex/all.htm
Stroek: Sitethief, die is heel groot en sterk :Y.
Faat: *zucht* zoals gewoonlijk hoor Sitethief weer in de bocht &gt;:)
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies #14
Index

» digital corner

» development

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