[CSS] voor dummies.

zaterdag 12 februari 2005 @ 21:41:45 #251

SuperRembo

Sinds 1998

De banner image heeft nu display:block

zaterdag 12 februari 2005 @ 23:06:09 #252

DutchBlood

quote:
Op zaterdag 12 februari 2005 21:41 schreef SuperRembo het volgende:
De banner image heeft nu display:block

Nu niet meer, maar dit maakt niks uit....

zaterdag 12 februari 2005 @ 23:22:13 #253

SuperRembo

Sinds 1998

1
2
3
4

<div style="border:1px solid #000;width:600px;">
<div style="width:200px;float:left;">Title</div>
<div style="width:300px;">Banner</div>
</div>

Misschien hier en daar nog een height zetten of een <div style="clear:both"></div> na de header.

zondag 13 februari 2005 @ 12:51:45 #254

DutchBlood

quote:
Op zaterdag 12 februari 2005 23:22 schreef SuperRembo het volgende:

[ code verwijderd ]

Misschien hier en daar nog een height zetten of een <div style="clear:both"></div> na de header.

Thnx, het is gelukt

.

zondag 13 februari 2005 @ 13:05:48 #255

BaggerUser

ModderFokker!

ik heb een tijdje lopen zoeken maar ik kan nog steeds niet echt vinden hoe ik met een div de overgebleven ruimte van een andere div kan opvullen..

of is dit gewoon niet mogelijk?

De enige echte BaggerUser!
Riemen
fiets kopen

zondag 13 februari 2005 @ 13:05:49 #256

BaggerUser

ModderFokker!

ik heb een tijdje lopen zoeken maar ik kan nog steeds niet echt vinden hoe ik met een div de overgebleven ruimte van een andere div kan opvullen..

of is dit gewoon niet mogelijk?

De enige echte BaggerUser!
Riemen
fiets kopen

zondag 13 februari 2005 @ 13:08:55 #257

BaggerUser

ModderFokker!

?
hoe kan ik 2 keer hetzelfde bericht posten dat kan toch niet

..

De enige echte BaggerUser!
Riemen
fiets kopen

zondag 13 februari 2005 @ 21:48:04 #258

ikke_ook

als je met snel reageren 2x snel achter elkaar op invoeren klikt kun je een dubbelpost maken.

Vogelaars.nl

zondag 13 februari 2005 @ 22:29:42 #259

SuperRembo

Sinds 1998

quote:
Op zondag 13 februari 2005 13:05 schreef BaggerUser het volgende:
ik heb een tijdje lopen zoeken maar ik kan nog steeds niet echt vinden hoe ik met een div de overgebleven ruimte van een andere div kan opvullen..

of is dit gewoon niet mogelijk?

Als je van te voren niet de afmetingen weet, heb je daar nog steeds een table voor nodig.

Voor zover ik weet dan

zondag 13 februari 2005 @ 23:02:24 #260

BaggerUser

ModderFokker!

quote:
Op zondag 13 februari 2005 21:48 schreef ikke_ook het volgende:
als je met snel reageren 2x snel achter elkaar op invoeren klikt kun je een dubbelpost maken.

normaal kreeg je dan een melding dat je neit 2 keer hetzelfde bericht kon posten

zeker uitgezet

De enige echte BaggerUser!
Riemen
fiets kopen

zondag 13 februari 2005 @ 23:07:09 #261

Tiemie

sowieso wel!

http://www.lampenzen.nl/pics.php

ik heb daar in een td een aantal links staan en deze werken onder IE perfect, maar onder mozilla werkt de link maar "half". Alleen als je op het begin van de link klikt kun je de link openen.

.

ik d8 dat het misschien aan de spaties in de namen lag, omdat na de spatie de link niet meer klikbaar is.

dus heb ik met str_replace() spaties vervangen door $nbsp; maar dat helpt ook niet.

1
2
3
4
5
6
7
8
9
10
11

<td class="msgbody">
<a href="pics.php?id=9">[12-02-05] Achterhoek Arena</a><br />
<a href="pics.php?id=8">[12-02-05] @ Ayhan</a><br />
<a href="pics.php?id=7">[10-02-05] @ Bringenborg</a><br />
<a href="pics.php?id=6">[15-01-05] Mark-k & sammy's</a><br />
<a href="pics.php?id=5">[14-01-05] @ Tim</a><br />
<a href="pics.php?id=4">[08-01-05] verjaardag rob</a><br />
<a href="pics.php?id=3">[07-01-05] @ sammy's</a><br />
<a href="pics.php?id=2">[19-12-04] verjaardag jeremy & koen</a><br />
<a href="pics.php?id=1">[10-12-04] @ tim</a><br />
</td>

iemand een idee hoe dat komt?

zondag 13 februari 2005 @ 23:10:45 #262

DutchBlood

quote:
Op zondag 13 februari 2005 23:07 schreef Tiemie het volgende:
http://www.lampenzen.nl/pics.php

ik heb daar in een td een aantal links staan en deze werken onder IE perfect, maar onder mozilla werkt de link maar "half". Alleen als je op het begin van de link klikt kun je de link openen. .

ik d8 dat het misschien aan de spaties in de namen lag, omdat na de spatie de link niet meer klikbaar is.

dus heb ik met str_replace() spaties vervangen door $nbsp; maar dat helpt ook niet.
[ code verwijderd ]

iemand een idee hoe dat komt?

Spaties in links moeten geen probleem op leveren.

Werkt het wel als je ze buiten de tabel haalt?

zondag 13 februari 2005 @ 23:18:45 #263

Tiemie

sowieso wel!

quote:
Op zondag 13 februari 2005 23:10 schreef DutchBlood het volgende:

[..]

Spaties in links moeten geen probleem op leveren.

Werkt het wel als je ze buiten de tabel haalt?

Ja dat werkt wél ja, maar het is wel de bedoeling dat het in die tabel blijft staan.

maandag 14 februari 2005 @ 00:30:09 #264

DutchBlood

quote:
Op zondag 13 februari 2005 23:18 schreef Tiemie het volgende:

[..]

Ja dat werkt wél ja, maar het is wel de bedoeling dat het in die tabel blijft staan.

Het lijkt alsof er iets fout gaat met de positionering van het geheel, ik kan de linkjes namelijk ook niet selecteren. (ook niet met Caret Browsing (F7) aan)...

maandag 14 februari 2005 @ 07:33:19 #265

SuperRembo

Sinds 1998

De div met id=rechts staat er voor.
Waar zouden we zijn zonder de DOM-inspector

maandag 14 februari 2005 @ 09:36:12 #266

Tiemie

sowieso wel!

.

en hoe los ik dat op?

maandag 14 februari 2005 @ 13:50:17 #267

DutchBlood

quote:
Op maandag 14 februari 2005 09:36 schreef Tiemie het volgende:
.

en hoe los ik dat op?

Maak die div kleiner/minder breed?

dinsdag 15 februari 2005 @ 13:43:46 #268

Darkomen

Ik heb weer eens een vaag probleem:
Ik wil hier 3 divs naast elk zetten (dit kunnen er ook meer of minder zijn) in die div staat een image, dan een br, en dan een text. En daar gaat het fout, ze worden niet naast elkaar geplaatst.
Haal ik de br weg uit de div dan is er geen probleem dan staan de images naast elkaar maar dan staat de text naast de image ipv eronder.
Hoe los ik dit op?

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

dinsdag 15 februari 2005 @ 14:01:01 #269

RM-rf

1/998001

1
2
3
4
5
6
7
8

overigens, volgens mij zou je kunnen overwegen een UL (Unordered List) te gebruiken in je HTML:

1
2
3
4
5
6

<UL>
   <LI> <img />
       Waiting for approval </LI>
   <LI> <img />
      Waiting for approval </LI>
</UL>

en dan werkelijk alle styles ook echt via CSS doen:

1
2
3
4
5
6
7
8
9

UL LI  {
   list-style: none;
   display: block;
   border:1px solid #000;
   width: 33%;
   float: left;
   color: #F60;
   font-weight: bold;
}

"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25

dinsdag 15 februari 2005 @ 15:32:33 #270

Darkomen

Tnx, dat ga ik dus met een UL regelen

woensdag 16 februari 2005 @ 09:56:51 #271

saban

hoi?

Ik heb hierp/url] 3 boxes.
[url=http://www.toycular.nl/v2/css/style.css]Dit is de CSS.

Bij de linker en de rechterste box loopt de 'rand' goed 'eromheen'.
Bij de middelste box loopt mijn border/rand niet eromheen maar eroverheen.
Wat is er verkeerd

ne okuyon, bokmu var?

woensdag 16 februari 2005 @ 10:48:46 #272

Roonaan

Strictly

Enige wat ik kan bedenken is dat het te maken heeft met je position:absolute.

Maar zoals het er nu uitziet is het een IE only iets.

woensdag 16 februari 2005 @ 10:49:59 #273

saban

hoi?

quote:
Op woensdag 16 februari 2005 10:48 schreef Roönaän het volgende:
Enige wat ik kan bedenken is dat het te maken heeft met je position:absolute.

Maar zoals het er nu uitziet is het een IE only iets.

Ik heb hier geen FF en ik weet ook niet hoe ik het kan oplossen voor andere browsers.
Ben nog een CSS-noob...

ne okuyon, bokmu var?

woensdag 16 februari 2005 @ 13:47:09 #274

hornage

FOK! Movie Trivia-Prijsmeester

quote:
Op dinsdag 15 februari 2005 14:01 schreef RM-rf het volgende:

[ code verwijderd ]

overigens, volgens mij zou je kunnen overwegen een UL (Unordered List) te gebruiken in je HTML:
[ code verwijderd ]

en dan werkelijk alle styles ook echt via CSS doen:
[ code verwijderd ]

Dit is een mooi stukje code om een lijst te maken. Ik wil nu nog aan elk item van de lijst van button dingen toevoegen als hover, active, link etc. Kan ik dat dan op deze manier doen?

1
2
3
4

LI:hover {
color: red;
text-decoration: none;
}

Test je filmkennis! Speel mee met FOK! Movie Trivia en win prijzen!

woensdag 16 februari 2005 @ 15:40:27 #275

RM-rf

1/998001

quote:
Op woensdag 16 februari 2005 13:47 schreef hornage het volgende:

Dit is een mooi stukje code om een lijst te maken. Ik wil nu nog aan elk item van de lijst van button dingen toevoegen als hover, active, link etc. Kan ik dat dan op deze manier doen?
[ code verwijderd ]

´
Je mag het doen, en je schept valide CSS volgens de CSS1 specificatie:
http://www.w3.org/TR/REC-(...)namic-pseudo-classes

Maar het nadeel is wel dat MS Internet Explorer enkel :hover over A-elementen ondersteund, in dat geval zou je dus alsnog een <a> aan je HTML-code moeten toevoegen (wat natuurlijk, als je element sowieso wilt linken, eigenlijk ook de methode is die semantisch correct is, beter dan een link enkel via javascript maken en via CSS een 'schijnlink' creeeren)

"Whatever you feel like: Life’s not one color, nor are you my only reader" - Ausonius, Epigrammata 25

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