[html, css, js] voor dummies #19

quote:

Op maandag 21 november 2011 12:19 schreef KomtTijd... het volgende:

[..]

Je weet zelf het antwoord al?

Als je een goeie zoekt, zeg ik: CMS Made Simple. Vooral omdat het goeie multi-user functies heeft (je kunt precies instellen wat welke gebruiker wel en niet mag wijzigen). Maar iedereen heeft een persoonlijke favoriet.

Nouja, ik snap dat een module om nieuwsberichten te plaatsen vrij eenvoudig zal zijn en met ieder CMS-systeem kan, maar ik weet dus niet of ieder CMS de mogelijkheid biedt om grote hoeveelheden foto's in één keer te uploaden en ook in een album weer te geven? Ik begrijp dus dat dit gewoon kan met CMS Made Simple?

quote:

Op maandag 21 november 2011 11:48 schreef TheSeeker_NL het volgende:
Misschien is Blueprint iets voor je :

http://blueprintcss.org/

Ik ben er nu mee aan het stoeien en het werkt opzich wel erg fijn.

960 grid doet ongeveer hetzelfde.

Ik vind het erg prettig werken, je kan zoveel makkelijker werken.

Daarbij zorgt een goede evenredige kolomindeling voor rust en balans in een pagina.

quote:

Op maandag 21 november 2011 12:24 schreef McCandless het volgende:

[..]

Nouja, ik snap dat een module om nieuwsberichten te plaatsen vrij eenvoudig zal zijn en met ieder CMS-systeem kan, maar ik weet dus niet of ieder CMS de mogelijkheid biedt om grote hoeveelheden foto's in één keer te uploaden en ook in een album weer te geven? Ik begrijp dus dat dit gewoon kan met CMS Made Simple?

Zeker weten, dr zit een file- en imagemanager in die ook de mogelijkheid heeft zipfiles te uploaden enzo. En modules om makkelijk foto-galleries te maken. Maar ook daarvoor geldt dat ieder zichzelf respecterend CMS dat wel heeft.

quote:

Op maandag 21 november 2011 12:28 schreef KomtTijd... het volgende:

[..]

Zeker weten, dr zit een file- en imagemanager in die ook de mogelijkheid heeft zipfiles te uploaden enzo. En modules om makkelijk foto-galleries te maken. Maar ook daarvoor geldt dat ieder zichzelf respecterend CMS dat wel heeft.

Oké merci! Dan ga ik daar maar eens mee aan de slag. .

quote:

Op maandag 21 november 2011 12:41 schreef McCandless het volgende:

[..]

Oké merci! Dan ga ik daar maar eens mee aan de slag. .

heb laatst zelf zitten vogelen om een zipfile te uploaden, uitpakken en direct in een gallerie te zetten.
niet meer dan een paar filetjes zijn het...je mag het zo hebben als je wilt

quote:

Op maandag 21 november 2011 14:52 schreef MrNiles het volgende:

[..]

heb laatst zelf zitten vogelen om een zipfile te uploaden, uitpakken en direct in een gallerie te zetten.
niet meer dan een paar filetjes zijn het...je mag het zo hebben als je wilt

Stuur maar door inderdaad, scheelt weer wat werk natuurlijk!

quote:

Op maandag 21 november 2011 14:52 schreef MrNiles het volgende:

[..]

heb laatst zelf zitten vogelen om een zipfile te uploaden, uitpakken en direct in een gallerie te zetten.
niet meer dan een paar filetjes zijn het...je mag het zo hebben als je wilt

Normaliter (voor eigen gebruik) kan dat ook gewoon via DirectAdmin of een andere filemanager.

Ik heb een vraag, hoop dat ik beroep kan doen op jullie wijsheden

Ik heb een table met een zootje rows. Elke row heeft in zijn eerste column een image, het is de bedoeling dat wanneer hierop wordt geklikt er een soort dropdown ONDER deze knop verschijnt, die over de tabel heen float.

Ik visualiseer mij dit als volgt (menu met Photoshop erin gesoept):


Wanneer ik vervolgens wederom op deze knop druk moet dit menu weer verdwijnen. Dit voor elke row, waarbij het menu dus afhankelijk van de geklikte row een bepaalde positie aanneemt. In principe kan ik dit laatste wel fixen met jQuery (menu in een HTML file gooien, opvragen met AJAX, plakken voor </td> tag oid), en ook het hiden/showen moet me allemaal lukken, het enige wat me niet lukt is de positionering van het menu en hoe ik deze zover krijg te floaten onder de button.

Zo moeilijk zou het niet moeten zijn maar ik ben niet zo'n CSS held, dus hoop dat iemand mij kan helpen

-edit-
Ik denk dat het me al lukt, uiteraard na het posten van dit krijg ik een ingeving In de <td> de <a> tag gooien, daaronder een <div> met position:relative, daarin een <ul> met position:absolute en deze gewoon positioneren en stylen.

Gewoon met position:absolute ?

Ja. Zie edit

Zoals ik al zei, het is absoluut niet lastig, maar ik kwam er gewoon echt niet uit.

het kan wel lastig zijn hoor. Kan je trouwens die div geen position:absolute geven en de td een position:relative

Je hebt sowieso die div niet nodig, gewoon je <ul> of <ol> absoluut positioneren t.o.v. de <td> of <tr> die je position:relative geeft. Geef je 'm een top: *px waarbij * de hoogte van je row is. Als die variabel is, is een extra wrapper-div misschien wel handig.

als ik in een menu de text-decoration op none wil hebben
bijv:

kan ik dat dan doen door:
a {text-decoration:none;}

maar kan ik dat ook voor class menu doen, of een combinatie zodat de alleen de a in menu een text-decoration none is

Les 1 gemist?

http://www.w3.org/TR/CSS2/selector.html

Volgens mij is het niet mogelijk om een parent te selecteren met CSS.
Met jQuery bv weer wel;
$('#menu li a').parent().addClass('no-text-decoration');

waar je in je CSS .no-text-decoration geen text-decoration geeft.

Ja dat zijn de dingen die ik graag zie. Een class 'no-text-decoration' die met Javascript wordt gezet.

quote:

Op woensdag 23 november 2011 21:08 schreef PimD het volgende:
Ja dat zijn de dingen die ik graag zie. Een class 'no-text-decoration' die met Javascript wordt gezet.

Mee eens maar hoe wil jij dan alleen de <li> selecteren die een <a> hebben?
Als ik li > a doe en daar text-decoration: none op zet heeft dat toch geen effect op de <li>?

quote:

Op woensdag 23 november 2011 21:06 schreef KomtTijd... het volgende:
Les 1 gemist?

http://www.w3.org/TR/CSS2/selector.html

waarschijnlijk
is het niet voldoende om de ul een class te geven om alle text-dec op none te krijgen?
moet ik dan bij alle links apart een class zetten?

quote:

Op woensdag 23 november 2011 21:09 schreef DaFan het volgende:

[..]

Mee eens maar hoe wil jij dan alleen de <li> selecteren die een <a> hebben?
Als ik li > a doe en daar text-decoration: none op zet heeft dat toch geen effect op de <li>?

Ben je nou een eigen probleem aan het oplossen of wat

quote:

Op woensdag 23 november 2011 21:09 schreef MrNiles het volgende:

[..]

waarschijnlijk
is het niet voldoende om de ul een class te geven om alle text-dec op none te krijgen?

Je zou ook mijn link aan kunnen klikken, maar ik wil het ook wel even voorzeggen: Ja.

quote:

Op woensdag 23 november 2011 21:10 schreef KomtTijd... het volgende:

[..]

Je zou ook mijn link aan kunnen klikken, maar ik wil het ook wel even voorzeggen: Ja.

i know..maar het werkt niet...dus dan zal ik ergens iets fout doen...
het is makkelijker zoeken naar iets wat fout is dan naar iets wat niet mogelijk is

Oh men ik ben lekker bezig.
Ik haal text-decoration en list-style door elkaar.

Mijn excuses.

Edit; nou dan als vraag; hoe geef ik alleen li die een child a hebben list-style:none; ?

Volgens mij is er een CSS3-selector nly-child. Support zal in moderne browsers vast vrij goed zijn. Voor IE6-8 zou je eventueel een JS fallback kunnen maken (hoewel ik dat soort ellende vaak nogal een performance hit vind in browsers die toch al traag zijn met JS).

quote:

li a:only-child {
blaat.
}

Maar ik kan zo 1-2-3 geen scenario bedenken waarom je list-item 1 wel een bullet zou willen geven en list-item 2 en 3 niet. En 4 weer wel.

quote:

Op woensdag 23 november 2011 21:16 schreef PimD het volgende:
Volgens mij is er een CSS3-selector nly-child.

[..]

Maar ik kan zo 1-2-3 geen scenario bedenken waarom je list-item 1 wel een bullet zou willen geven en list-item 2 en 3 niet. En 4 weer wel.

Daarmee selecteer je een a element zonder siblings.

quote:

Op woensdag 23 november 2011 21:12 schreef DaFan het volgende:

Edit; nou dan als vraag; hoe geef ik alleen li die een child a hebben list-style:none; ?

Dat wordt javascripten inderdaad.

quote:

Op woensdag 23 november 2011 21:12 schreef MrNiles het volgende:

[..]

i know..maar het werkt niet...dus dan zal ik ergens iets fout doen...
het is makkelijker zoeken naar iets wat fout is dan naar iets wat niet mogelijk is

Als we geen code zien kunnen we ook niet ruiken of je iets fout doet.

Valideert het op zijn minst?

Met CSS4 kun je wel een stijl toepassen op de parent van een selector. Duurt nog even voordat dat is uitgerold, maar in de toekomst heb je daar dus iig geen javascript meer voor nodig. De huidige working draft stelt deze syntax voor:


Het dollarteken geeft aan dat in dit geval de li gestyled moet worden en niet de a.