FOK!forum / Digital Corner / [CSS] voor dummies - Deel 7
Flacciddinsdag 21 augustus 2007 @ 20:10
[CSS] voor dummies.
[CSS] voor dummies - Deel 2
[CSS] voor dummies - Deel 3
[CSS] voor dummies - Deel 4
[CSS] voor dummies - Deel 5
[CSS] voor dummies - Deel 6

Ik denk ik blaas een nieuw leven in, heb zelf namelijk een probleempje!
Mag dat? Want die ander ging zomaar dicht!
Flacciddinsdag 21 augustus 2007 @ 20:24
Hier mijn probleem:

http://joristimes.nl/nieuw/

FF vs IE

Rechts zit een pixeltje verkeerd, links ook (bovenaan)

[ Bericht 30% gewijzigd door Flaccid op 21-08-2007 20:49:06 ]
DorentuZdinsdag 21 augustus 2007 @ 20:56
quote:
Op dinsdag 21 augustus 2007 20:24 schreef Flaccid het volgende:
Hier mijn probleem:

http://joristimes.nl/nieuw/

FF vs IE

Rechts zit een pixeltje verkeerd, links ook (bovenaan)
Fix eerst je html maar eens.. En aangezien ik geen IE heb, kan je beter een plaatje posten, zodat iedereen 't kan zien .
Flacciddinsdag 21 augustus 2007 @ 21:13
ben al wat gaan invullen.

Firefox


Internet Explorer + Blurry Highlights wat er mis is!


Het gaat op dit moment om dat streepje...
Flacciddinsdag 21 augustus 2007 @ 22:56
http://joristimes.nl/tada is de geupdate versie, mijn ftp deed vaag dus een nieuwe dir gemaakt.
Wouserwoensdag 22 augustus 2007 @ 00:23
Ik heb even een vraagje...
http://wouser.wo.funpic.org/website/?page=about

Ik heb een div die zorgt dat het allemaal wat doorzichtig is...
Dat is de volgende in die div komt dus ook alle teksten in te staan... nu wil ik graag dat mijn foto niet doorzichtig wordt... Nu dacht ik gewoon nauw gewoon
1
2
3		#content img {
filter Alpha(opacity=100);
}

te doen maar dat werkt dus hellaas niet. Iemand een idee hoe ik ervoor zorg dat me foto niet doorzichtig wordt?

De div die ervoor zorgt dat doorzichtig wordt...
1
2
3
4
5
6
7
8
9
10
11
12		#content {
   background-color: #ffffff;
   width: 53em;  
   filter: Alpha(opacity=90);
   opacity: .75; 
   float: right; 
   height: 23.8em;
   padding: 0.5em;
   font-family: Verdana, Arial;
   font-size: 0.8em;
   overflow: auto;
}
Flipper01woensdag 22 augustus 2007 @ 09:36
@Wouser, misschien moet je je foto in een aparte layer zetten mbz z-zindex?

Ik heb zelf een probleem met IE waar tekst niet wordt weergegeven naast een plaatje: linkje
Als je de tekst selecteert dan wordt deze wel weer weergegeven.
ErwinEHVNLwoensdag 22 augustus 2007 @ 09:51
quote:
Op woensdag 22 augustus 2007 09:36 schreef Flipper01 het volgende:
@Wouser, misschien moet je je foto in een aparte layer zetten mbz z-zindex?

Ik heb zelf een probleem met IE waar tekst niet wordt weergegeven naast een plaatje: linkje
Als je de tekst selecteert dan wordt deze wel weer weergegeven.
dan moet je ff fatsoenlijk text-wrappen in je css
Flipper01woensdag 22 augustus 2007 @ 11:40
quote:
Op woensdag 22 augustus 2007 09:51 schreef ErwinEHVNL het volgende:
dan moet je ff fatsoenlijk text-wrappen in je css
En hoe doe ik dit?
ErwinEHVNLwoensdag 22 augustus 2007 @ 11:43
quote:
Op woensdag 22 augustus 2007 11:40 schreef Flipper01 het volgende:

[..]

En hoe doe ik dit?
1
2
3
4
5
6		.floatimgleft {
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}


wellicht zo

om op te schonen natuurlijk je margins niet zo gebruiken
Wouserwoensdag 22 augustus 2007 @ 12:32
quote:
Op woensdag 22 augustus 2007 09:36 schreef Flipper01 het volgende:
@Wouser, misschien moet je je foto in een aparte layer zetten mbz z-zindex?

Ik heb zelf een probleem met IE waar tekst niet wordt weergegeven naast een plaatje: linkje
Als je de tekst selecteert dan wordt deze wel weer weergegeven.
Heeft volgens mij niet echt gewerkt... Ik ben niet zo heel erg pro met css vandaar 'volgens mij'
ErwinEHVNLwoensdag 22 augustus 2007 @ 12:39
quote:
Op woensdag 22 augustus 2007 12:32 schreef Wouser het volgende:

[..]

Heeft volgens mij niet echt gewerkt... Ik ben niet zo heel erg pro met css vandaar 'volgens mij'
misschien omdat je z-zindex hebt geschreven ipv z-index?!
Wouserwoensdag 22 augustus 2007 @ 12:53
quote:
Op woensdag 22 augustus 2007 12:39 schreef ErwinEHVNL het volgende:

[..]

misschien omdat je z-zindex hebt geschreven ipv z-index?!
nah toevallig niet
Flaccidwoensdag 22 augustus 2007 @ 13:18
Iemand een oplossing voor mijn probleem?

Of is er een manier om alleen in IE6 een andere achtergrond te doen? of is dat niet mogelijk?

[ Bericht 56% gewijzigd door Flaccid op 22-08-2007 16:40:52 ]
Flipper01woensdag 22 augustus 2007 @ 16:51
quote:
Op woensdag 22 augustus 2007 11:43 schreef ErwinEHVNL het volgende:
[ code verwijderd ]

wellicht zo ;)

om op te schonen natuurlijk je margins niet zo gebruiken :P
Dat had ik dus al.. Ik heb namelijk de volgende code:
1
2		<img src="fotoalbum/2004/album_13-11/11130001.JPG" alt="" width="125" style="float:left; margin: 0 10px 0 0; border: 1px solid #000;" />               
Blablabla hier staat de tekst die niet wordt weergegeven in IE tot deze wordt geselecteerd...
Nashjemaandag 3 september 2007 @ 10:40
Kick + tvp .

Vorige week begonnen een website om te divven op m'n stage. Eerst allemaal stuff doorgelezen en toen begonnen. Gaat goed.
Dzydinsdag 4 september 2007 @ 12:36
Ik heb een probleempje met IE css (het zal ook eens niet... kots op IE) een item bestaat bij mij uit drie onderdelen, bovenkant, inhoud en onderkant.. de bovenkant en onderkant sluiten niet goed aan omdat de margin blijkbaar niet goed meegaat.

www.roboimperium.com/hocras/index.php

In FF en opera doet hij het gewoon goed.. someone help me? =)
ErwinEHVNLdinsdag 4 september 2007 @ 14:13
quote:
Op dinsdag 4 september 2007 12:36 schreef Dzy het volgende:
Ik heb een probleempje met IE css (het zal ook eens niet... kots op IE) een item bestaat bij mij uit drie onderdelen, bovenkant, inhoud en onderkant.. de bovenkant en onderkant sluiten niet goed aan omdat de margin blijkbaar niet goed meegaat.

www.roboimperium.com/hocras/index.php

In FF en opera doet hij het gewoon goed.. someone help me? =)
waarop moeten ze aansluiten?
Dzydinsdag 4 september 2007 @ 15:46
Op het midden dat het samen dus een rounded rectangle is. Ik maak even screen shotje.

Dzydinsdag 4 september 2007 @ 17:56
Ik heb het al gevonden. IE vindt dat divs minstens 20 pixels hoog moeten zijn... achterlijk programma.
Flaccidzondag 21 oktober 2007 @ 12:40


Hoi.

Ik wil iets met een site maken, waarin de navigatie zo'n vorm krijgt. Hoe kan ik dit zonder flash werkende krijgen? Ik wil een mouse over op die vakjes. Maar ik denk dat dit een onmogelijke vorm is voor in html/css. Of moet ik een cirkel div maken, en voor elk vakje een andere div?Hoe kan ik die dan positioneren?
Nashjezondag 21 oktober 2007 @ 13:04
Container div maken, daarin 2 divjes voor de content en menu. Layoutje maken en slicen en instellen per div.
Flaccidzondag 21 oktober 2007 @ 13:06
quote:
Op zondag 21 oktober 2007 13:04 schreef Nashje het volgende:
Container div maken, daarin 2 divjes voor de content en menu. Layoutje maken en slicen en instellen per div.
Misschien ga ik het toch doen via flash
warezguy05zondag 21 oktober 2007 @ 22:19
ik zit met een probleem en hopenlijk kunnen jullie mij verder helpen.
bij het maken van de volgende site: http://www.psmr.nl gebruik van 3 type divjes. de eerste div betreft de achtergrond vd site (een texture die steeds herhaald moet worden). de 2e div is een container om alles te centreren en het 3e type divjes zijn alle divjes die de verdere content bevatten.


nu heb ik de volgende code;

css:
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		#achtergrond {
    border: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url('grass.jpg');
    background-repeat: repeat;
    z-index: 2;

}


#centreren {
    width: 940px;
    height: 100%;
    border: 0px solid #666666;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -470px;
    background-image: url('achtergrondmain.jpg');
    background-repeat: repeat;
    z-index: 1;
}


html:
1
2
3
4
5
6
7
8
9
10
11		<div id="achtergrond">

   <div id="centreren">

      <div id="content">

      </div>

             </div>

</div>


het probleem is dat de background (Grass.jpg) niet helemaal 100% het scherm vult, ondanks dat ik background-repeat: repeat; gebruik.

weet iemand wat ik hier foutdoe?
Flaccidmaandag 22 oktober 2007 @ 09:44
quote:
Op zondag 21 oktober 2007 22:19 schreef warezguy05 het volgende:
ik zit met een probleem en hopenlijk kunnen jullie mij verder helpen.
bij het maken van de volgende site: http://www.psmr.nl gebruik van 3 type divjes. de eerste div betreft de achtergrond vd site (een texture die steeds herhaald moet worden). de 2e div is een container om alles te centreren en het 3e type divjes zijn alle divjes die de verdere content bevatten.


nu heb ik de volgende code;

css:
[ code verwijderd ]

html:
[ code verwijderd ]

het probleem is dat de background (Grass.jpg) niet helemaal 100% het scherm vult, ondanks dat ik background-repeat: repeat; gebruik.

weet iemand wat ik hier foutdoe?
Probeer is een achtergrond te krijgen door middel van de body tag. Dus zo:

Css:
1
2
3
4
5
6
7
8
9
10
11		body{
    border: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url('grass.jpg');
    background-repeat: repeat;
    z-index: 2;
}


en dan html:
1
2
3
4
5
6
7		<div id="centreren">

      <div id="content">

      </div>

</div>
Nashjemaandag 22 oktober 2007 @ 09:54
Precies ja. Waarom zou je een div gebruiken om een vaste achtergrond in te stellen? Body dus.
warezguy05maandag 22 oktober 2007 @ 15:18
mezelf een keer aangeleerd denk ik en ging tot nu toe altijd goed, maar het werkt prima nu via de body tag. thanks
De_Hertogvrijdag 26 oktober 2007 @ 11:53
Op internet zie ik door de bomen het bos niet meer, dus misschien kan iemand hier me helpen.

Ik wil een bepaalde div een achtergrondplaatje geven dat 'precies past'. Als ik het plaatje in CSS als background instel wordt alleen (in sommige browsers, althans) de afbeelding getoond waar tekst staat. Als ik de afbeelding gewoon in html met <img> in de div zet, wordt de afbeelding groter dan de waardes die ik voor de div ingesteld heb. Hoe pak ik dit het beste aan?
Flaccidvrijdag 26 oktober 2007 @ 12:46
quote:
Op vrijdag 26 oktober 2007 11:53 schreef De_Hertog het volgende:
Op internet zie ik door de bomen het bos niet meer, dus misschien kan iemand hier me helpen.

Ik wil een bepaalde div een achtergrondplaatje geven dat 'precies past'. Als ik het plaatje in CSS als background instel wordt alleen (in sommige browsers, althans) de afbeelding getoond waar tekst staat. Als ik de afbeelding gewoon in html met <img> in de div zet, wordt de afbeelding groter dan de waardes die ik voor de div ingesteld heb. Hoe pak ik dit het beste aan?
Heb je misschien een voorbeeldje?
Flacciddinsdag 8 januari 2008 @ 22:14
Ik heb een vraagje.

Ik heb een sitetje gemaakt, met daarin een mooie css. Maar ik krijg het niet voor elkaar om de a:link te stylen. die blijft gewoon blauw. in FF en in IE. a:visited wordt wel een andere kleur, maar die andere niet. Waardoor kan dat komen?
Vlekdinsdag 8 januari 2008 @ 23:05
quote:
Op dinsdag 8 januari 2008 22:14 schreef Flaccid het volgende:
Ik heb een vraagje.

Ik heb een sitetje gemaakt, met daarin een mooie css. Maar ik krijg het niet voor elkaar om de a:link te stylen. die blijft gewoon blauw. in FF en in IE. a:visited wordt wel een andere kleur, maar die andere niet. Waardoor kan dat komen?
Zet dezelfde css code van a:link er nogmaals boven maar noem hem dan a (dus zonder :link)
mcDaviddinsdag 8 januari 2008 @ 23:24
quote:
Op vrijdag 26 oktober 2007 11:53 schreef De_Hertog het volgende:
Op internet zie ik door de bomen het bos niet meer, dus misschien kan iemand hier me helpen.

Ik wil een bepaalde div een achtergrondplaatje geven dat 'precies past'. Als ik het plaatje in CSS als background instel wordt alleen (in sommige browsers, althans) de afbeelding getoond waar tekst staat. Als ik de afbeelding gewoon in html met <img> in de div zet, wordt de afbeelding groter dan de waardes die ik voor de div ingesteld heb. Hoe pak ik dit het beste aan?
Ik denk dat je bedoelt dat de div de maat krijgt van de tekst die erin staat? Dat klopt opzich wel. Je moet even de maten van de div defineren in de css, en dan dus dezelfde maten als de achtergrondafbeelding opgeven.
Nashjedinsdag 8 januari 2008 @ 23:52
quote:
Op dinsdag 8 januari 2008 22:14 schreef Flaccid het volgende:
Ik heb een vraagje.

Ik heb een sitetje gemaakt, met daarin een mooie css. Maar ik krijg het niet voor elkaar om de a:link te stylen. die blijft gewoon blauw. in FF en in IE. a:visited wordt wel een andere kleur, maar die andere niet. Waardoor kan dat komen?
http://www.gigadesign.be/2007/09/pseudo-class-volgorde/
mcDavidwoensdag 9 januari 2008 @ 00:02
Ik heb zelf ook nog een probleempje trouwens. Ik heb het volgende stukje site:
http://eduweb.hhs.nl/~60479/test1.html

Maar nu wil ik dus dat die borders in het midden altijd helemaal doorlopen naar onderen. Ook als je de tekengrootte hoger zet, of als er simpelweg meer tekst staat in het linker of rechter gedeelte.

Heeft iemand een idee hoe ik dat voor elkaar kan krijgen? Heb al vanalles geprobeerd

-edit-
voor het gemak staat de CSS even bij de html in.
Nashjewoensdag 9 januari 2008 @ 00:11
Dan moet je toch gewoon die div zo fixen dat ie tot onder loopt? Of bedoel je dat niet.
mcDavidwoensdag 9 januari 2008 @ 00:13
Ik denk het wel. Maar hoe doe ik dat?
Height:100% werkt niet iig
Nashjewoensdag 9 januari 2008 @ 00:17
quote:
Op woensdag 9 januari 2008 00:13 schreef mcDavid het volgende:
Ik denk het wel. Maar hoe doe ik dat?
Height:100% werkt niet iig
http://www.gigadesign.be/2006/07/layout-met-100-hoogte/
mcDavidwoensdag 9 januari 2008 @ 02:03
Die site gaat evne in de bookmarks naast W3schools!
Morgen even kijken of ik wat kan met dat voorbeeld.
donroycodonderdag 10 januari 2008 @ 10:02
tvp
mcDavidvrijdag 11 januari 2008 @ 00:39
quote:
Op woensdag 9 januari 2008 00:17 schreef Nashje het volgende:

[..]

http://www.gigadesign.be/2006/07/layout-met-100-hoogte/
Die oplossing werkt helaas niet in mijn situatie. Maar ik kwam wel een andere oerdegelijke pauperoplossing tegen op die site: een background-image met repeat-y in de omvattende div.
Nashjevrijdag 11 januari 2008 @ 09:01
quote:
Op vrijdag 11 januari 2008 00:39 schreef mcDavid het volgende:

[..]

Die oplossing werkt helaas niet in mijn situatie. Maar ik kwam wel een andere oerdegelijke pauperoplossing tegen op die site: een background-image met repeat-y in de omvattende div.
Ahja gewoon verticaal herhalen. Is toch geen pauperoplossing? Waarom ook niet.
CraZaayvrijdag 11 januari 2008 @ 14:41
quote:
Op vrijdag 11 januari 2008 00:39 schreef mcDavid het volgende:

[..]

Die oplossing werkt helaas niet in mijn situatie. Maar ik kwam wel een andere oerdegelijke pauperoplossing tegen op die site: een background-image met repeat-y in de omvattende div.
Pauperoplossing?
mcDavidvrijdag 11 januari 2008 @ 14:44
Nouja, ik vind het gewoon een stom idee om een achtergrond afbeelding te gebruiken als border. Daar zijn ze volgens mij niet voor bedoeld. Maar het werkt prima inderdaad dus waarom niet.

-edit-
en het plaatje is 53 byte, dus voor de load hoef ik het ook niet te laten
WyriHaximusvrijdag 11 januari 2008 @ 19:52
Erhm dubbel: [CSS] voor dummies - Deel 7