[CSS] voor dummies - Deel 7 | Digital Corner (DIG)

dinsdag 21 augustus 2007 @ 20:10:12 #1

Flaccid

[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!

dinsdag 21 augustus 2007 @ 20:24:39 #2

Flaccid

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 ]

dinsdag 21 augustus 2007 @ 20:56:21 #3

DorentuZ

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

.

dinsdag 21 augustus 2007 @ 21:13:12 #4

Flaccid

ben al wat gaan invullen.

Firefox

Internet Explorer + Blurry Highlights wat er mis is!

Het gaat op dit moment om dat streepje...

dinsdag 21 augustus 2007 @ 22:56:28 #5

Flaccid

http://joristimes.nl/tada is de geupdate versie, mijn ftp deed vaag dus een nieuwe dir gemaakt.

woensdag 22 augustus 2007 @ 00:23:52 #6

Wouser

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;
}

woensdag 22 augustus 2007 @ 09:36:36 #7

Flipper01

Addicted Dolphin

@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.

I don't shine if you don't shine

woensdag 22 augustus 2007 @ 09:51:42 #8

ErwinEHVNL

Banned!

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

woensdag 22 augustus 2007 @ 11:40:31 #9

Flipper01

Addicted Dolphin

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?

I don't shine if you don't shine

woensdag 22 augustus 2007 @ 11:43:15 #10

ErwinEHVNL

Banned!

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

woensdag 22 augustus 2007 @ 12:32:39 #11

Wouser

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'

woensdag 22 augustus 2007 @ 12:39:34 #12

ErwinEHVNL

Banned!

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?!

woensdag 22 augustus 2007 @ 12:53:30 #13

Wouser

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

woensdag 22 augustus 2007 @ 13:18:15 #14

Flaccid

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 ]

woensdag 22 augustus 2007 @ 16:51:45 #15

Flipper01

Addicted Dolphin

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...

I don't shine if you don't shine

maandag 3 september 2007 @ 10:40:28 #16

Nashje

Kick + tvp

.

Vorige week begonnen een website om te divven op m'n stage. Eerst allemaal stuff doorgelezen en toen begonnen. Gaat goed.

dinsdag 4 september 2007 @ 12:36:11 #17

Dzy

It is I

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? =)

"Reality is an illusion created by a lack of alcohol."

dinsdag 4 september 2007 @ 14:13:48 #18

ErwinEHVNL

Banned!

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?

dinsdag 4 september 2007 @ 15:46:34 #19

Dzy

It is I

Op het midden dat het samen dus een rounded rectangle is. Ik maak even screen shotje.

"Reality is an illusion created by a lack of alcohol."

dinsdag 4 september 2007 @ 17:56:02 #20

Dzy

It is I

Ik heb het al gevonden. IE vindt dat divs minstens 20 pixels hoog moeten zijn... achterlijk programma.

"Reality is an illusion created by a lack of alcohol."

zondag 21 oktober 2007 @ 12:40:25 #21

Flaccid

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?

zondag 21 oktober 2007 @ 13:04:05 #22

Nashje

Container div maken, daarin 2 divjes voor de content en menu. Layoutje maken en slicen en instellen per div.

zondag 21 oktober 2007 @ 13:06:28 #23

Flaccid

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

zondag 21 oktober 2007 @ 22:19:37 #24

warezguy05

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

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?

Goedkope webhosts met onbeperkte dataopslag / dataverkeer | Biggest Porntubes

maandag 22 oktober 2007 @ 09:44:09 #25

Flaccid

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

maandag 22 oktober 2007 @ 09:54:09 #26

Nashje

Precies ja. Waarom zou je een div gebruiken om een vaste achtergrond in te stellen? Body dus.

maandag 22 oktober 2007 @ 15:18:36 #27

warezguy05

mezelf een keer aangeleerd denk ik en ging tot nu toe altijd goed, maar het werkt prima nu via de body tag. thanks

Goedkope webhosts met onbeperkte dataopslag / dataverkeer | Biggest Porntubes

vrijdag 26 oktober 2007 @ 11:53:04 #28

De_Hertog

Aut bibat, aut abeat

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?

Mary had a little lamb
Then Mary had dessert

vrijdag 26 oktober 2007 @ 12:46:09 #29

Flaccid

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?

dinsdag 8 januari 2008 @ 22:14:08 #30

Flaccid

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?

dinsdag 8 januari 2008 @ 23:05:12 #31

Vlek

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)

minimalist

dinsdag 8 januari 2008 @ 23:24:56 #32

mcDavid

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.

dinsdag 8 januari 2008 @ 23:52:59 #33

Nashje

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/

woensdag 9 januari 2008 @ 00:02:52 #34

mcDavid

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.

woensdag 9 januari 2008 @ 00:11:38 #35

Nashje

Dan moet je toch gewoon die div zo fixen dat ie tot onder loopt? Of bedoel je dat niet.

woensdag 9 januari 2008 @ 00:13:24 #36

mcDavid

Ik denk het wel. Maar hoe doe ik dat?
Height:100% werkt niet iig

woensdag 9 januari 2008 @ 00:17:52 #37

Nashje

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/

woensdag 9 januari 2008 @ 02:03:30 #38

mcDavid

Die site gaat evne in de bookmarks naast W3schools!

Morgen even kijken of ik wat kan met dat voorbeeld.

donderdag 10 januari 2008 @ 10:02:18 #39

donroyco

dus niet Donroyco

tvp

Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(

vrijdag 11 januari 2008 @ 00:39:16 #40

mcDavid

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.

vrijdag 11 januari 2008 @ 09:01:03 #41

Nashje

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.

vrijdag 11 januari 2008 @ 14:41:55 #42

CraZaay

prettig gestoord

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?

vrijdag 11 januari 2008 @ 14:44:53 #43

mcDavid

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

vrijdag 11 januari 2008 @ 19:52:30 #44

WyriHaximus

Release the hounds smithers!

Erhm dubbel: [CSS] voor dummies - Deel 7

phluphy for president!

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

[CSS] voor dummies - Deel 7

» digital corner

» digital corner