[CSS] voor dummies #15

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue
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.
Bleuh.
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.
Bleuh.
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 :')
Bleuh.
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
actieve topics nieuwe topics
abonnement Unibet Coolblue
[CSS] voor dummies #15
Index

» digital corner

» development

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