[CSS] voor dummies - Deel 4

Even een klein vraagje:
ik heb het volgende:

Nu wil ik dat de span met weekday gepositioneerd wordt boven de a's zonder dat ik de span er in de html boven moet zetten. Iemand ideeen?

Hey,

in Firefox en MSIE doet ie het prima, maar niet in Opera. Het effect van de links werkt wel, maar de kleuren niet?



[ Bericht 61% gewijzigd door dewitteparel op 25-03-2006 19:01:55 (leesvriendelijk gemaakt ;)) ]

je hoeft geen " om je hex codes te zetten voor kleurtjes .

quote:

Op zaterdag 25 maart 2006 19:21 schreef rickmans het volgende:
je hoeft geen " om je hex codes te zetten voor kleurtjes .

geniaal , maar het werkt wel dank!

Is het mogelijk om in 1 stylesheet meerdere kleuren te gebruiken voor linkjes?
Ik heb namelijk een menu waarvan de linkjes wit moeten zijn. Maar in de rest van de pagina's moeten ze zwart zijn. Maar nu blijkt dus dat het niet mogelijk is om een classe aan een a href te hangen.
Ik weet dat het kan als je gaat kutten met lists, maar ook dat voorkom ik liever.

Kortom, hoe krijg ik voor elkaar dat je met 1 stylesheet gebruik kunt maken van 2 types urls met elk andere kleuren en andere CSS attributen?
Dwz. in het menu zijn ze wit en in de rest van de pagina zwart .

[ Bericht 20% gewijzigd door blieblie op 25-03-2006 21:17:31 ]

Ik ben net begonnen met css. Mijn vragen gaan zeker nog wel komen

@ blieblie

zet in je <a> tag een class. bijv:
<a class="white" href="etc

en in je stylesheet zet je dan:

a.white {
color: white;
}

en a.white:hover {
color: black;
}

quote:

Op zaterdag 25 maart 2006 21:28 schreef Desdinova het volgende:
@ blieblie

zet in je <a> tag een class. bijv:
<a class="white" href="etc

en in je stylesheet zet je dan:

a.white {
color: white;
}

en a.white:hover {
color: black;
}

Jup! Dat is em . Dank je! Heerlijk is dat... Zulke makkelijke logische oplossingen en ze gewoon niet zelf verzonnen of gevonden krijgen .

oke hoe ga ik dit fixen met div's en css zodat het en in internet explorer en firefox werkt?



het problem is dat als paars langer wordt (content) groen en blauw ook langer moeten worden... heb nog nooit een oplossing voor dit probleem kunnen vinden, maar ik neeeem aan dat dit wel moet kunnen

het kan zelfs met tabellen maar ik wil graag divs gebruiken...

iemand die wel weet hoe dit moet ?

Faux columns

quote:

Op zaterdag 25 maart 2006 15:24 schreef rickmans het volgende:
Even een klein vraagje:
ik heb het volgende:
[ code verwijderd ]

Nu wil ik dat de span met weekday gepositioneerd wordt boven de a's zonder dat ik de span er in de html boven moet zetten. Iemand ideeen?

Volgens mij kan dat niet, omdat je HTML gebruikt voor de lay-out/volgorde van de tekst en css voor de opmaak.

het is me al gelukt, op een andere manier maar het werkt welliswaar
zit nu alleen nog met het probleem dat mn text langer is dan mn div, in firefox

http://80.61.232.209/essek/layout.php

Voor Firefox moet je min-height gebruiken. Als je een height opgeeft dan houdt FF zich daar ook echt aan.

heb nu een min-height opgegeven maar nu komt die div over de onderliggende div heen.. dat is ook niet de bedoeling.

http://80.61.232.209/essek/layout.php

hoe krijg ik iets in het vertikale midden van een div?
Ben dit probleem al een aantal keer tegen gekomen..

Ik heb een container met daarin een menu en een inhoud div
De menu div is 16px breed en de inhoud begint op 165px. Maar als het menu 'klaar' is dan loopt de tekst in de inhoud ineens een stuk terug. Dit in meerdere ua's. Weet iemand wat dat is? Of nog beter, wat ik kan doen om dat op te lossen?

-- Al gefixt

[ Bericht 6% gewijzigd door wonko op 29-03-2006 13:11:43 ]

quote:

Op maandag 27 maart 2006 22:10 schreef BaggerUser het volgende:
heb nu een min-height opgegeven maar nu komt die div over de onderliggende div heen.. dat is ook niet de bedoeling.

http://80.61.232.209/essek/layout.php

Haal height weg uit .CONTENT_WRAPPER. En zorg ervoor dat je background-image hoog genoeg is voor je content of stop er ook een achtergrond kleur in.

Bijvoorbeeld:

quote:

Op dinsdag 28 maart 2006 11:49 schreef Desdinova het volgende:
hoe krijg ik iets in het vertikale midden van een div?
Ben dit probleem al een aantal keer tegen gekomen..

De oplossing is relatief eenvoudig (maar wel lastig te begrijpen), en je hebt helaas een extra "container" div nodig. Het kan echter wel... Ja ook in IE.

Check: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

quote:

Op zaterdag 25 maart 2006 15:24 schreef rickmans het volgende:
Even een klein vraagje:
ik heb het volgende:
[ code verwijderd ]

Nu wil ik dat de span met weekday gepositioneerd wordt boven de a's zonder dat ik de span er in de html boven moet zetten. Iemand ideeen?

Dit is een mogelijke oplossing:


Ik hoorde dat het voor Opera ook wel handig is om er een z-index in te zetten als je relative/absolute positioning gebruikt.

Iemand nog een idee hoe je een List met verticale tekst in CSS krijgt? verwerkt in tabjes? Ik had een oplossing gevonden, alleen die is lelijk en werkt alleen in IE.
Als in:
T|
a|
b|
1|

T|
a|
b|
2|

quote:

Op woensdag 29 maart 2006 23:16 schreef Mr.Noodle het volgende:
Iemand nog een idee hoe je een List met verticale tekst in CSS krijgt? verwerkt in tabjes? Ik had een oplossing gevonden, alleen die is lelijk en werkt alleen in IE.
Als in:
T|
a|
b|
1|

T|
a|
b|
2|

Ik zou gewoon images gebruiken. Het zit nog niet standaard in CSS. Ik geloof wel dat het een recommendation is voor CSS3, maar dat duurt nog wel even.

Ik ben bezig met een site en ik ben nog niet zo thuis in CSS en HTML. Maar met vallen en opstaan komen we er wel.

Ik heb een ideetje, en het gaat tot op bepaalde hoogte goed, maar ergens loopt het mis. Misschien wil ik ook dingen die helemaal niet kunnen, maar dat hoor ik dan ook graag.

Dit is het idee:



Op zich gaat dat best goed. Maar eigenlijk wil ik dat de balken bovenaan, dus boven de container waar de tekst in staat, doorlopen naar rechts, als er van een hogere resolutie gebruikt wordt gemaakt. Omdat het menuutje een image is, is dit moeilijk. Ik dacht dat ik het kon oplossen door de image uit elkaar te halen en in verschillende divjes te plaatsen, zodat ik die naar rechts kon laten doorlopen. Maar dat schijnt niet te werken. Of wel?

Het zou dan ook nog best eens ingewikkeld kunnen worden; Het witte van de banner, dat donkerblauwe lijntje, daaronder dus die lichtblauwe balk, vervolgens weer een wit lijntje, dan een grijs lijntje, weer een wit lijntje, grijze balk en weer een wit lijntje. Wat doe ik mezelf ook aan...

Overigens heb ik de URL van het plaatje in mijn stylesheet verwerkt, maar het is uiteindelijk de bedoeling dat de buttons klikbaar worden. Kan dat via een stylesheet, of moet dat echt in de HTML pagina staan?

Nou ja, zo maar een paar vraagjes van een dummie.

@madguy
als je de menuitems uit de div haalt en er een a-tag van maakt met dezelfde style opmaak is als het goed is je hele plaatje clickable.

verder snap k niet wat je wilt

Oeh ja, dat klinkt eigenlijk wel logisch.

Wel, wat ik wil. Het menu gedeelte heb ik Banner genoemd in het plaatje hierboven. Bij een hogere resolutie dan 1024x768 houdt het plaatje natuurlijk rechts een keer op. Ik wil eigenlijk voor het mooie dat de kleuren rechts doorlopen bij een hogere resolutie.



Dit plaatje dus. Alle streepjes en dingetjes moeten doorlopen. Geen repeat-code dus, maar slechts de kleuren. Hoe pak ik dit slim aan, of wordt dat te ingewikkeld of onmogelijk om uit te voeren?

quote:

Op donderdag 23 maart 2006 09:11 schreef Tackleberry het volgende:

[..]

Dat is een oplossing, maar zorgt weer voor een ander probleem; je krijgt (logischerwijs) geen scrollbalk te zien. Maar de content is op sommige pagina's wel langer dan het iframe hoog is...

Andere oplossing? Toevoegingen?

Wat heeft een iframe met CSS te maken?

quote:

Op donderdag 30 maart 2006 15:16 schreef MadGuy het volgende:
Oeh ja, dat klinkt eigenlijk wel logisch.

Wel, wat ik wil. Het menu gedeelte heb ik Banner genoemd in het plaatje hierboven. Bij een hogere resolutie dan 1024x768 houdt het plaatje natuurlijk rechts een keer op. Ik wil eigenlijk voor het mooie dat de kleuren rechts doorlopen bij een hogere resolutie.

[afbeelding]

Dit plaatje dus. Alle streepjes en dingetjes moeten doorlopen. Geen repeat-code dus, maar slechts de kleuren. Hoe pak ik dit slim aan, of wordt dat te ingewikkeld of onmogelijk om uit te voeren?

Ik doen jou niet begrijp?

quote:

Op donderdag 30 maart 2006 15:21 schreef super-muffin het volgende:

[..]

Ik doen jou niet begrijp?

Ik denk dat hij bedoelt dat de de achtergrond kleur van de div moet doorlopen tot dezelfde breedte als de boven c.q onderliggende div.

quote:

Op donderdag 30 maart 2006 15:17 schreef super-muffin het volgende:
Wat heeft een iframe met CSS te maken?

Dit gebeurde naar aanleiding van een CSS 'oplossing'...

quote:

Op donderdag 30 maart 2006 15:16 schreef MadGuy het volgende:
Oeh ja, dat klinkt eigenlijk wel logisch.

Wel, wat ik wil. Het menu gedeelte heb ik Banner genoemd in het plaatje hierboven. Bij een hogere resolutie dan 1024x768 houdt het plaatje natuurlijk rechts een keer op. Ik wil eigenlijk voor het mooie dat de kleuren rechts doorlopen bij een hogere resolutie.

[afbeelding]

Dit plaatje dus. Alle streepjes en dingetjes moeten doorlopen. Geen repeat-code dus, maar slechts de kleuren. Hoe pak ik dit slim aan, of wordt dat te ingewikkeld of onmogelijk om uit te voeren?

aah op die manier. als je de laatste div op width: 100% zet, en een background-repeat: repeat-x; erin zet?

edit
je moet wel ff 6e div aanmaken net na het einde van je laatste menubutton.

oh en waarom geen repeat code?

Omdat je dan een repeat krijgt van het plaatje, toch? Dat wil ik juist niet. Ik wil slechts dat de kleuren doorlopen, alsof het balken zijn.

Ik geloof dat ik het te moeilijk uitleg ook.

Ik heb op dit moment vijf div's: Top, Banner, Banner2, Left en Container.

Banner is de div waar het gehele plaatje instaat:



Dit plaatje dus.

Ik wil juist dat alle elementen doorlopen naar rechts bij een eventuele hogere resolutie. Top is geen probleem. DE achtergrondkleur is zwart en width staat op 100%. Hetzelfde geldt voor Banner2. Maar nu wil ik dat ook voor het plaatje in Banner. Probleem is dat het een plaatje is en ik niet wil dat het herhaalt wordt. Ik zal dus de achtergrondkleuren mooi over moeten laten lopen...

Dat wil ik dus.