[CSS] voor dummies #15

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  vrijdag 17 september 2010 @ 09:01:19 #52
134533 donroyco
dus niet Donroyco
pi_86526152
quote:
Op vrijdag 17 september 2010 08:33 schreef Sitethief het volgende:

[..]



Kijk eerst even met Firebug of een andere tool welke eigenschappen allemaal van toepassing zijn op de footer. Misschien ontdek je dan wat de boosdoener is.
Heeft tot nu toe geen nut gehad. Is er geen andere oplossing?
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_86526831
Gooi eens een voorbeeld online dan? In principe zou dat geen enkel probleem moeten zijn, dus wellicht zit er inderdaad iets anders in je code wat voor een probleem zorgt. Ik neem aan dat je net zoiets bedoelt als op mijn website?
Nee.
  vrijdag 17 september 2010 @ 09:47:37 #54
134533 donroyco
dus niet Donroyco
pi_86527215
quote:
Op vrijdag 17 september 2010 09:30 schreef PimD het volgende:
Gooi eens een voorbeeld online dan? In principe zou dat geen enkel probleem moeten zijn, dus wellicht zit er inderdaad iets anders in je code wat voor een probleem zorgt. Ik neem aan dat je net zoiets bedoelt als op mijn website?
Precies, zoiets als jouw website (tof met Last.fm integratie!). Zie: http://www.bringindoorback.com/test Thanks alvast :)
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_86527864
Je moet wel een CSS-reset gebruiken he, dat je body geen margin meer heeft. Dan werkt het bij mij in Firefox prima :)
Nee.
  vrijdag 17 september 2010 @ 10:35:42 #56
134533 donroyco
dus niet Donroyco
pi_86528371
quote:
Op vrijdag 17 september 2010 10:13 schreef PimD het volgende:
Je moet wel een CSS-reset gebruiken he, dat je body geen margin meer heeft. Dan werkt het bij mij in Firefox prima :)
Thanks, even proberen.
Als het internet meewerkt ;(
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_86528828
quote:
Op vrijdag 17 september 2010 10:13 schreef PimD het volgende:
Je moet wel een CSS-reset gebruiken he, dat je body geen margin meer heeft. Dan werkt het bij mij in Firefox prima :)
Je kunt ook gewoon de volgende code toevoegen aan het css-bestand:
1
2
3
4		html, body {
  margin: 0;
  padding: 0;
}
Om daar nou een css reset voor te gaan laden, is wat overkill.
fokstok.nl
pi_86528919
Ja dat kan ook. Maar ik gok dat je dan nog op 100 andere plekken margin:0 en padding:0 gaat krijgen. Ik gebruik persoonlijk gewoon de reset van Eric Meyer als een op zich zelf staande file, maar als je het in je main CSS-file gooit werkt het natuurlijk ook prima.
Nee.
  vrijdag 17 september 2010 @ 11:02:14 #59
134533 donroyco
dus niet Donroyco
pi_86529101
Ik ga wat aanklooien, thanks beiden ^O^
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_86530708
CSS Resets moet je sowieso vermijden als de pest, en alleen gebruiken als het écht niet op een andere manier kan. Je lost één probleem op, maar creëert er weer 2 voor latere scenario's. :)

Daarbij, ik heb in al de jaren dat ik al met CSS klooi, nog nóóit een CSS reset hoeven te gebruiken. Wel heb ik in templates/websites moeten werken waar men dat wél gedaan had, en dat was verschrikkelijk kan ik je vertellen. :r
pi_86531689
quote:
Op vrijdag 17 september 2010 10:55 schreef PimD het volgende:
Ja dat kan ook. Maar ik gok dat je dan nog op 100 andere plekken margin:0 en padding:0 gaat krijgen. Ik gebruik persoonlijk gewoon de reset van Eric Meyer als een op zich zelf staande file, maar als je het in je main CSS-file gooit werkt het natuurlijk ook prima.
Ik heb die reset css eens bekeken en ik zie alleen maar een hoop problemen ontstaan die achteraf weer moeten worden opgelost.
fokstok.nl
pi_86532805
quote:
Op vrijdag 17 september 2010 12:11 schreef Light het volgende:

[..]

Ik heb die reset css eens bekeken en ik zie alleen maar een hoop problemen ontstaan die achteraf weer moeten worden opgelost.
Ik vind sommige 'standaard' stylen van bepaalde elementen juist handig. Denk aan marges bij bijvoorbeeld (un)ordered lists, paragrafen, kopjes, enzovoorts. Ik heb aan websites gewerkt waar een CSS reset was toegepast, en moest daar naderhand pagina's toe gaan voegen met bijvoorbeeld lijsten aan nieuwsberichten. Vre-se-lijk irritant om dan achteraf weer voor elk element een hele stijl op te gaan bouwen.

Beter maak je gewoon, in zoverre dat mogelijk is, je layout schaalbaar/flexibel zodat deze er tegen kan dat sommige elementen onder omstandigheden kunnen verschillen qua afmetingen, marges en uitlijning. Dan hou je ook nog eens beter rekening met dingen als groter ingestelde lettertypen e.d. ^O^
pi_87594584
Even een vraagje, ik wil als ik met m'n muis over een woord ga dat er dan een Textbox opent, soort van dropdown menu dus maar dan niet met linkjes en met een hele tekst ipv korte zinnetjes.

Alvast bedankt :)
76.000.000 2009-12-24 01:28 Semmm
  zaterdag 16 oktober 2010 @ 00:48:31 #64
134533 donroyco
dus niet Donroyco
pi_87594683
quote:
Op zaterdag 16 oktober 2010 00:45 schreef Semmm het volgende:
Even een vraagje, ik wil als ik met m'n muis over een tekst ga dat er dan een Textbox opent, soort van dropdown menu dus maar dan niet met linkjes en met een hele tekst ipv korte zinnetjes.

Alvast bedankt :)
http://jackosborne.co.uk/(...)-the-pseudo-element/
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_87595247
quote:
Op zaterdag 16 oktober 2010 00:48 schreef donroyco het volgende:

[..]

http://jackosborne.co.uk/(...)-the-pseudo-element/
Bedankt voor de snelle reactie, dit is inderdaad wat ik bedoel maar ik krijg het niet voor elkaar om meerdere regels onderelkaar te zetten, het wordt 1 lange regel die uiteindelijk buiten beeld valt. Iemand nog ideeën?
76.000.000 2009-12-24 01:28 Semmm
  zaterdag 16 oktober 2010 @ 01:10:56 #66
134533 donroyco
dus niet Donroyco
pi_87595308
quote:
Op zaterdag 16 oktober 2010 01:08 schreef Semmm het volgende:

[..]

Bedankt voor de snelle reactie, dit is inderdaad wat ik bedoel maar ik krijg het niet voor elkaar om meerdere regels onderelkaar te zetten, het wordt 1 lange regel die uiteindelijk buiten beeld valt. Iemand nog ideeën?
Mag JavaScript ook?

Dan kan dit van toepassing zijn:
http://www.bosrup.com/web/overlib/
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_87598056
Je kunt het :after element toch gewoon een breedte geven. Volgens mij worden de regels dan gewoon keurig afgebroken.
Nee.
pi_87599618
quote:
Op zaterdag 16 oktober 2010 09:36 schreef PimD het volgende:
Je kunt het :after element toch gewoon een breedte geven. Volgens mij worden de regels dan gewoon keurig afgebroken.
Ja inderdaad, daar kwam ik later ook achter. Ik zit nu met een ander probleempje, de tekst wordt nu 2x weergegeven, 1x zoals in het tekstvak wat ik wil, en 1x als naam van de tekst zegmaar


Hoe haal ik die 2e weg zodat ik alleen het tekstvak heb.
76.000.000 2009-12-24 01:28 Semmm
pi_87600154
quote:
Op zaterdag 16 oktober 2010 09:36 schreef PimD het volgende:
Je kunt het :after element toch gewoon een breedte geven. Volgens mij worden de regels dan gewoon keurig afgebroken.
Dat wordt alsnog een probleem als je bij de rechterkant van het (browser)scherm komt. Met een beetje pech komt je :after-element alsnog buiten het scherm.
fokstok.nl
pi_87600183
quote:
Op zaterdag 16 oktober 2010 11:13 schreef Semmm het volgende:

[..]

Ja inderdaad, daar kwam ik later ook achter. Ik zit nu met een ander probleempje, de tekst wordt nu 2x weergegeven, 1x zoals in het tekstvak wat ik wil, en 1x als naam van de tekst zegmaar
[ afbeelding ]

Hoe haal ik die 2e weg zodat ik alleen het tekstvak heb.
Dan zal de tekst ook wel twee keer in de html-broncode staan. Daar moet het dus 1 keer uit.
fokstok.nl
pi_87600202
quote:
Op zaterdag 16 oktober 2010 11:36 schreef Light het volgende:

[..]

Dat wordt alsnog een probleem als je bij de rechterkant van het (browser)scherm komt. Met een beetje pech komt je :after-element alsnog buiten het scherm.
Nee, ik heb de Margin-Left op ongeveer -100 staan zodat het textvak niet buiten de site valt.
76.000.000 2009-12-24 01:28 Semmm
pi_87600256
quote:
Op zaterdag 16 oktober 2010 11:36 schreef Light het volgende:

[..]

Dan zal de tekst ook wel twee keer in de html-broncode staan. Daar moet het dus 1 keer uit.
Nee, dat is het niet, hier is de code.

1
2		<a name="Beschrijving"><span title="Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test 
" class="tooltip" >Beschrijving </span>
76.000.000 2009-12-24 01:28 Semmm
pi_87601364
quote:
Op zaterdag 16 oktober 2010 11:39 schreef Semmm het volgende:

[..]

Nee, dat is het niet, hier is de code.
[ code verwijderd ]

Dat lichte vlak met donkere tekst komt door het title-attribuut. Waarom die tekst dan twee keer verschijnt, kan ik niet zien aan die halve regel html. Kun je de hele zooi (html/css/javascript) ergens online zetten?
fokstok.nl
pi_87601558
quote:
Op zaterdag 16 oktober 2010 12:21 schreef Light het volgende:

[..]

Dat lichte vlak met donkere tekst komt door het title-attribuut. Waarom die tekst dan twee keer verschijnt, kan ik niet zien aan die halve regel html. Kun je de hele zooi (html/css/javascript) ergens online zetten?
html: http://codeviewer.org/view/code:12c0
css: http://codeviewer.org/view/code:12c1
76.000.000 2009-12-24 01:28 Semmm
pi_87602847
quote:
Op zaterdag 16 oktober 2010 12:28 schreef Semmm het volgende:

[..]

html: http://codeviewer.org/view/code:12c0
css: http://codeviewer.org/view/code:12c1
Ah, de title wordt door de browser netjes weergegeven (donkere tekst op lichte achtergrond) zoals de bedoeling is bij een title-attribuut. De tweede versie (lichte tekst op donkere achtergrond) komt door css.
1
2		.tooltip:hover:after {
    content: attr(title);
Die eerste kun je niet voorkomen.

Overigens is je (x)html ook verre van valide, maar dat heeft in dit geval geen invloed op het probleem.
fokstok.nl
pi_87604335
quote:
Op zaterdag 16 oktober 2010 13:14 schreef Light het volgende:

[..]

Ah, de title wordt door de browser netjes weergegeven (donkere tekst op lichte achtergrond) zoals de bedoeling is bij een title-attribuut. De tweede versie (lichte tekst op donkere achtergrond) komt door css.
[ code verwijderd ]

Die eerste kun je niet voorkomen.

Overigens is je (x)html ook verre van valide, maar dat heeft in dit geval geen invloed op het probleem.
Kan ik de tekst lichte tekst op donkere achtergrond dan niet op een andere manier laten weergeven zodat de donkere text op lichte achtergrond niet komt of eventueel op een andere positie zodat die buiten beeld valt?

En dat de site niet valid is weet ik, is gemaakt in dreamweaver, ik haal de fouten er achteraf uit.
76.000.000 2009-12-24 01:28 Semmm
pi_87604639
quote:
Op zaterdag 16 oktober 2010 14:01 schreef Semmm het volgende:

[..]

Kan ik de tekst lichte tekst op donkere achtergrond dan niet op een andere manier laten weergeven zodat de donkere text op lichte achtergrond niet komt of eventueel op een andere positie zodat die buiten beeld valt?

En dat de site niet valid is weet ik, is gemaakt in dreamweaver, ik haal de fouten er achteraf uit.
Het is me gelukt,

heb in de css
1
2		.tooltip:hover:after {
    content: attr(title);
veranderd in
1
2		.tooltip:hover:after {
    content: attr(alt);
en in html de title ook vervangen door alt, nu werkt het prima :)

Dankje voor jullie hulp ook
76.000.000 2009-12-24 01:28 Semmm
pi_87623396
quote:
Op zaterdag 16 oktober 2010 14:10 schreef Semmm het volgende:

[..]

Het is me gelukt,

heb in de css
[ code verwijderd ]

veranderd in
[ code verwijderd ]

en in html de title ook vervangen door alt, nu werkt het prima :)

Dankje voor jullie hulp ook
Nu stuit ik op het volgende probleem, ik wil de regel zelf handmatig kunnen afbreken en naar de volgende gaan, is dit mogelijk?
76.000.000 2009-12-24 01:28 Semmm
pi_87626178
quote:
Op zondag 17 oktober 2010 02:11 schreef Semmm het volgende:

[..]

Nu stuit ik op het volgende probleem, ik wil de regel zelf handmatig kunnen afbreken en naar de volgende gaan, is dit mogelijk?
Hoe zou je dat in html doen, en heb je die oplossing al geprobeerd?
fokstok.nl
pi_87627424
Het alt-attribuut wordt in IE trouwens volgens mij nog steeds getoond in zo'n gele ballon. Ik weet zo 1-2-3 niet of het ook nog in IE8 en IE9 is (zal wel niet), maar in IE6 en IE7 weet ik het vrij zeker.
Nee.
pi_87627626
quote:
Op zondag 17 oktober 2010 11:54 schreef PimD het volgende:
Het alt-attribuut wordt in IE trouwens volgens mij nog steeds getoond in zo'n gele ballon. Ik weet zo 1-2-3 niet of het ook nog in IE8 en IE9 is (zal wel niet), maar in IE6 en IE7 weet ik het vrij zeker.
Dat doen die browsers dan fout. Maar het was al bekend dat IE zich niet altijd volledig aan de standaarden houdt.
fokstok.nl
pi_87627746
Dat die browsers het verkeerd doen moge duidelijk zijn. Waar heb je die tooltips trouwens nu opzitten? Want alleen img's/area's mogen een ALt-attribuut hebben, dus een span/div/whatever niet.
Nee.
pi_87633715
quote:
Op zondag 17 oktober 2010 12:05 schreef PimD het volgende:
Dat die browsers het verkeerd doen moge duidelijk zijn. Waar heb je die tooltips trouwens nu opzitten? Want alleen img's/area's mogen een ALt-attribuut hebben, dus een span/div/whatever niet.
kon hem veranderen in alles wat ik wil, heb hem nu maar "tekst"genoemd, het gaat me er nu even niet om of het wel of niet mag, maar of het werkt :)

De zin afbreken met <br /> werkt niet omdat het binnen een atribuut is. heb   al geprobeerd heel vaak achter elkaar te zetten maar dan staat het wel goed in Google Chrome maar niet in IE en FF
76.000.000 2009-12-24 01:28 Semmm
pi_87678407
quote:
Op zondag 17 oktober 2010 15:11 schreef Semmm het volgende:

[..]

kon hem veranderen in alles wat ik wil, heb hem nu maar "tekst"genoemd, het gaat me er nu even niet om of het wel of niet mag, maar of het werkt :)

De zin afbreken met <br /> werkt niet omdat het binnen een atribuut is. heb   al geprobeerd heel vaak achter elkaar te zetten maar dan staat het wel goed in Google Chrome maar niet in IE en FF
Iemand? :)
76.000.000 2009-12-24 01:28 Semmm
pi_88022856
Ik ben op zoek naar een eenvoudige photoviewer voor op een website, liefst helemaal CSS.
bestaat er iets op internet of een programmatje waar je foto's "inlaadt" en er code (en thumbnails) uit komt zodat ik weinig programmeer werk moet doen.
Als ik dan nog meer eisen mag stellen dan zou ik graag een thumbnail overzicht hebben van alle foto's en als je dan een foto aanklikt dat deze dan groter wordt getoont (midden op het scherm oid)
  woensdag 27 oktober 2010 @ 14:43:58 #86
134533 donroyco
dus niet Donroyco
pi_88023002
quote:
1s.gif Op woensdag 27 oktober 2010 14:39 schreef MrNiles het volgende:
Ik ben op zoek naar een eenvoudige photoviewer voor op een website, liefst helemaal CSS.
bestaat er iets op internet of een programmatje waar je foto's "inlaadt" en er code (en thumbnails) uit komt zodat ik weinig programmeer werk moet doen.
Als ik dan nog meer eisen mag stellen dan zou ik graag een thumbnail overzicht hebben van alle foto's en als je dan een foto aanklikt dat deze dan groter wordt getoont (midden op het scherm oid)
Eerst: :')

Serieus: alleen CSS gaat niet werken. Zoek eens op Google naar jQuery Photo Viewer of iets dergelijks.
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_88023377
quote:
1s.gif Op woensdag 27 oktober 2010 14:43 schreef donroyco het volgende:

[..]

Eerst: :')

Serieus: alleen CSS gaat niet werken. Zoek eens op Google naar jQuery Photo Viewer of iets dergelijks.
Eerst: :')

maar goed...allemaal leuke voorbeelden maar ik kan niet vinden die voor mij de code "maakt"
Ik heb geen zin om voor heel veel foto's code te gaan zitten tikken
  woensdag 27 oktober 2010 @ 15:00:56 #88
134533 donroyco
dus niet Donroyco
pi_88023611
quote:
1s.gif Op woensdag 27 oktober 2010 14:54 schreef MrNiles het volgende:

[..]



Eerst: :')

maar goed...allemaal leuke voorbeelden maar ik kan niet vinden die voor mij de code "maakt"
Ik heb geen zin om voor heel veel foto's code te gaan zitten tikken
Luie flikker :{w
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_88024155
quote:
1s.gif Op woensdag 27 oktober 2010 15:00 schreef donroyco het volgende:

[..]

Luie flikker :{w
klopt..liever lui dan moe!
pi_88033776
Gebruik dan gewoon flickr als je te lui bent om een paar regels code te schrijven :')
Nee.
pi_88059853
quote:
1s.gif Op woensdag 27 oktober 2010 19:06 schreef PimD het volgende:
Gebruik dan gewoon flickr als je te lui bent om een paar regels code te schrijven :')
luie flickr :D

en een luie flickr ben ik :Y

maar dankzij de paar steekwoorden als jquery is het na 2dagen proberen gelukt
met galleria, mooie vloeiende overgangen...enne...dankzij een phpscriptje op een forun vd site kan ik nu jpg in het mapje pleuren en komen ze mooi op de site te staan
THANX ^O^

[ Bericht 28% gewijzigd door MrNiles op 28-10-2010 16:17:49 ]
  zondag 28 november 2010 @ 10:45:55 #92
298746 Dalando
18, niet meer gefrustreerd
pi_89249872
Jongens, ik heb hulp nodig...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22		body {
                background-color: #DDDDDD;
                text-align:center;
            }
 
            body, td, div, ul, button, textarea, input {
                font: 12px helvetica,arial,sans-serif;
            }

#header2 {
                background-color: #C90000;
            }
 a.menubutton {
                display:inline;
                margin: 1px;
                background-color:#D80000  ;
                width:90px;
            }
 
            a.menubutton:hover {
                background-color:#C00000;
            }

1
2
3
4		<div id="header2">
            <a href="#" class="menubutton">Menu</a>
            <a href="#" class="menubutton">Menu</a>
        </div>

Nu zouden de menuknopjes van .menubutton veranderen in width en height, maar dat doen ze dus niet. Help? :)
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
  zondag 28 november 2010 @ 12:15:08 #93
134533 donroyco
dus niet Donroyco
pi_89251730
quote:
6s.gif Op zondag 28 november 2010 10:45 schreef Dalando het volgende:
Jongens, ik heb hulp nodig...
[ code verwijderd ]

[ code verwijderd ]

Nu zouden de menuknopjes van .menubutton veranderen in width en height, maar dat doen ze dus niet. Help? :)
dan moet je bij :hover wel de gewenste hoogte en breedte meegeven.
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. :'(
  zondag 28 november 2010 @ 13:13:16 #94
298746 Dalando
18, niet meer gefrustreerd
pi_89253527
quote:
1s.gif Op zondag 28 november 2010 12:15 schreef donroyco het volgende:

[..]

dan moet je bij :hover wel de gewenste hoogte en breedte meegeven.
Doet niks... :N
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
pi_89278185
quote:
2s.gif Op zondag 28 november 2010 13:13 schreef Dalando het volgende:

[..]

Doet niks... :N
Bij een inline element worden hoogte en breedte genegeerd. Je zou er display: block; of display: inline-block; van moeten maken.

Je kunt ook overwegen om alle menu-items dezelfde onderlinge afstand te geven, dat kan met margin en/of padding. En dat werkt ook bij inline elementen.

Overigens zie ik een menu als een lijst van linkjes:

1
2
3
4
5
6		<ul id="menu">
  <li><a href="#">Knop 1</a></li>
  <li><a href="#">Knop 2</a>
    <ul><li><a href="#">Knop 2.1</a></li></ul>
  </li>
</ul>

Die kun je ook net zo stylen als je zelf wilt.
fokstok.nl
pi_89484264
ik probeer de <dfn> tag te restylen zodat hij een gestippeld of gestreept (dotted/dashed) streepje weergeeft in rood onder de tekst...
ik gebruik nu
1
2
3
4
5		border-bottom-color: #FF0000;
border-bottom-style: dotted;
border-bottom-width: 1px;
color: #4D528C;
font-style:normal
dit komt echter te dicht op de volgende regel tekst te staan, ik kan e.v.t. kijken of ik de verticale ruimte tussen de tekst kan vergroten, maar het liefst zet ik het streepje op dezelfde plek als wanneer er een link is...

CSS3 heeft wel een mogelijkheid om de underline style aan te passen.., maar daar doe ik nog eff niet aan.
iemand tips hoe dit e.v.t. wel goed op te lossen is zonder de verticale ruimte tussen tekst aan te passen?

en als ik dan toch bezig ben:
ik heb een form knopje aangepast zodat er rond de knop een border verschijnt zodra er overheen gehovered wordt
1
2
3
4
5
6
7
8		.submitsearch{
    border:1px hidden;
    background-color:transparent;
}

.submitsearch:hover{
    border:1px solid;    
}
in FF pakt hij hem vrijwel altijd goed (volgens mij 1x niet goed gegaan)
in IE8 pakt hij hem van boven, links en rechts zover ik gezien heb altijd goed.. echter pakt hij hem van onderen (lees: je komt met je muis op de button van onderen) bijna nooit, veel vaker niet dan wel iig. bugje in IE? of ligt het wellicht ergens anders aan? (omdat hij het immers een enkele keer in FF niet doet)

[ Bericht 34% gewijzigd door mschol op 03-12-2010 17:51:36 ]
pi_89561957
Ik ben bezig een mobiele site te maken.

Ik heb een menu, daarin twee divjes. De informatie in beide divs moet in het midden zitten. Ik gebruik geen pixels of iets om alles te centreren, omdat de site schaalbaar moet zijn. Maar daardoor krijg ik niets in het midden.

Ik heb het geprobeerd door margin-left en -right op auto te zetten, float-left of -right en dan 100px, maar dan is de site niet meer schaalbaar en schiet de rechter url onder de andere url.

Iemand een idee hoe ik ze in het midden kan krijgen zonder gezeik te krijgen met schaalbaarheid?

(Door het schaalbaarheidverhaal kon ik de divs ook niet een breedte geven, waardoor een align in de html ook niet werkte)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		#menuitems{ 

    float:left;
    margin-left:auto;
    margin-right:auto;
}

#menuitems2{ 
    float:right;
    margin-right:auto;
    margin-left:auto;

}
 <div id="menu"><div id="menuitems"><a href="lost.html">Lost</a></div>
        <div id="menuitems2"><a href="found.html">Found</a></div>
  zondag 5 december 2010 @ 20:28:25 #98
134533 donroyco
dus niet Donroyco
pi_89562044
Je moet wel een breedte aangeven, anders weet ie niet waar ie op moet uitlijnen.

Probeer eens: width: 100%;
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_89562166
quote:
1s.gif Op zondag 5 december 2010 20:28 schreef donroyco het volgende:
Je moet wel een breedte aangeven, anders weet ie niet waar ie op moet uitlijnen.

Probeer eens: width: 100%;
Hm, nu snapt hij het al helemaal niet meer, krijg ik gelijk dat ze onder elkaar gaan staan ipv naast elkaar :o

Wel een goede trouwens, even 50% proberen.
pi_89562189
Dankje! 50/49 werkt wel, en is schaalbaar :D
  zondag 5 december 2010 @ 20:35:21 #101
134533 donroyco
dus niet Donroyco
pi_89562365
quote:
1s.gif Op zondag 5 december 2010 20:31 schreef RenRen- het volgende:
Dankje! 50/49 werkt wel, en is schaalbaar :D
Cool.
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_89571236
quote:
1s.gif Op zondag 5 december 2010 20:31 schreef RenRen- het volgende:
Dankje! 50/49 werkt wel, en is schaalbaar :D
Als je ze allebei 49% maakt, zijn ze even breed en passen ze ook naast elkaar :) Ik weet niet of het belangrijk is dat ze allebei even breed zijn, maar het kan leuker lijken.
fokstok.nl
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies #15
Index

» digital corner

» development

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