1 2 3 4 5 | .imagereplycontainer { margin-top: 10px; width: 380px; } |
1 2 3 4 5 6 7 8 9 10 11 | <h1>React</h1> <form method="post" action="gallery/react/%image_id%" style="display:inline;"> <div class="imagereplycontainer"> <textarea name="text" cols=1 rows=1 style="width: 384px; height: 40px;"></textarea> <div style="text-align: right;"> <input type="text" value="<name>" name="user" style="width: 100px"> <input type="image" src="layout/default/elements/button-send.jpg" ALT="Send"> </div> </div> </form> |
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 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | <style type="text/css"> FORM.imagereplycontainer { margin-top: 10px; width: 380px; display: inline; } FORM.imagereplycontainer UL, FORM.imagereplycontainer UL LI { list-style: none; margin: 0; padding: 0; } FORM.imagereplycontainer UL LI { text-align: right; } FORM.imagereplycontainer UL LI TEXTAREA { width: 384px; height: 40px; border: 1px solid #ccc; overflow: auto; } FORM.imagereplycontainer UL LI INPUT { width: 100px; height: 1em; border: 1px solid #ccc; } FORM.imagereplycontainer UL LI BUTTON { width: 100px; height: 1em; border: 0; padding: 0; margin: 0; } FORM.imagereplycontainer UL LI BUTTON IMG { border: 0; padding: 0; margin: 0; } </style> <h1>React</h1> <form method="post" action="gallery/react/%25image_id%25" class="imagereplycontainer"> <ul> <li> <label for="myTexarea">insert your text</label> <textarea name="myTexarea" id="myTexarea"></textarea></li> <li> <label for="myTexarea">username</label> <input type="text" value="name" name="user" id="user"> <button type="submit"><img src="layout/default/elements/button-send.jpg" alt="Send"><button></li> </ul> </form> |
RM-rf, je moet me hier niet op vastpinnen, maar is CSS niet hoofdletter gevoelig, dwz dat FORM#a alleen matched met <FORM id="a"> en niet met <form id="a">?quote:Op donderdag 3 februari 2005 14:06 schreef RM-rf het volgende:
volgens mij komt je zo verder in de buurt:
[ code verwijderd ]
Is een fieldset in deze zaak niet sematisch correcter?quote:<ul><li>....</li></ul>
css is niet hoofdlettergevoelig, ik heb zelf de gewoonte om alle tag-selectoren altijd in hoofdletters te zetten, maar dat is gewoon een leesbaarheid-issue, zo kun je makkelijk de tag-selectoren uit de code halen...quote:Op donderdag 3 februari 2005 14:36 schreef Roönaän het volgende:
Dit vroeg ik mij af, omdat ik jou (als enige eigenlijk) altijd in css de tags in uppercase zie schrijven.
Goed, gedaan wat je hebt gezegd en de borders zijn nu inderdaad hetzelfde waardoor de IMG perfect blijft in IE en FF. Helaas was dit nog geen goede oplossing voor mijn menu div.quote:Op maandag 7 februari 2005 21:46 schreef Roönaän het volgende:
Om te zorgen dat IE in strict mode springt moet de doctype op de eerste regel staan. Dit betekend dus dat je je <?xml definitie weg moet halen, wil je dat het in ie er netjes uitziet. Om dit te compenseren zou je een text/xml header kunnen produceren aan de serverkant natuurlijk.
Spelen met je margins in simpele HTML kan een hoop schelen.quote:Op dinsdag 8 februari 2005 21:00 schreef _Mal_ het volgende:
Ik weet niet of dit een css vraagje is of gewoon html (ik denk het laatste) maar jullie weten het vast ook wel.
Ik heb 2 tabellen die boven elkaar staan, nu wil ik een beetje ruimte tussen de 2 tabellen, een halve <br> ongeveer. Maar ik weet niet hoe ik dit voor elkaar kan krijgen.... Ik kan niks doen met de border van de tabel want ik wil er een 1px border is, en die heeft een andere kleur dan de achtergrond.
Een beetje interpretatievermogen mag wel hoorquote:Op woensdag 9 februari 2005 11:10 schreef ikke_ook het volgende:
@Nitespeed Dat werkt niet.... als ik die regel toevoeg gebeurt er niks![]()
1 2 3 4 5 6 | <table id="table1"> .. </table> <table id="table2" style="margin-top:0.5em;"> .. </table> |
haha, ik had het al wel zo geprobeerd hoorquote:Op woensdag 9 februari 2005 11:45 schreef Roönaän het volgende:
[..]
Een beetje interpretatievermogen mag wel hoor
[ code verwijderd ]
-r-
1 2 3 4 5 6 7 8 | #login { background-image: url(login.png); position: absolute; top: 25px; left: 50%; width: 274px; height: 135px; margin-left: -137px; text-align: left; } |
quote:Op donderdag 10 februari 2005 15:15 schreef BaggerUser het volgende:
ja maar hoe krijg ik hem als ik hem absolue heb in het midden ?
als ik left: auto; doe staat tie nog net niet in het midden
en text-align: center; helpt in dit geval ook niet
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | #login { position:absolute; left:0px; top:100px; width:100%; } #innerlogin { position:relative; margin:0px auto; } <div id="login"> <div id="innerlogin"> .. </div> </div> |
Daarom heet het ook text-alignquote:Op vrijdag 11 februari 2005 14:08 schreef schwa78 het volgende:
Hoe kan ik iets centreren in een divje? Als ik dat met text-align:center; doe, dan werkt dat in Firefox alleen met tekst en niet met andere objecten.
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |