[Tut] CSS

8 mei 2006

Hallo.

In volgende tutorial zal ik de basisfuncties van CSS even uitleggen.

Basis

Waarom wordt CSS gebruikt?

Om layouts te maken , om stijlen te definieren , ... .

Nu denken jullie zeker en vast : 'Dit kan je met HTML ook.'

Dit klopt , maar om het jezelf en andere webscripters gemakkelijk te maken gebruiken we CSS.

Simpel voorbeeldje

Jantje wil een pagina maken voor WikiGTA.com maar hij wil dat al zijn

links een rode kleur hebben en niet onderlijnd zijn en als je er met je cursor over gaat

dat de link oranje word en wel onderlijnd.

Dit kan hij het beste doen met dit :

----BEGIN HTML CODE---- (wegens kleurtjes niet in codetags!)

<html>

<head>

a

{

font-color: red;

text-decoration: none;

}

a:hover

{

font-color: orange;

text-decoration: underline;

}

</style>

</head>

<body>

Voor meer info kan je terecht op <a href="http://gtagames.nl">gtagames.nl</a>.

</body>

</html>

----EINDE HTML CODE---- (wegens kleurtjes niet in codetags!)

Nu heeft Jantje bereikt wat hij wilde bereiken.

We gaan de code even ontleden:

1..CSS wordt altijd tussen de

<style type="text/css">

en de

</style>

tags geplaatst.

2. De properties (opties , eigenschappen) zetten we tussen

{ en }.

3.Eigenschappen

Dit zijn de eigenschappen.

Hieronder volgt een beknopte lijst van de meest gebruikte eigenschappen :

font-color: uwkleur;==> uw tekst kleur geven.
font-family: uwfont; ==> uw lettertype.
font-size: 12px;
height: 100px; uw div een hoogte geven.
width: 100px; uw div een breedte geven.

...en zo bestaan er nog veel meer...

Op http://www.w3schools.com/css/css_reference.asp staan ze bijna allemaal.

------------------------------------------------------------------------

Een eigen div creeeren.

U kan ook een eigen div maken.

Simpel voorbeeldje

----BEGIN HTML CODE---- (wegens kleurtjes niet in codetags!)

<html>

<head>

div#content

{

height: 200px;

width: 400px;

font-family: georgia;

font-size: 8px;

}

</style>

</head>

<body>

Hallo , <br>

Dit is mijn content vlak!

</body>

</html>

----EINDE HTML CODE---- (wegens kleurtjes niet in codetags!)

Hieronder wordt nog de code ontleed. Dit is voor later .

------------------------------------------------------------------------

Een extern CSSbestand linken.

Hoe kan ik een extern CSSbestand linken aan mijn HTML-pagina?

Via dit stukje code :

<link rel="stylesheet" type="text/css" href="uwsheet.css">

Wat plaats ik daar dan in?

Alles wat u normaal tussen de <style> tags zet.

Simpel Voorbeeldje

<html>
<head>
<link rel="stylesheet" type="text/css" href="uwsheet.css">
</head> 
<body>
Voor meer info kan je terecht op <a href="http://gtagames.nl">gtagames.nl</a>.
</body>
</html>

Wat is dan bv. uw code in uw CSS bestand?(voorbeeld)

<style type="text/css">
a
{
font-color: red;
text-decoration: none;
}

a:hover
{
font-color: orange;
text-decoration: underline;
}
</style>

Dan bekomt u dezelfde output als uw bestand met uw CSS erin.

To Do List

Button m.b.v CSS

Layout m.b.v. CSS

...

Updates

08/05/06 : Extern CSS bestand linken op aanvraag.

Bewerkt: 11 mei 2006 door Nicsan

8 mei 2006

Goede Tut

Ik zelf wist wel wat over CSS maar niet zo daverend veel

Ook handig voor beginners

8 mei 2006

Ik mis nog het gedeelte waarin de code wordt gegeven die je in een html bestand moet plakken om de CSS te gebruiken in dat html file.[voor de CSS is er een apart file, zodat je hem in verschillende files kan plakken]

8 mei 2006

Ik mis nog het gedeelte waarin de code wordt gegeven die je in een html bestand moet plakken om de CSS te gebruiken in dat html file.[voor de CSS is er een apart file, zodat je hem in verschillende files kan plakken]

Is onderweg .

8 mei 2006

Was het niet:

a:link

a:hover

a:visited

(er was er nog één, kan ik even niet opkomen.)

Dus ipv een punt, een dubbele punt. Ik weet het niet zeker, doe dit uit mijn hoofd.

en @Samurai:

<link href="style.css" rel="styleSheet" type="text/css">

In style.css alleen alles dat tussen de <style>-tag staat zetten, niet de style-tags zelf .

En over de tut, goede tut voor beginners. Dit is de basis, en meestal kan je nu wel veder dingen uitvogelen. Misschien een goed idee om een voorbeeld te geven van een layout in css. Dan kan je bijv. 1 html layout maken, met 3 verschillende style sheets. Die er totaal anders uitzien. Gewoon om de mogelijkheden met css/div'jes te laten zien.

Bewerkt: 8 mei 2006 door Upstream

8 mei 2006

De layout word later besproken.

En sorry het is idd a:hover , zat in mijn hoofd met :

.content.

Sorry ...

8 mei 2006

Mooie tutorial! Toegevoegd aan Master Tutorial List! Ga zo door.

13 juni 2006

Ik heb een probleem, ik heb dus een css site, ik upload de index, de map img met de afeeldingen in en de map css met die style.css. In internet explorer staat de tekst van de index helemaal naar beneden, en in firefox is alles normaal, hoe kan ik er voor zorgen dat IE die site ook goed leest ofzo ?

13 juni 2006

How kunnen we je helpen zonder code?

13 juni 2006

De html of de css ?

13 juni 2006

Beide, want met alleen de CSS zien we niet zo veel, het hangt er ook vanaf hoe je de code hebt gebruikt. (dus hoe je de classes enz hebt geladen)

13 juni 2006

css

BODY {
BACKGROUND: url(../img/bg.gif) center #3F3F3F;

PADDING: 0px;

MARGIN: 20px;

TEXT-ALIGN: center;

font: 12px "Trebuchet MS", lucida, arial, helvetica, sans-serif;

color : #020100;

line-height: 17px;

}

IMG {

BACKGROUND: none transparent scroll repeat 0% 0%;

BORDER-STYLE: none;

PADDING: 1px;

}

.hidden {

DISPLAY: none

}

A:link {

COLOR: #5F5F5F;

TEXT-DECORATION: inherit}

A:visited {

COLOR: #5F5F5F;

TEXT-DECORATION: none

}

A:active {

TEXT-DECORATION: none

}

A:hover {

COLOR: #585858;

TEXT-DECORATION: none

}

H1 {

PADDING: 0px;

BACKGROUND: none transparent scroll repeat 0% 0%;

MARGIN: 0px 0px 5px 0px;

COLOR: #971D1A;

FONT: 19px "Lucida Sans Unicode", sans-serif;

TEXT-TRANSFORM: lowercase;

}

H2 {

PADDING: 0px;

BACKGROUND: none transparent scroll repeat 0% 0%;

COLOR: #971D1A;

MARGIN: 0px 0px 5px 0px;

FONT: 17px "Lucida Sans Unicode", sans-serif;

TEXT-TRANSFORM: lowercase;

}

H3 {

PADDING: 0px;

BACKGROUND: none transparent scroll repeat 0% 0%;

COLOR: #971D1A;

MARGIN: 0px 0px 5px 0px;

FONT: 15px "Lucida Sans Unicode", sans-serif;

TEXT-TRANSFORM: lowercase;

}

P {

PADDING: 0px;

FONT-SIZE: 10px;

BACKGROUND: none transparent scroll repeat 0% 0%;

MARGIN: 0px;

COLOR: #020100;

}

.Contentbg {

PADDING: 0px;

BACKGROUND: #FFFFFF;

MARGIN: 0px auto 0px auto;

WIDTH: 600px;

voice-family: inherit;

text-align: left;

}

.Topborder {

CLEAR: both;

PADDING: 0px;

BACKGROUND: url(../img/header.gif);

MARGIN: 0px;

FONT: 1px/5px "Georgia", serif;

WIDTH: 600px; COLOR: #333;

HEIGHT: 10px;

}

#BigImage {

PADDING: 28px 10px 0px 0px;

BACKGROUND: url(../img/top2.jpg);

MARGIN: 0px 0px 0px 10px;

WIDTH: 570px;

HEIGHT: 172px;

color: #ffffff;

FONT: 19px "Lucida Sans Unicode", sans-serif;

TEXT-ALIGN: right;

}

.Contentarea {

PADDING: 0px 0px 0px 2px;

BACKGROUND: url(../img/contentbg.gif);

MARGIN: 0px 0px 10px 0px;

WIDTH: 420px;

OVERFLOW: hidden;

COLOR: #020100;

voice-family: inherit;

DISPLAY: block;

}

#Content {

PADDING: 5px;

BACKGROUND: url(../img/contentbg.gif);

MARGIN: 0px 10px 0px 10px;

WIDTH: 570px;

OVERFLOW: hidden;

COLOR: #020100;

voice-family: inherit;

DISPLAY: block;

}

#Content P {

PADDING-RIGHT: 0px;

PADDING-LEFT: 0px;

BACKGROUND: none transparent scroll repeat 0% 0%;

PADDING-BOTTOM: 10px;

MARGIN: 0px 0px 5px;

COLOR: #020100;

PADDING-TOP: 3px;

FONT: 12px "Trebuchet MS", serif;

Line-height: 14px;

}

.Bottomshadow2 {

CLEAR: both; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: url(../img/contentbg.gif); PADDING-BOTTOM: 3px; MARGIN-BOTTOM: 0px; FONT: bold 13px "Arial", serif; WIDTH: 570px; COLOR: #333; PADDING-TOP: 6px; MARGIN-LEFT: 10px;

}

#SideInfo {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; PADDING-TOP: 0px; voice-family: inherit; TEXT-ALIGN: left; BACKGROUND: transparent; BORDER-TOP: 0px; BORDER-BOTTOM: 0px; font: 10px "Lucida Grande", "Lucida Sans Unicode", lucida, arial, helvetica, sans-serif; float: right; WIDTH: 135px;

}

html>body #SideInfo {

MARGIN-RIGHT: 5px;

}

#SideInfo P {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 5px; COLOR: #EEEEEE; PADDING-TOP: 0px

}

#SideInfo DIV.bullet {

CLEAR: both; COLOR: #EEEEEE;

}

#SideInfo DIV.bullet IMG {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px

}

#SideInfo DIV.bullet A:link {

COLOR: #F7F7F7; TEXT-DECORATION: none;

}

#SideInfo DIV.bullet A:visited {

COLOR: #F7F7F7; TEXT-DECORATION: none;

}

#SideInfo DIV.bullet A:active {

TEXT-DECORATION: none;

}

#SideInfo DIV.bullet A:hover {

COLOR: #D3D3D3; TEXT-DECORATION: none;

}

#SideInfo H3 {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; COLOR: #ffffff; PADDING-TOP: 3px; font-size: 15px; font-weight: bold; TEXT-TRANSFORM: lowercase;

}

#SideInfo DIV space {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; HEIGHT: 1px; PADDING-TOP: 0px;

}

#SideInfo IMG {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; PADDING-TOP: 0px;

}

#Links {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px 10px; PADDING-TOP: 0px; voice-family: inherit; TEXT-ALIGN: center;

}

#space {

DISPLAY: none

}

#Links IMG {

BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; PADDING-TOP: 1px

}

#navcontainer {

BACKGROUND: url(../img/navigation-background.gif); font-size: 9px; font-family: "trebuchet ms", serif; letter-spacing: 1px; PADDING-BOTTOM: 0px; MARGIN-RIGHT: 5px; MARGIN-TOP: 5px; WIDTH: 135px;

}

#navigation {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 135px;

}

#navigation UL {

BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px;

}

#navigation UL LI {

BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px; TEXT-ALIGN: center;

}

#navigation UL LI A {

BORDER-RIGHT: 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: 0px solid; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: none; MARGIN: 0px 0px 0px; TEXT-TRANSFORM: lowercase; BORDER-LEFT: 0px solid; COLOR: #fff; BORDER-BOTTOM: 0px solid; FONT-STYLE: normal; TEXT-DECORATION: none; WIDTH: 135px;

}

#navigation UL LI A:hover {

BACKGROUND: #CACACA; COLOR: #676767

}

#navigation A:active {

BACKGROUND: none transparent; COLOR: #fff

}

#navigation LI#active A {

BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BACKGROUND: none transparent; BORDER-LEFT: 0px solid; COLOR: #fff; BORDER-BOTTOM: 0px solid; HEIGHT: 33px

}

#navigation LI.current A {

BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BACKGROUND: url(../img/sidebar_bg.gif); BORDER-LEFT: 0px solid; COLOR: #ffffff; BORDER-BOTTOM: 0px solid

}

#navigation UL LI.current A:hover {

BACKGROUND: #CACACA; COLOR: #676767

}

#othernavcontainer {

BACKGROUND: url(../img/sidebar_bg.gif); font-size: 9px; font-family: "trebuchet ms", serif; letter-spacing: 1px; PADDING-BOTTOM: 0px; MARGIN-TOP: 10px; WIDTH: 135px;

}

#othernav {

PADDING: 10px; MARGIN: 0px 0px 0px 0px; WIDTH: 115px;

}

#othernav UL {

BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 5px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px;

}

#othernav UL LI {

BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px; TEXT-ALIGN: center;

}

#othernav UL LI A {

BORDER-RIGHT: 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: 0px solid; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: none; MARGIN: 0px 0px 0px; TEXT-TRANSFORM: lowercase; BORDER-LEFT: 0px solid; COLOR: #fff; BORDER-BOTTOM: 0px solid; FONT-STYLE: normal; TEXT-DECORATION: none; WIDTH: 115px;

}

#othernav UL LI A:hover {

BACKGROUND: #CACACA; COLOR: #676767

}

#othernav A:active {

BACKGROUND: none transparent; COLOR: #fff

}

#othernav LI#active A {

BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BACKGROUND: none transparent; BORDER-LEFT: 0px solid; COLOR: #fff; BORDER-BOTTOM: 0px solid; HEIGHT: 33px

}

#othernav LI.current A {

BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BACKGROUND: #D20107; BORDER-LEFT: 0px solid; COLOR: #ffffff; BORDER-BOTTOM: 0px solid

}

#othernav UL LI.current A:hover {

BACKGROUND: #CACACA; COLOR: #676767

}

#Footer {

PADDING: 0px 0px 2px 0px; BACKGROUND: #ffffff; MARGIN: 0px 0px 0px 0px; COLOR: #CECECE; TEXT-ALIGN: center

}

#Footer A:link {

FONT-WEIGHT: normal; FONT-SIZE: 9px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #CECECE; TEXT-DECORATION: none

}

#Footer A:visited {

FONT-WEIGHT: normal; COLOR: #CECECE; TEXT-DECORATION: none

}

#Footer A:active {

FONT-WEIGHT: normal; COLOR: #CECECE; TEXT-DECORATION: none

}

#Footer A:hover {

FONT-WEIGHT: normal; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #BDCAD3

}

.Bottomshadow {

CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #FFFFFF no-repeat; PADDING-BOTTOM: 0px; MARGIN-BOTTOM: 0px; FONT: Bold 10px/5px "verdana", serif; WIDTH: 600px; COLOR: #FDFDFD; PADDING-TOP: 0px; HEIGHT: 10px; TEXT-TRANSFORM: uppercase;

}

#foot {

font-size: 9px; font-family: "trebuchet ms", serif; letter-spacing: 1px; text-transform: lowercase; text-align: center; background: url(../img/sidebar_bg.gif); PADDING: 3px; MARGIN-TOP: 5px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px; COLOR: #FFFFFF;

}

html>body #foot {

MARGIN-RIGHT: -5px;

}

#foot A:link {

BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff; TEXT-DECORATION: none

}

#foot A:visited {

FONT-WEIGHT: normal; COLOR: #ffffff; TEXT-DECORATION: none

}

#foot A:active {

FONT-WEIGHT: normal; COLOR: #ffffff; TEXT-DECORATION: none

}

#foot A:hover {

FONT-WEIGHT: normal; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff

}

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>

<HEAD>

<TITLE>Index</TITLE>

<META http-equiv=pragma content=no-cache>

<META http-equiv=cache-control content=no-cache>

<META http-equiv=cache-control content=must-revalidate>

<META http-equiv=cache-control content=proxy-revalidate>

<META http-equiv=Content-Type content="text/html; charset=utf-8">

<META http-equiv=Content-Language content=en-us>

<META content="" name=Keywords>

<META content="" name=Description>

<META content="MSHTML 6.00.2900.2523" name=GENERATOR>

<LINK href="css/style.css" type="text/css" rel="stylesheet">

<style type="text/css">



</style>

</HEAD>

<BODY>

<DIV class=Contentbg>

<DIV class=Topborder></Div>

<DIV id=BigImage>Chiro Bloemendaal </DIV>

<DIV class=Bottomshadow>

</DIV>

<DIV class=Bottomshadow2>

<h1 class="style1">Chiro Bloemendaal</h1>

</DIV>

</DIV>

<DIV class=Contentbg>

<DIV class=Topborder></Div>

<DIV id=Content>

<DIV id=SideInfo>

<div id=navcontainer>

<div id=navigation>

<ul class=navlist>

<li><a href="http://www.chirobloemendaal.be/Home.html"><strong>Home</strong></a></li>

<li><a href="http://"><strong>Nieuws</strong></a></li>

<li><a href="http://"><strong>Leiding</strong></a></li>

<li><a href="http://"><strong>Afdelingen</strong></a></li>

<li><a href="http://"><strong>Foto's</strong></a></li>

<li><a href="http://"><strong>Fun</strong></a></li>

<li><a href="http://"><strong>Info</strong></a></li>

</ul>

</div>

</div>

<div id=othernavcontainer>

<div id=othernav>

<H3><center>links</center></H3>

<ul class=navlist>

<li><a href="http://www.chiro.be">Chiro nationaal</a></li>

<li><a href="http://www.gewest-zip.be">Gewest-zip</a></li>

<li><a href="http://">LINK</a></li>

<li><a href="http://">LINK</a></li>

<li><a href="http://">LINK</a></li>

</ul>

<center><BR><H3>Jaarthema</H3></center>

<DIV id=Links>

<a href="http://www.verdraaidewereld.be/">

<img src="img/verdraai.gif" border="0"></a><br>

</DIV>

</div>

</div>

</DIV>

<DIV class="Contentarea">

Speelclubbers en Rakwi’s, Tito’s, Keti’s en Aspi’s…<br>

Elkaas en veebees, iekaas en isbees…<br>

Alive en Krinkel, Dubbelpunt en een schrinkel…<br>

<br>

Je hebt er misschien al eens je kinderen, broers en zussen of vrienden<br>

en vriendinnen over horen spreken… Je weet niet wat het allemaal<br>

betekent maar het heeft wel je interesse gewekt? Wel, speciaal voor jou hebben we dit deel van de site voorbehouden.<br>

<br>

We nemen even de tijd om jou van harte te begroeten en je iets te vertellen over ons. Want…wij laten ons maar al te graag kennen! Je vindt hier enkele pagina’s over hoe Chiro werkt, over de grote Chirofamilie, over onze Chirokledij, over verzekeringen en over wat ons in de Chiro ter harte gaat… En dat blijven op de eerste plaats ‘onze’ kinderen!<br>

<br>

Hopelijk vind je hier boeiend leesvoer, waarover je met iedereen van gedachten kan wisselen.

Uiteraard mag je ons ook altijd bellen of een mailtje sturen om, we zeiden het al, elkaar wat beter te leren kennen!<br>

</DIV>

<br>

<br><br>

<br><br>

<br><br>

<br><br>

<DIV id=foot></DIV>

</DIV>

<DIV class=Bottomshadow>

</DIV>

</DIV>

</BODY>

</HTML>

Het raare is dat in firefox de tekst begint waar ie hoort te beginnen, en in IE de tekst in de helft begint ipv waar hij hoort te starten, Voorbeeld voor als je het niet snapt. vergelijk maar eens tussen e 2 browsers.

15 juni 2006

Inderdaad , maar hoe komt dit denk je?

Omdat alle browsers CSS anders interpeteren.

De kunst bestaat eruit om in alle browsers je CSS goed te krijgen .

Succes.

//Nicsan

16 juni 2006

Dat is mijn probleem, ik heb html geleerd door vannales te verprutsen in grtis template's van lycos maar css snap ik niet echt hoe ik iets verander... een paar dingetjes wel, maar echt die tekstgoedkrijgen lukt me niet.... Daarom vraag ik het hier...

16 juni 2006

Inderdaad , maar hoe komt dit denk je?
Omdat alle browsers CSS anders interpeteren.

De kunst bestaat eruit om in alle browsers je CSS goed te krijgen .

Succes.

//Nicsan

In dit geval niet waar, hier gaat het om het html gedeelte... in Firefox 'rekt' hij de table of div uit, in IE gaat het blok naar onderen. Als je de eerste div iets groter maakt zou hij het wel goed moeten doen.

Inloggen

[Tut] CSS

Recommended Posts

deagle

Link to comment

Delen op andere websites

Le MrG

Link to comment

Delen op andere websites

Samurai

Link to comment

Delen op andere websites

deagle

Link to comment

Delen op andere websites

Upstream

Link to comment

Delen op andere websites

deagle

Link to comment

Delen op andere websites

Jarno

Link to comment

Delen op andere websites

meetlat

Link to comment

Delen op andere websites

Ewoud

Link to comment

Delen op andere websites

meetlat

Link to comment

Delen op andere websites

Argon

Link to comment

Delen op andere websites

meetlat

Link to comment

Delen op andere websites

deagle

Link to comment

Delen op andere websites

meetlat

Link to comment

Delen op andere websites

koekoeksklok

Link to comment

Delen op andere websites

Een reactie plaatsen

Recent actief 0 leden

Community

WikiGTA