CSS werkt niet...

Gestart doorChucky13 reacties43 weergaven

14 berichten · pagina 1 van 1

Chucky

Lid · Topicstarter

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

ik heb een neiuwe css op me site maar hij werkt nietconfused.
Heb alles goed geupload enzo.
www.fifatournaments.net
Wie kan helpen?

* {
    font-size: 13px;
    margin: 0px;
    padding: 0px;
}
/* Basis CSS */
body,td,th {
    font-size: 12px;
    color: #636363;
    font-family: Arial, Helvetica, sans-serif;
    /* Als je een achtergrond afbeelding wilt hebben, haal dan deze tekst en het schuinestreep sterretje aan het begin en einde weg.
    background-image: url(hierhetachtergrondafbeelding/bestand.extensie);
    background-repeat: repeat;
    */
}
body {
    background-color: #FFFFFF;
    margin-top: 28px;
    margin-bottom: 30px;
}
a:link {
    color: #636363;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #636363;
}
a:hover {
    text-decoration: none;
    color: #b9b9b9;
}
a:active {
    text-decoration: none;
    color: #636363;
}
/* Heading */
#linksboven-kop h1 {
    color: #FFFFFF;
    font-size: 13px;
    padding-top: 5px;
    padding-left: 5px;
    background-image: url(images/iconen/chart_bar.png);
    background-repeat: no-repeat;
    background-position: 120px 5px;
}
#linksonder-kop h1 {
    color: #FFFFFF;
    font-size: 13px;
    padding-top: 5px;
    padding-left: 5px;
    background-image: url(images/iconen/layout_edit.png);
    background-repeat: no-repeat;
    background-position: 125px 5px;
}
#rechtsboven-kop h1 {
    color: #FFFFFF;
    font-size: 13px;
    padding-top: 5px;
    padding-left: 5px;
    background-image: url(images/iconen/asterisk_yellow.png);
    background-repeat: no-repeat;
    background-position: 125px 5px;
}
/* Containers */
#container {
    width: 709px;
    height: 856px;
    margin: auto;
}
/* Header */
#header {
    width: 706px;
    height: 158px;
    background-image: url(images/header.png);
}
#logo {
    width: 114px;
    height: 66px;
    padding-top: 30px;
    padding-left: 25px;
}
/* Menu */
#menu {
    width: 706px;
    height: 25px;
    background-image: url(images/heading.png);
    margin-top: 7px;
    color: #FFFFFF;
    text-align: center;
}
#menu li {
    list-style: none;
    margin-left: 15px;
    margin-right: 15px;
    display: inline;
}
#menu ul {
    padding-top: 5px;
    font-size: 12px;
}
#menu a:link {
    color: #FFFFFF;
    text-decoration: none;
}
#menu a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
#menu a:hover {
    text-decoration: none;
    color: #636363;
}
#menu a:active {
    text-decoration: none;
    color: #FFFFFF;
}
/* Links */
#linker-container {
    width: 146px;
    height: 597px;
    float: left;
}
/* Linksboven */
#linksboven-kop {
    width: 146px;
    height: 25px;
    background-image: url(images/heading.png);
    margin-top: 6px;
}
#linksboven {
    width: 144px;
    height: 168px;
    background-color: #dddddd;
    border-left: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
}
/* Linksonder */
#linksonder-kop {
    width: 146px;
    height: 25px;
    background-image: url(images/heading.png);
    margin-top: 8px;
}
#linksonder {
    width: 144px;
    height: 369px;
    background-color: #dddddd;
    border-left: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
}
/* Rechts */
#rechter-container {
    width: 146px;
    height: 597px;
    float: right;
    margin-top: -603px;
    margin-right: 3px;
}
/* Rechtsboven */
#rechtsboven-kop {
    width: 146px;
    height: 25px;
    background-image: url(images/heading.png);
    margin-top: 6px;
}
#rechtsboven {
    width: 144px;
    height: 571px;
    background-color: #dddddd;
    border-left: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
}
/* Midden */
#content {
    width: 386px;
    min-height: 585px;
    background-color: #dddddd;
    border: 1px solid #b9b9b9;
    margin-top: 6px;
    margin-left: 153px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 10px;
    font-size: 12px;
}
/* Sub Bars */
#subbar {
    width: 385px;
    height: 25px;
    background-image: url(images/heading.png);
    margin-top: 5px;
    border: 1px solid #b9b9b9;
    margin-bottom: 10px;
}
#subbar h2 {
    background-image: url(images/iconen/information.png);
    background-repeat: no-repeat;
    background-position: 360px 5px;
    padding-top: 5px;
    padding-left: 10px;
    color: #FFFFFF;
}
#subbar2 {
    width: 385px;
    height: 25px;
    background-image: url(images/heading.png);
    margin-top: 5px;
    border: 1px solid #b9b9b9;
    margin-bottom: 10px;
    margin-top: 10px;
}
#subbar2 h2 {
    background-image: url(images/iconen/drink.png);
    background-repeat: no-repeat;
    background-position: 360px 5px;
    padding-top: 5px;
    padding-left: 10px;
    color: #FFFFFF;
}
/* Footer */
#footer {
    width: 699px;
    height: 20px;
    background-image: url(images/heading.png);
    margin-top: 10px;
    color: #FFFFFF;
    padding-left: 10px;
    padding-top: 5px;
    font-weight: bold;
}
#reflectie {
    width: 709px;
    height: 25px;
    background-image: url(images/reflectie.png);
    margin-top: 3px;
}
#iconen {
    float: right;
}
.icoon {
    margin-left: 5px;
    margin-right: 5px;
    border: none;
}
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
je rechter container moet ook float: left; zijn
en dan moet je na al je divjes die floaten in je html de volgende code zetten:
<div style="clear: both;"></div>
0
Chucky

Lid · Topicstarter

Berichten
800
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
www.fifatournaments.net

kijk even mensen.
het is nog steeds niet opgelost...
0
Berichten
93.699
Reputatie
0
Punten
1,27
Lid sinds
Laatst gezien
je moet de css als style.css opslaan?
hij kan hem niet berijken
0
Chucky

Lid · Topicstarter

Berichten
800
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
xd, hij heette styles.css,

maar nu is die nog niet goed.
kijk:

www.fifatournaments.net
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Chucky schreef:
xd, hij heette styles.css,
maar nu is die nog niet goed.
kijk:

www.fifatournaments.net

tsjaaa, je kan wel blijven vragen naar oplossingen maar als je niet eens de oplossing doorvoerd die ik je gaf dan kan je wachten tot je een ons weegt maar je lay blijft dan hetzelfde....verander nou eens wat ik je zei yummie
0
Chucky

Lid · Topicstarter

Berichten
800
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
achter wleke DIV moet ik dat dan zetten xd, want dat andere heb k al gedaan
rigtht -> left.
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
in je html code van je site, zie hieronder een stukje van jou code:
ik heb die andere code ertussen gezet

<br>
<br>
Mvg, Bryan -SiteAdmin FT-
</div>
<div style="clear: both;"></div>
    <div id="footer">&copy; 2009- FifaTournaments.net | Alle rechten voorbehouden |</div>
</div>
</div>
</body>
</html>
0
Chucky

Lid · Topicstarter

Berichten
800
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Gedaan...
Maar het werkt nog niet..
0
Chucky

Lid · Topicstarter

Berichten
800
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
BUMP
0
Berichten
247
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
heb je de html ook goed?
0
Chucky

Lid · Topicstarter

Berichten
800
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ik heb hem met die div afgesloten die Marjolein me gaf...
0
Chucky

Lid · Topicstarter

Berichten
800
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Probleem is verholpe
slotje AUb.
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