[CSS] voor dummies - Deel 3

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  vrijdag 25 november 2005 @ 22:15:15 #101
26353 FlowDesign
OMG IT SPINS!
pi_32580970
Misschien dat een van jullie het misschien weet:

Ik heb zeg maar onderstaande indeling van een webpagina opgebouwd met CSS.
De lichtblauwe achtergrond is een DIV (layer) met vaste plek (margin: 0 auto) zodat deze in het midden wordt uitgelijnd.
De andere zijn ook DIV's (met vaste plek).
Alleen het menu is "Floating: left".
De height staat niet vast, de margins en de paddings wel.
Echter wat er nu gebeurd is dat wanneer er te weinig tekst in het menu of in de content layer staan, de footer te hoog op de pagina komt waardoor de achtergrond weer te zien is.
Ik vraag mij dus af: Is het mogelijk om te zorgen dat de footer altijd dusdanig ver onderaan de pagina komt te staan zodat de achtergrond niet meer te zien is.

Age of fruity enlightenment!
pi_32580974
Bedankt AnGabhar, alleen krijg ik daaruit toch nog niet een duidelijke oplossing... zal wel aan mij liggen denk ik
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  vrijdag 25 november 2005 @ 22:53:49 #103
100054 Quarks
little Eiffel! little Eiffel!
pi_32582097
quote:
Op vrijdag 25 november 2005 22:15 schreef FlowDesign het volgende:
Misschien dat een van jullie het misschien weet:

Ik heb zeg maar onderstaande indeling van een webpagina opgebouwd met CSS.
De lichtblauwe achtergrond is een DIV (layer) met vaste plek (margin: 0 auto) zodat deze in het midden wordt uitgelijnd.
De andere zijn ook DIV's (met vaste plek).
Alleen het menu is "Floating: left".
De height staat niet vast, de margins en de paddings wel.
Echter wat er nu gebeurd is dat wanneer er te weinig tekst in het menu of in de content layer staan, de footer te hoog op de pagina komt waardoor de achtergrond weer te zien is.
Ik vraag mij dus af: Is het mogelijk om te zorgen dat de footer altijd dusdanig ver onderaan de pagina komt te staan zodat de achtergrond niet meer te zien is.
Alistapart.com kan het beter uitleggen
* 11:15, restate my assumptions: 1. Mathematics is the language of nature. 2. Everything around us can be represented and understood through numbers. 3. If you graph these numbers, patterns emerge. Therefore: There are patterns everywhere in nature.*
pi_32583359
en wie kan mij die andere uitleg beter uitleggen?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_32596879
quote:
Op vrijdag 25 november 2005 22:53 schreef Quarks het volgende:

[..]

Alistapart.com kan het beter uitleggen
Tnx man

Ik heb het helemaal gelezen, maar dat stuk voor MAC ondersteuning ga ik niet gebruiken. Ik gebruik de pure-CSS oplossing (aangezien de desbetreffende website dan toch wel compatible is voor 99,9% van de bezoekers).
Age of fruity enlightenment!
pi_32599730
quote:
Op zaterdag 26 november 2005 16:14 schreef FlowDesign het volgende:

[..]

Tnx man

Ik heb het helemaal gelezen, maar dat stuk voor MAC ondersteuning ga ik niet gebruiken. Ik gebruik de pure-CSS oplossing (aangezien de desbetreffende website dan toch wel compatible is voor 99,9% van de bezoekers).
Hmmzz... nu werkt het wel in FireFox, maar in IE (6) zet ie die footer weer niet onderaan.
Zie: http://eggsplosion.com/drupal/

De CSS-code

Zoals je momenteel ook kunt zien, valt op pagina's waar heel weinig tekst in het rechter deel van de pagina staat, heel de searchbox weg onder de footer

[ Bericht 12% gewijzigd door FlowDesign op 26-11-2005 18:44:56 ]
Age of fruity enlightenment!
pi_32648261
Weet iemand of het mogelijk is om zulke borders met alleen CSS te genereren?



zou mooi zijn namelijk
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  maandag 28 november 2005 @ 16:44:35 #108
32768 DionysuZ
Respect my authority!
pi_32648555
http://www.w3schools.com/css/pr_border-style.asp
je hebt de volgende borderstyles:

  • none Defines no border
  • hidden The same as "none", except in border conflict resolution for table elements
  • dotted Defines a dotted border. Renders as solid in most browsers
  • dashed Defines a dashed border. Renders as solid in most browsers
  • solid Defines a solid border
  • double Defines two borders. The width of the two borders are the same as the border-width value
  • groove Defines a 3D grooved border. The effect depends on the border-color value
  • ridge Defines a 3D ridged border. The effect depends on the border-color value
  • inset Defines a 3D inset border. The effect depends on the border-color value
  • outset Defines a 3D outset border. The effect depends on the border-color value
    • □ 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_32648823
    maar je houdt zwarte randen hoe kom je daar vanaf....
    The people who lost my respect will never get a capital letter for their name again.
    Like trump...
      donderdag 1 december 2005 @ 22:59:11 #110
    32768 DionysuZ
    Respect my authority!
    pi_32741186
    hm vraagje.

    ik heb 2 divs, de een genest in de ander. De eerste heeft een hoogte van 100% van het scherm. De tweede is absoluut gepositioneerd in de eerste en heeft een variabele hoogte. Nu is het zo dat als de inhoud van de tweede erg veel wordt, er tekst gaat wegvallen omdat de buitenste div niet mee resized. hoe los ik dat op?
    □ 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 1 december 2005 @ 23:11:57 #111
    100054 Quarks
    little Eiffel! little Eiffel!
    pi_32741657
    quote:
    Op donderdag 1 december 2005 22:59 schreef DionysuZ het volgende:
    hm vraagje.

    ik heb 2 divs, de een genest in de ander. De eerste heeft een hoogte van 100% van het scherm. De tweede is absoluut gepositioneerd in de eerste en heeft een variabele hoogte. Nu is het zo dat als de inhoud van de tweede erg veel wordt, er tekst gaat wegvallen omdat de buitenste div niet mee resized. hoe los ik dat op?
    Wat heb je bij height staan voor de tweede div?
    * 11:15, restate my assumptions: 1. Mathematics is the language of nature. 2. Everything around us can be represented and understood through numbers. 3. If you graph these numbers, patterns emerge. Therefore: There are patterns everywhere in nature.*
    pi_32747134
    Een element dat absoluut gepositioneerd is valt buiten de flow. Jouw binnenste div zal er dus nooit voor zorgen dat je buitenste div oprekt.
    Als je een element een hoogte geeft, dan rekt het niet mee met de inhoud. Tenminste, dat zou niet mogen, maar IE doet het toch. Je moet de hoogte als min-height opgeven, alleen snapt IE dat weer niet.

    1
    2
    3
    4
    5
    6
    7    		#outer {
       min-height: 100%;/* W3C */
       _height: 100%;/* IE */
    }
    #inner {
       /* GEEN position: absolute */
    }
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_32802013
    Iemand die beked is met vele CSS sites? zoek eingelijk een voorbeeld van CSS als in een Office XP menu oid ennuh velden zoals windows programma's... eingelijk dus gewoon alles wat met windows te maken heeft in CSS (en voorbeeld natuurlijk)..

    Iemand ideeen?
    The people who lost my respect will never get a capital letter for their name again.
    Like trump...
    pi_32802392
    Het is geen CSS site, maar de luitjes van Component-Art hebben van al hun controls ook een demo in Windows XP stijl. Bijvoorbeeld een menu en een tree .
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_32802518
    Tnx SuperRembo, maar bedoel meer de platte menu met vaste icons (zoals de bar bij winzip, add, extract, ennuh de korte tabs zoals in office (excel etc)
    The people who lost my respect will never get a capital letter for their name again.
    Like trump...
      zondag 4 december 2005 @ 12:54:45 #116
    100054 Quarks
    little Eiffel! little Eiffel!
    pi_32804313
    quote:
    Op zondag 4 december 2005 11:45 schreef Chandler het volgende:
    Tnx SuperRembo, maar bedoel meer de platte menu met vaste icons (zoals de bar bij winzip, add, extract, ennuh de korte tabs zoals in office (excel etc)
    Hier staat vast wel tussen wat je zoekt.
    * 11:15, restate my assumptions: 1. Mathematics is the language of nature. 2. Everything around us can be represented and understood through numbers. 3. If you graph these numbers, patterns emerge. Therefore: There are patterns everywhere in nature.*
    pi_32804413
    die had ik ook al gezien maar dat is net niet wat ik zoek... je moet het zien als de button bar van (tool bar) van internet explorer... de stijle van de achtergrond etc
    The people who lost my respect will never get a capital letter for their name again.
    Like trump...
      zondag 4 december 2005 @ 13:07:44 #118
    100054 Quarks
    little Eiffel! little Eiffel!
    pi_32804678
    quote:
    Op zondag 4 december 2005 12:58 schreef Chandler het volgende:
    die had ik ook al gezien maar dat is net niet wat ik zoek... je moet het zien als de button bar van (tool bar) van internet explorer... de stijle van de achtergrond etc
    Bedoel je zoiets?
    * 11:15, restate my assumptions: 1. Mathematics is the language of nature. 2. Everything around us can be represented and understood through numbers. 3. If you graph these numbers, patterns emerge. Therefore: There are patterns everywhere in nature.*
    pi_32804910
    dat is het bijna maar dan de grote versie er van



    ofzo
    The people who lost my respect will never get a capital letter for their name again.
    Like trump...
      zondag 4 december 2005 @ 13:29:30 #120
    100054 Quarks
    little Eiffel! little Eiffel!
    pi_32805358
    quote:
    Op zondag 4 december 2005 13:16 schreef Chandler het volgende:
    dat is het bijna maar dan de grote versie er van

    [afbeelding]

    ofzo
    Waarom knip je niet gewooon die plaatjes uit en maak je het zelf; zo moeilijk is het niet.
    * 11:15, restate my assumptions: 1. Mathematics is the language of nature. 2. Everything around us can be represented and understood through numbers. 3. If you graph these numbers, patterns emerge. Therefore: There are patterns everywhere in nature.*
      zondag 4 december 2005 @ 16:22:25 #121
    100054 Quarks
    little Eiffel! little Eiffel!
    pi_32810215
    Chandler, ik heb even voor je geknutseld: CSS IE Menu
    Bekijken met firefox of opera, IE ondersteund geen PNG transperantie.
    * 11:15, restate my assumptions: 1. Mathematics is the language of nature. 2. Everything around us can be represented and understood through numbers. 3. If you graph these numbers, patterns emerge. Therefore: There are patterns everywhere in nature.*
    pi_32810369
    ow ennuh als ik het nu wel in ie wil gebruiken? ruim 89% van alle gebruikers zit nog op IE
    The people who lost my respect will never get a capital letter for their name again.
    Like trump...
      zondag 4 december 2005 @ 16:32:23 #123
    100054 Quarks
    little Eiffel! little Eiffel!
    pi_32810500
    quote:
    Op zondag 4 december 2005 16:27 schreef Chandler het volgende:
    ow ennuh als ik het nu wel in ie wil gebruiken? ruim 89% van alle gebruikers zit nog op IE
    Gaat goed, ik had alleen geen zin om voor elke knop een apart plaatje te gebruiken.
    In plaats van hover.png te gebruiken, maak je gewoon voor elke knop een plaatje dat je wilt gebruik als mouse-over.
    Dus link1.gif link2.gif enz..
    * 11:15, restate my assumptions: 1. Mathematics is the language of nature. 2. Everything around us can be represented and understood through numbers. 3. If you graph these numbers, patterns emerge. Therefore: There are patterns everywhere in nature.*
      zondag 4 december 2005 @ 17:12:23 #124
    26353 FlowDesign
    OMG IT SPINS!
    pi_32811571
    PNG-transparantie in IE
    Age of fruity enlightenment!
      zondag 4 december 2005 @ 17:19:24 #125
    100054 Quarks
    little Eiffel! little Eiffel!
    pi_32811763
    quote:
    Op zondag 4 december 2005 17:12 schreef FlowDesign het volgende:
    PNG-transparantie in IE
    Ik weet dat het met een omweg mogelijk is, maar ik denk dat aparte plaatjes voor de imagemap toch makkelijker zijn voor Chandler.
    * 11:15, restate my assumptions: 1. Mathematics is the language of nature. 2. Everything around us can be represented and understood through numbers. 3. If you graph these numbers, patterns emerge. Therefore: There are patterns everywhere in nature.*
    pi_32888002
    Ziet er mooi uit man.. Misschien ga ik er nog wat mee doen, ben al weer druk aan't puzzelen...

    Ennuh die transparante PNG's die niet werken in IE... ach daarom werk ik nu gelukkig met PNGtjes die niet transparant zijn...
    The people who lost my respect will never get a capital letter for their name again.
    Like trump...
    pi_33345326
    Ik heb een vraag waarop ik het antwoord niet echt kan vinden. Ik wi een hover actie doen waarmee de achtergrond kleur van de hele layer verandert.Dus een layer die van kleur verandert bij een mouseover. Hovers met een hyperlink zijn geen probleem alleen dat is niet wat ik wil.het gaat hier specifiek om een hover voor de layer.

    Kan dit met alleen css of moet ik hiervoor toch javascript gaan gebruiken?

    Edit ik heb hem zelf al gevonden:

    1
    2
    3
    4
    5
    6
    7    		#button a:hover, #button a:active 
    {
    display:block;
    height:100%;
    background-color:#EEEEEE;
    text-decoration:none;
    }


    [ Bericht 19% gewijzigd door ExCibular op 23-12-2005 15:40:22 ]
    pi_33347326
    quote:
    Op vrijdag 23 september 2005 07:44 schreef SuperRembo het volgende:

    [..]

    Bedoel je box-sizing?
    [ code verwijderd ]

    Zie ook Quirksmode.org over box model tweaking.
    Bookmark!! Tanx
    Geloven is zeker weten dat je het niet weet.
    Geloven maakt meer kapot dan je lief is.
    Vloeken is aangeleerd...geloven ook.
    pi_33922780
    Lijkt me best simpel, maar het wil niet...

    een div'je met tekst erin die ik een bepaalde breedte wil geven. Maar hij vult hem voor de gehele breedte van de pagina.

    html:
    1
    2
    3    		<div id "content">
             <?php echo content();?>
          </div>

    css:
    1
    2
    3
    4
    5
    6    		div#content{
     border: thin dotted #00FF00;
     position: absolute;
     top: 330px;
     width: 550px;
     }

    Zou toch moeten werken?
      dinsdag 10 januari 2006 @ 23:26:34 #130
    32768 DionysuZ
    Respect my authority!
    pi_33923561
    wat n fucking omweg die transparante pngtjes in dat artikel hierboven. Ik doe het als volgt:

  • ik laad mn standaard styles
  • ik voeg het volgende bijvoorbeeld toe onder aan mn header:
    1
    2
    3
    4
    5
    6
    7
    8    		    <!--[if gte IE 5.5]>
        <style type="text/css">
          #menu a.menuitem:hover {
            background: transparent;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='px/menu_hover.png',sizingMethod='scale');
          }      
        </style>
        <![endif]-->   
    • □ 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_33924240
    quote:
    Op dinsdag 10 januari 2006 23:06 schreef the_disheaver het volgende:
    Lijkt me best simpel, maar het wil niet...

    een div'je met tekst erin die ik een bepaalde breedte wil geven. Maar hij vult hem voor de gehele breedte van de pagina.

    html:
    [ code verwijderd ]

    css:
    [ code verwijderd ]

    Zou toch moeten werken?
    opgelost.

    Had ergens in het html '<dvi> ipv <div>

    edit: hij is nu wel 800 pixel terwijl hij 550 moet zijn, maar het gaat de goede kant op

    [ Bericht 12% gewijzigd door the_disheaver op 10-01-2006 23:53:31 ]
    pi_33929856
    Je hebt toch wel id="content" staan en niet id "content"?
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_33934990
    quote:
    Op woensdag 11 januari 2006 08:09 schreef SuperRembo het volgende:
    Je hebt toch wel id="content" staan en niet id "content"?
    Nee, daar kwam ik ook veel te laat achter

    Maar nu wel, en nu is ie echt 550 px! (genoeg wat nog niet goed is, maar goed)
    pi_34022017
    Ik zit met een klein probleem met betrekking tot spacing in FF.

    Zie het verschil tussen IE en FF van de menu's die helemaal beneden staan..

    http://gfxpoll.bruggema.nl/new/

    Iemand een idee hoe dit op te lossen in FF?
    The people who lost my respect will never get a capital letter for their name again.
    Like trump...
    pi_34022938
    quote:
    Op vrijdag 13 januari 2006 18:40 schreef Chandler het volgende:
    Ik zit met een klein probleem met betrekking tot spacing in FF.

    Zie het verschil tussen IE en FF van de menu's die helemaal beneden staan..

    http://gfxpoll.bruggema.nl/new/

    Iemand een idee hoe dit op te lossen in FF?
    ik heb hier geen IE, maar volgens mij doet ie wat het zou moeten doen.

    Ik neem aan dat de padding-left een aantal pixels moet zijn, maar ik zie het nergens aangeven in de stylesheet.
    1
    2
    3
    4
    5
    6    		#menus ul {
    list-style-type:none;
    list-style-position: inside;
    margin: 0;
    padding: 0;
    }
    pi_34026705
    Ik wel eingelijk

    1
    2
    3
    4
    5
    6
    7
    8
    9    		.menu_orange h3 {
       margin: 0;
       padding: 8px 0 0 35px;
       background: #C74700 url(images/menu_orange_top_bg.gif) no-repeat top left;
       height:22px;
       font-family: Tahoma;
       font-size: 10px;
       color:#ffffff;
    }


    daar zie je dat het 8 pixels van rechts moet staan en van boven 35... en in IE ziet dat er goed uit maar in FF dus niet dan pakt ie die pixels weer niet
    The people who lost my respect will never get a capital letter for their name again.
    Like trump...
      vrijdag 13 januari 2006 @ 20:57:04 #137
    12221 Tijn
    Powered by MS Paint
    pi_34026993
    Wat zijn goeie fixed-width fonts die op alle systemen (Windows/Mac/*Nix) en in de meeste browsers er min of meer hetzelfde uitzien?
    Verberg de nieuwsticker
    pi_34028038
    quote:
    Op vrijdag 13 januari 2006 20:49 schreef Chandler het volgende:
    Ik wel eingelijk
    [ code verwijderd ]

    daar zie je dat het 8 pixels van rechts moet staan en van boven 35... en in IE ziet dat er goed uit maar in FF dus niet dan pakt ie die pixels weer niet
    Net anders om toch? 8 pixels boven, en 35 van rechts. Dat lijkt hij ook te doen. Zou je een screenshot in IE kunnen maken?
    pi_34028254
    ik maak een screenshot voor je van ie en ff

    FireFox


    en natuurlijk Internet Explorer
    The people who lost my respect will never get a capital letter for their name again.
    Like trump...
    pi_34028682
    1
    2
    3
    4
    5
    6
    7
    8
    9    		.menu_orange h3 {
       margin: 0;
       padding: 8px 0 0 35px;
       background: #C74700 url(images/menu_orange_top_bg.gif) no-repeat top left;
       height:22px;
       font-family: Tahoma;
       font-size: 10px;
       color:#ffffff;
    }

    Deze code slaat alleen op de h3-tag, en dus niet op de <ul> list eronder. Deze zal dus volgens de
    #menus ul {} een padding van 0 krijgen.

    Het handigste lijkt mij deze padding op 0 0 0 35px; (oid) te zettten.

    Of anders.menu_orange ul{} aanmaken.
    pi_34040517
    nu heb ik hetniet op ul gezet maar op li, want ul deed nix namelijk..

    1
    2
    3    		.menu_orange li, .menu_blue  li {
            padding: 0 0 0 8px;
    }   


    alleen gaat het dan wel weer goed in FF maar dan heeft IE opeens de dubbele spacing vanaf links...

    zie pix

    The people who lost my respect will never get a capital letter for their name again.
    Like trump...
    pi_34042026
    List-style-position: inside; eruit
    Margin en padding op ul en li op 0. Alleen padding-left en padding-right op de ul.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_34042321
    Je bent geweldig, het werkt namelijk nu in beide brouwers goed!! tnx.
    The people who lost my respect will never get a capital letter for their name again.
    Like trump...
      zaterdag 14 januari 2006 @ 11:56:13 #144
    25090 SqueaK
    "Pis nooit tegen de wind
    pi_34042783
    ik ben net begonnen met een site te maken.. deze bestaat ui 6 pagina's ...

    nu wil ik op elke pagina dezelfde tabel, maar met een andere kleur... dus op pagina 1 een oranje, op pagina 2 een blauwe etc.

    moet ik dan 6 verschillende classes of divjes aanmaken ? of is er andere manier ?
    pi_34043071
    Je kan de tabellen toch een andere id of class geven? Dan verwijs je in de stylesheet naar die id/class.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
      zaterdag 14 januari 2006 @ 12:32:34 #146
    25090 SqueaK
    "Pis nooit tegen de wind
    pi_34043852
    dus dan maak ik zeg maar

    .tabel_oranje {
    eigenschappen
    }

    .tabel_geel {
    eigenschappen
    }

    en dan zo 6 keer...
    pi_34044756
    Nee, ik zou het anders doen.
    Geef de pagina's een id, dus een id in de body-tag. Bijvoorbeeld <body id="appels"> en <body id="bananen">.
    Geef ook de tabel een id, bijvoorbeeld <table id="eigenschappen">.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12    		/* algemene stijl die voor elke pagina geldt */
    #eigenschappen {
       border: 1px solid #000;
    }
    /* stijl voor pagina appels */
    #appels #eigenschappen {
       background-color: green;
    }
    /* stijl voor pagina bananen */
    #bananen #eigenschappen {
       background-color: yellow;
    }
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_34106845
    Dit krijg ik te zien in IE
    edit: een plaatje is wat duidelijker

    Kortweg: de marker voor 'Milieu' moet voor 'milieu' staan, en niet ergens in het midden van die 2de list.
    1
    2
    3
    4
    5    		* niveau 1a
      niveau 1b
    *   niveau 2a
        niveau 2b
    * niveau 1c

    En dit wil ik graag zien (en krijg ik wel te zien in FF en opera)
    1
    2
    3
    4
    5    		* niveau 1a
    * niveau 1b
        niveau 2a
        niveau 2b
    * niveau 1c

    Niveau 2 heeft geen list-style-type. niveau 1 wel. item 1b heeft een list genest. Hierdoor wordt in IE de marker niet voor de tekst 'niveau 1b' geplaatst, maar ergens voor 'niveau 2a' (doordat het midden van de gebruikte hoogte door item 2b ongeveer daar ligt.

    Kan dit door een element anders? (dat de vertical-aling van de marker op 'top' staat ingesteld)

    css:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25    		ul.menulevel1{
    list-style-image: url(list-pijl.gif);
    list-style-type: square;
    list-style-position: inside;
    margin: 0;
    padding: 0;
    }
    ul.menulevel2{
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

    ul.menulevel1 li.doc1 {
     margin: 0;
     padding: 5px 0px 3px 15px;
     width: 200px;
     border-bottom: 1px solid #73D300;

    }
    ul.menulevel2 li.doc2 {
     margin: 0 0 0 5px;
     padding: 2px 0px 2px 5px;
     border-left: 3px solid  #73D300;
    }

    html:
    1
    2
    3
    4
    5    		<ul class="menulevel1"><li class="doc1">>Milieu
     <ul class="menulevel2"><li class="doc2"titel 1</li>
      <li class="doc2">titel 2</li></ul>
     </li>
    <li class="doc1">Onderwijs</li></ul>


    [ Bericht 3% gewijzigd door the_disheaver op 16-01-2006 00:00:00 ]
      FOK!-Schrikkelbaas dinsdag 17 januari 2006 @ 22:00:09 #149
    1972 Swetsenegger
    Egocentrische Narcist
    pi_34177737
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20    		<table style="border-collapse:collapse;width:100%;">
      <tr style="color:black;font-weight:bold;background-image:url(../images/leeg.jpg);">
        <td style="border-style:solid;border-width:1px 0 1px 1px;border-color:rgb(160,166,176)">Order ID</td>
        <td style="border-style:solid;border-width:1px 0;border-color:rgb(160,166,176)">Status</td>
        <td style="border-style:solid;border-width:1px 1px 1px 0;border-color:rgb(160,166,176)">datum</td>
      </tr>
      <tr>
        <td>
        <form name="form" action="<?=$_SERVER['PHP_SELF'];?>" method="post">
        <select name="status" onChange="submit(this)">
        <option value="0"<?if($row['status']==0){?> selected="selected"<?}?>>0</option>
        <option value="1"<?if($row['status']==1){?> selected="selected"<?}?>>1</option>
        <option value="2"<?if($row['status']==2){?> selected="selected"<?}?>>2</option>
        <option value="3"<?if($row['status']==3){?> selected="selected"<?}?>>3</option>
        </select>
        <input type="hidden" name="order_id" value="<?=$row['order_id'];?>" />
        </form>
        </td>
      </tr>
    </table>




    Waarom zit er zoveel ruimte op mijn rijen ?
    Ik heb ook select al een style met een height mee gegeven, de <tr> de <td>. Maakt onder IE niets uit en onder FF wordt de selectbox wel kleiner, maar de cel/rij blijft hoger dan noodzakelijk
     | FOK! Schrikkelbaasch
    pi_34180269
    Komt die ruimte niet door het form?
    In FF zit daar in ieder geval standaard een margin-bottom: 1em op.
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    actieve topics nieuwe topics
    abonnement Unibet Coolblue Bitvavo
    [CSS] voor dummies - Deel 3
    Index

    » digital corner

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