[CSS] voor dummies - deel 6

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  zondag 3 juni 2007 @ 20:02:35 #251
107951 JortK
Immer kwaliteitsposts
pi_50069337
quote:
Op zondag 3 juni 2007 19:56 schreef Tuvai.net het volgende:
Doe anders eens gewoon margin:0 auto;. Ik ondervind met oude IE versies ook wel eens problemen als ik left/right/top/bottom declareer bij bijvoorbeeld padding, margin, etc. :)

Voorbeeld:
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;

werkt niet.

padding:5px; of padding:5px 5px 5px 5px; weer wel. :)
Ik heb m nu zo:

1
2
3
4
5
6
7		table.login
   {
   width: 300px;
   margin: 0 auto;
   border: 1px solid #4D7BD6;
   border-collapse: collapse;
   }


Doet het ook niet :N
Overzicht van alle maandcijfers van het fokforum, voor de stats freaks!
Een goede Fok!search met de kracht van Google!
  zondag 3 juni 2007 @ 20:17:54 #252
46275 Castor
Obey the rules, miss the fun
pi_50069763
quote:
Op zondag 3 juni 2007 19:34 schreef JortK het volgende:
Ik heb een table element in mijn CSS:
[ code verwijderd ]

Hiermee zou die de tabel moeten centreren op het scherm (vanwege margins die op auto staan).

Nu doet hij dit in Firefox wel, maar in IE7 niet, heeft iemand enig idee wat er verkeerd gaat?
Vreemd, bij mij doet dit het wel. Zowel in IE7 als FireFox 2...
Castor's Photostream op Flickr
  zondag 3 juni 2007 @ 20:20:29 #253
46275 Castor
Obey the rules, miss the fun
pi_50069842
Laat anders je volledige css en html eens zien, wellicht zit de fout ergens anders?
Castor's Photostream op Flickr
pi_50074112
Ook dit is in IE afhankelijk van standaard- vs. compatibiliteitsmodus. Gebruik je de juiste doctype?
http://www.quirksmode.org/css/quirksmode.html
pi_50074788
over dat table verhaal

je moet het parent element
position:relative;
meegeven

en

margin:0 auto

is ongeldig, aantal een einheid noemen dus bv 0px

(heb niet alles gelezen, excuses als het er al stond)
Zon, zee en strandvakanties
pi_50075363
quote:
Op zondag 3 juni 2007 22:53 schreef ErikN het volgende:
margin:0 auto

is ongeldig, aantal een einheid noemen dus bv 0px

(heb niet alles gelezen, excuses als het er al stond)
0 is geldig. 0 is 0. Of het nou 0 px, em, %, pt, of wat dan ook is.
pi_50165406
2501ste view

Maar gelijk met een vraagje.



Je ziet dat de select door het overlappende gedeelte heen komt.. Hoe kan ik dit voorkomen?

Ik heb zelf z-index van het overlappende stuk op 999 gezet en van de select op -1 maar daar zat het niet in
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  woensdag 6 juni 2007 @ 15:44:17 #258
18008 hornage
FOK! Movie Trivia-Prijsmeester
pi_50166623
wellicht een z-index aan het element waar die select in zit?
laat eens wat code zien
Test je filmkennis! Speel mee met FOK! Movie Trivia en win prijzen!
pi_50166899
quote:
Op woensdag 6 juni 2007 15:14 schreef Chandler het volgende:
[...]
Ik heb zelf z-index van het overlappende stuk op 999 gezet en van de select op -1 maar daar zat het niet in
Gaat 't alleen fout in IE6 of ouder?

In dat geval kan je het (voor IE5.5 en IE6) "oplossen" door er een iframe achter te plakken (zie voorbeeldje)
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_50167610
Er zit een z-index aan het select element. met -1

En inderdaad gaat het fout in IE6 kon FF niet testen omdat ik daar het overvallende element niet werkend ik kreeg, waarom weet ik nog niet

Maar een iframe is helaas niet voor mij de juiste oplossing
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_50167972
quote:
Op woensdag 6 juni 2007 16:08 schreef Chandler het volgende:
Maar een iframe is helaas niet voor mij de juiste oplossing
Waarom is dat geen oplossing?

(De iframe wordt niet gebruikt om iets in te zetten, het wordt alleen gebruikt om die comboboxen af te dekken. Een vreemde constructie, maar het werkt echt)
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_50170184
Omdat ik niet precies weet hoe ik het moet inbouwen

Tevens kan ik zelf wel leven met het idee dat het er gewoon even doorheen te zien is...

Als je wilt kan ik wel een voorbeeld online zetten (via PB dan)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_50177223
Het wordt eens tijd de tabellen te vervangen, hoe gemakkelijk ze ook zijn.

1
2
3
4		   <div class="message">
      <span class="leftcolumn">Username:</span>
      <span class="rightcolumn">Bla</span>
   </div>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22		   .leftcolumn{
      width: 50%;
      text-align: left;
   }
   .rightcolumn{
      width: 50%;
      text-align: right;
   }
   .message{
      width:             281px;
      
      margin-bottom:       2px;
      padding-left:      4px;
      
      font-family:       verdana;
      font-size:          11px;
      color:             #000000;
      line-height:       18px;
   
      border:          1px #000000 solid;
      background-color:    #F5F5F5;   
   }


Helaas blijven de twee spans angstig dicht bij elkaar.... iemand tips?

[ Bericht 12% gewijzigd door Geqxon op 06-06-2007 20:49:04 ]
  woensdag 6 juni 2007 @ 21:25:11 #264
18008 hornage
FOK! Movie Trivia-Prijsmeester
pi_50179093
je wilt die recht span echt helemaal rechts uitgelijnd in je div hebben?
Dan moet je niet text-align gebruiken, maar een float:right
Test je filmkennis! Speel mee met FOK! Movie Trivia en win prijzen!
pi_50179133
Het nadeel van floaten, is dat als de hoofdtekst leeg is, de complete div 2 pixels hoog wordt, en de gefloate tekst maar wat rondzweeft. Geen float dus
  woensdag 6 juni 2007 @ 21:32:05 #266
18008 hornage
FOK! Movie Trivia-Prijsmeester
pi_50179384
dan moet je met een padding of margin left gaan werken met de rechter vrees ik
Test je filmkennis! Speel mee met FOK! Movie Trivia en win prijzen!
  woensdag 6 juni 2007 @ 21:32:26 #267
18008 hornage
FOK! Movie Trivia-Prijsmeester
pi_50179402
of je div een vaste hoogte geven
Test je filmkennis! Speel mee met FOK! Movie Trivia en win prijzen!
pi_50179478
Is het niet mogelijk om het zonder "gekke" truuks zo simpel als een tabel te maken?
  woensdag 6 juni 2007 @ 22:41:51 #269
12880 CraZaay
prettig gestoord
pi_50182785
Zo te zien is het gewoon tabulaire data. Waarom zou je dan geen tabel gebruiken?
pi_50182935
Het is geen tabulaire data, het is een inlog / registreer box. Dus:


1
2
3
4
5
6
7		+----------+----------+
| Username:| [______] |
+----------+----------+
| Password:| [xxxxxx] |
+----------+----------+
|    [ Inloggen ]     |
+----------+----------+


En in web 2.0 zijn tabellen voor niet tabulaire data verboden, dus zoek ik een manier hoe ik het anders kan doen :)
pi_50183336
Wat is er 'gek' aan een float div te gebruiken en die een hoogte mee te geven? Gebruik ik zelf ook vrij vaak.
pi_50183485
Omdat ik juist geen vaste hoogte wil hebben, maar ik het dynamisch wil hebben. Zodat ik het over mijn complete website kan toepassen, alles met dezelfde klasse
  woensdag 6 juni 2007 @ 23:41:27 #273
12880 CraZaay
prettig gestoord
pi_50185170
Het is een formulier, dus <label>'s gebruiken? Maakt het toegankelijker en is goed te stylen.

Heeft overigens niets met "Web 2.0" te maken, maar met semantiek.
pi_50187034
quote:
Op woensdag 6 juni 2007 21:26 schreef Geqxon het volgende:
Het nadeel van floaten, is dat als de hoofdtekst leeg is, de complete div 2 pixels hoog wordt, en de gefloate tekst maar wat rondzweeft. Geen float dus
Als je de div waar je float inzit overflow: auto; meegeeft zou dat opgelost moeten zijn. Tenminste als ik je goed begrijp (dat de parent div onder de float 'inklapt'). Als dat niet werkt kun je onder de div met float ook gewoon een div met clear: both; zetten (zonder float), maar dat kan extra ruimte opleveren.
pi_50209234
Even iets anders m.b.t. CSS. Je kunt ook je tabel headers locken.

Ik heb meerdere sites gevonden maar kan er niet achter komen hoe ik dit kan inbouwen in mijn eigen tabel. Dit omdat ik graag de hoogte van het scherm wil aanhouden.

Ik heb al geprobeerd met een vaste hoogte (tbody) met z-index en dergelijke zaken maar helaas het wil niet lukken,..

http://web.tampabay.rr.co(...)cked-column-csv.html hier heb ik wat mee gespeeld maar kom er echt niet meer uit..

Anyone die mij kan vertellen wat ik moet toevoegen aan

thead, tbody en eventueel table?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies - deel 6
Index

» digital corner

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