Webwereld

Id wordt class

Gestart doorSanderc10 reacties15 weergaven
Log in om mee te praten

11 berichten · pagina 1 van 1

Sanderc

Lid · Topicstarter

Berichten
11.263
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hallo,

Ik zit hier echt met rare problemen.

Dus ik schrijf in de CSS een div als een "id".
Maar als ik dan schrijf id="clip" werkt het niet, maar als ik schrijf class="clip", werkt het wel.
Spoiler tonen
<html>
    <head>
        <title>GoldenTrispos.nl</title>
        <link rel="stylesheet" href="/style.css" type="text/css">
    </head>
<body>
    <div id="container">
        <div class="clip">
            <div class="text"></div>
        </div>
        <div class="clip">
            <div class="text"></div>
        </div>
        <div class="clip">
            <div class="text"></div>
        </div>
        <div class="clip">
            <div class="text"></div>
        </div>
        <div class="clip">
            <div class="text"></div>
        </div>
    </div>
</body>
</html>
Spoiler tonen
body{
    background:#FFFFFF;
    margin:0;
}
#container{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    height:auto;
    background:#CCC;
    padding-left:50px;
}
#clip{
    width:150px;
    height:100px;
    margin-left:50px;
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
    float:left;
    margin-top:50px;
}
.text{
    width:100%;
    bottom:0;
    height:20px;
    background:#CCC;
}
En dan nog een probleempje, ik weergeef de div .text nu wel in de HTML, maar hij toont die niet?
0
Aarclay

Lid

Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
ID = uniek
class = niet uniek

Dus als je pagina meerdere dezelfde IDs heeft, dan klopt het niet.
0
Sanderc

Lid · Topicstarter

Berichten
11.263
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Aah, maar ik heb ook het gevoel dat hij mijn CSS niet eens leest.

Hij leest de text class niet, nu ook mijn style van images niet?

body{
    background:#FFFFFF;
    margin:0;
}
#container{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    height:auto;
    background:#CCC;
    padding-left:50px;
}
#container .clip{
    width:150px;
    height:100px;
    margin-left:50px;
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
    float:left;
    margin-top:50px;
}
.text{
    width:100%;
    bottom:0;
    height:20px;
    background:#CCC;
}
img{
    width:150px;
    height:150px;
}


http://goldentrispos.nl/home
0
Aarclay

Lid

Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
# = id
. = class
0
Maartenf

Lid

Berichten
1.684
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Kijkt Google eigenlijk of websites valid zijn.

Nog een vraagje: is de snelheid die je wint door het compreseren van je afbeeldingen echt de moeite?

Heeft er iemand ervaring mee?

En dan nog een vraagje...

Hoe maak je een aparte mobiele site? Niet alleen via de CSS, maar ook echt een andere site.
0
Aarclay

Lid

Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
Maartenf schreef:
Kijkt Google eigenlijk of websites valid zijn.

Nog een vraagje: is de snelheid die je wint door het compreseren van je afbeeldingen echt de moeite?

Heeft er iemand ervaring mee?

En dan nog een vraagje...

Hoe maak je een aparte mobiele site? Niet alleen via de CSS, maar ook echt een andere site.
Maak anders een nieuw topic aan ofzo...
0
Sanderc

Lid · Topicstarter

Berichten
11.263
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Aarclay schreef:
# = id
. = class
Ja dat weet ik?
Maar het is gewoon mijn cashe die het te laat leest en nu heb ik heel mijn css verneukt emo
0
Maartenf

Lid

Berichten
1.684
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Oeps. Dacht dat ik in kleine vragen topic was...

2de vraag:

Natuurlijk zie je die div niet. Je kan die enkel zien indien je er iets inzet.
0
Sanderc

Lid · Topicstarter

Berichten
11.263
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Maartenf schreef:
Oeps. Dacht dat ik in kleine vragen topic was...

2de vraag:

Natuurlijk zie je die div niet. Je kan die enkel zien indien je er iets inzet.
Zeg niks als je er niks over weet?

Ik gaf het duidelijk een width en height
0
Joeryy

Lid

Berichten
1.533
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Sanderc schreef:
Eerdere citaten tonen
Maartenf schreef:
Oeps. Dacht dat ik in kleine vragen topic was...
2de vraag:

Natuurlijk zie je die div niet. Je kan die enkel zien indien je er iets inzet.

Zeg niks als je er niks over weet?

Ik gaf het duidelijk een width en height
Hij probeert je gewoon te helpen hoor.
0
Remontjuh

Lid

Berichten
1.282
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Als jij zit heb staan:
Spoiler tonen
body{
    background:#FFFFFF;
    margin:0;
}
#container{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    height:auto;
    background:#CCC;
    padding-left:50px;
}
#container .clip{
    width:150px;
    height:100px;
    margin-left:50px;
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
    float:left;
    margin-top:50px;
}
.text{
    width:100%;
    bottom:0;
    height:20px;
    background:#CCC;
}
img{
    width:150px;
    height:150px;
}
Dan snap ik wel dat alleen class werkt.
Als jij die .clip veranderd in #clip moet het gewoon werken.
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren