[CSS] voor dummies.

donderdag 17 februari 2005 @ 00:16:09 #276

Tiemie

sowieso wel!

quote:
Op maandag 14 februari 2005 13:50 schreef DutchBlood het volgende:

[..]

Maak die div kleiner/minder breed?

was alles maar zo simpel.

dankje!

!

donderdag 17 februari 2005 @ 18:46:07 #277

wonko

Fap

Ik snap het niet denk ik. Ik gebruik dit:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

.menu, .menu:visited
{
color: #333;
font-size: 7.5pt;
font-family: Verdana, Arial;
text-decoration: none;
background-color: #ff8c00;
letter-spacing: -1px;
display: block;
margin: 1px;
padding: 5px;
width: 160px;
border: outset 1px #fff
}

Maar de visited werkt wel en de standaard niet. Dat geeft ie een lettertype van 9 pt en een lijn onder de link. Hoe kan dat en hoe krijg ik dat weg?

Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.

donderdag 17 februari 2005 @ 18:50:51 #278

Roonaan

Strictly

Probeer het eens met
a.menu of a.menu:link

-r-

donderdag 17 februari 2005 @ 19:01:07 #279

wonko

Fap

quote:
Op donderdag 17 februari 2005 18:50 schreef Roönaän het volgende:
Probeer het eens met
a.menu of a.menu:link

-r-

Was ik al mee bezig maar bovenstaande werkt ook. Of beter gezegd, werkte eerder ook.

[ Bericht 1% gewijzigd door wonko op 17-02-2005 20:41:02 ]

Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.

FOK!-Schrikkelbaas zaterdag 26 februari 2005 @ 19:43:20 #280

Swetsenegger

Egocentrische Narcist

Hoe los ik dit op:

De content in het blauwe of witte vlak varieren onafhankelijk van elkaar in hoogte. Ik wil uiteindelijk bereiken dat uiteraard de footer onder aanblijft en dat het witte vlak en het blauwe vlak altijd even hoog zijn.

Dus als het witte vlak 2 maal zoveel content heeft als het blauwe vlak, moet het blauwe vlak dus gewoon opvullen.

Ik krijg het niet voor elkaar met divjes. Iemand een tip?

 | FOK! Schrikkelbaasch

zaterdag 26 februari 2005 @ 20:22:39 #281

DutchBlood

quote:
Op zaterdag 26 februari 2005 19:43 schreef Swetsenegger het volgende:
Hoe los ik dit op:

[afbeelding]

De content in het blauwe of witte vlak varieren onafhankelijk van elkaar in hoogte. Ik wil uiteindelijk bereiken dat uiteraard de footer onder aanblijft en dat het witte vlak en het blauwe vlak altijd even hoog zijn.

Dus als het witte vlak 2 maal zoveel content heeft als het blauwe vlak, moet het blauwe vlak dus gewoon opvullen.

Ik krijg het niet voor elkaar met divjes. Iemand een tip?

Maak twee divjes, die je onder elkaar zet.
1. Blauwe en witte div container
2. Footer

en 1. bestaat dan wederom uit twee divjes die je naast elkaar zet?

FOK!-Schrikkelbaas zaterdag 26 februari 2005 @ 21:02:05 #282

Swetsenegger

Egocentrische Narcist

quote:
Op zaterdag 26 februari 2005 20:22 schreef DutchBlood het volgende:

[..]

Maak twee divjes, die je onder elkaar zet.
1. Blauwe en witte div container
2. Footer

en 1. bestaat dan wederom uit twee divjes die je naast elkaar zet?

Dat heb ik dus, maar de divjes in de container vullen natuurlijk niet op tot de hoogte van de container wanneer de inhoud kleiner is.

Het blauwe vlak vult zo niet op tot de hoogte van de container

 | FOK! Schrikkelbaasch

zaterdag 26 februari 2005 @ 21:31:15 #283

SuperRembo

Sinds 1998

Als de linker div altijd groter is dan de rechter, dan geef je de container een blauwe achtergrond en de linker div een witte achtergrond.
Anders kan je de container een wit/blauw achtergrond plaatje geven.

FOK!-Schrikkelbaas zondag 27 februari 2005 @ 09:07:20 #284

Swetsenegger

Egocentrische Narcist

quote:
Op zaterdag 26 februari 2005 21:31 schreef SuperRembo het volgende:
Als de linker div altijd groter is dan de rechter, dan geef je de container een blauwe achtergrond en de linker div een witte achtergrond.

Helaas is dat niet het geval

quote:
Anders kan je de container een wit/blauw achtergrond plaatje geven.

Hmz, dat had een oplossing geweest.
Maar aangezien het toch om content gaat heb ik in de container div maar een tabel geplaatst

 | FOK! Schrikkelbaasch

zondag 27 februari 2005 @ 10:57:09 #285

SuperRembo

Sinds 1998

quote:
Op zondag 27 februari 2005 09:07 schreef Swetsenegger het volgende:

[..]

Helaas is dat niet het geval
[..]

Hmz, dat had een oplossing geweest.
Maar aangezien het toch om content gaat heb ik in de container div maar een tabel geplaatst

Een table voor de layout? Zondaar!

Een voorbeeldje van de oplossing met een achtergrondplaatje .

FOK!-Schrikkelbaas zondag 27 februari 2005 @ 10:58:14 #286

Swetsenegger

Egocentrische Narcist

quote:
Op zondag 27 februari 2005 10:57 schreef SuperRembo het volgende:

[..]

Een table voor de layout? Zondaar!

Nee dus.
De lay-out is div, de content is table

quote:
Een voorbeeldje van de oplossing met een achtergrondplaatje .

ff checken.

 | FOK! Schrikkelbaasch

zondag 6 maart 2005 @ 13:51:36 #287

Chandler

Vraagje he

Hoe kan ik alleen een checkbox en radio button aanpassen in css zonder dat ik het input type veld verander?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

zondag 6 maart 2005 @ 15:16:48 #288

SuperRembo

Sinds 1998

In CCS2 heb je ook attribute selectors. Firefox en Opera7 ondersteunen dat, Internet Explorer naturrlijk weer niet

1
2
3
4
5
6

input[type=checkbox] {
color: red;
}
input[type=radio] {
color: blue;
}

zondag 6 maart 2005 @ 19:41:10 #289

Chandler

Maar dus onmogelijk met IE

klote microsoft weer

The people who lost my respect will never get a capital letter for their name again.
Like trump...

maandag 7 maart 2005 @ 08:44:01 #290

Roonaan

Strictly

quote:
Op zondag 6 maart 2005 13:51 schreef Chandler het volgende:
Vraagje he

Hoe kan ik alleen een checkbox en radio button aanpassen in css zonder dat ik het input type veld verander?

Je kan toch classes toekennen?

maandag 7 maart 2005 @ 08:45:00 #291

Roonaan

Strictly

quote:
Op zondag 27 februari 2005 10:58 schreef Swetsenegger het volgende:

[..]

Nee dus.
De lay-out is div, de content is table
[..]

ff checken.

Je kan de blauwe achtergrond div toch een containerdiv van degene met de witte achtergrond maken? Of past dat niet in jouw format?

maandag 7 maart 2005 @ 09:24:05 #292

Chandler

true roonaan, eens ff kijken of ik een transparant plaatje als 'achtergrond' kan gebruiken ofzo... hehe

The people who lost my respect will never get a capital letter for their name again.
Like trump...

dinsdag 8 maart 2005 @ 21:06:34 #293

Heliospan

(-_-)

Zucht... irritante verschillen tussen FF en IE...
Kan iemand even een kijkje nemen op een projectsite van me en dan met name naar de verschillen? In IE ziet het er simpelweg niet uit. In FF vind ik het best een gail layoutje. Ik vraag me alleen af waarom het er nu weer zo verneukt uit ziet.

Om bij de bron te kunnen, moet je even rechtermuisknopklikken linksonder op de pagina, onder "Pagina geladen". Dit is niet een lame antirechtermuisknop-scriptje, maar een poging om minder dataverkeer kwijt te zijn en snellere rendertijden. Ik ben er nog wat mee aan het experimenteren.

_{en de stylesheets voor de fp staan hier en hier}

» Help mee met DrugsMag.nl! «
Chillosophy, Gras is groen

dinsdag 8 maart 2005 @ 22:47:45 #294

DutchBlood

quote:
Op dinsdag 8 maart 2005 21:06 schreef Heliospan het volgende:
Zucht... irritante verschillen tussen FF en IE...
Kan iemand even een kijkje nemen op een projectsite van me en dan met name naar de verschillen? In IE ziet het er simpelweg niet uit. In FF vind ik het best een gail layoutje. Ik vraag me alleen af waarom het er nu weer zo verneukt uit ziet.

Om bij de bron te kunnen, moet je even rechtermuisknopklikken linksonder op de pagina, onder "Pagina geladen". Dit is niet een lame antirechtermuisknop-scriptje, maar een poging om minder dataverkeer kwijt te zijn en snellere rendertijden. Ik ben er nog wat mee aan het experimenteren.

_{en de stylesheets voor de fp staan hier en hier}

Ik krijg een Forbidden melding.

woensdag 9 maart 2005 @ 00:11:01 #295

Heliospan

(-_-)

Mijn excuses. Ik heb de fout inmiddels gerepareerd. De site is even offline om het nog niet publiekelijk te maken. Ik was even vergeten mijn post leeg te editen hier

» Help mee met DrugsMag.nl! «
Chillosophy, Gras is groen

woensdag 9 maart 2005 @ 15:55:17 #296

markiemark

FR 1908

hoop dat jullie me kunnen helpen, ik ben bezig met een paginaatje.. daar zit een div in, die 100px vanaf de linkerkant moet staan, en 100px van de bovenkant. dit is geen probleem, maar om de div (ongeacht de resolutie..) 10px van de rechterkant af te houden wil me niet lukken.. zelfde geldt voor de onderkant. ik heb het op de volgende manier gedaan

mn css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

html, body {
   width: 100%;
   height: 100%;
   margin: 0px;
   background-image:url(../img/bg.png);
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
}

div.content {
   position: absolute;
   left: 100px;
   top: 100px;
   right: 10px;
   bottom: 10px;
   right: 10px;
   bottom: 10px;
   border: 1px solid #111111;
   width: auto;
   height: auto;

het vreemde.. in firefox werkt het wel zoals ik het wil!

[ Bericht 3% gewijzigd door markiemark op 09-03-2005 16:12:37 ]

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

donderdag 10 maart 2005 @ 08:15:37 #297

markiemark

FR 1908

schopje..

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

donderdag 10 maart 2005 @ 09:33:56 #298

SuperRembo

Sinds 1998

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
   <title></title>
   <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
   <meta http-equiv="Content-Language" content="en-us">
   <style type="text/css">

html {
   margin: 0;
   padding: 0;
}
body {
   margin: 100px 10px 10px 100px;
   padding: 0;
}

div#content {
   height: 100%;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border: 1px solid #000;
}

   </style>
</head>
<body>

<div id="content">
   Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>

</body>
</html>

Gebaseerd op de eerste oplossing van Quirksmode.org - 100% height.

donderdag 10 maart 2005 @ 09:40:57 #299

markiemark

FR 1908

hmmz.. dit kan ik wel gewoon in een aparte css file laten staan? heb het even geprobeerd, maar het zit nog wat buggy... kan omdat ik hem nog niet helemaal goed heb staan qua argumenten.. maar dat vind ik het belangrijkste..

Amsterdam, stad van hash en coke,
Waar de vrouwen zich vrouwelijk gedragen..
En de mannen ook..

donderdag 10 maart 2005 @ 10:11:48 #300

SuperRembo

Sinds 1998

Dit werkt alleen in quirks mode, niet in strict mode. Je moet er dus wel de goeie doctype bij hebben staan.

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

» digital corner

» digital corner