Toon posts:

[HTML/CSS] 4 Dingen werken niet...

Pagina: 1

Acties:

42 views sinds 30-01-2008
Reageer

vrijdag 17 mei 2002 20:32

Acties:

Verwijderd

Topicstarter

Op deze pagina werkt alles perfect, behalve:

1 - De <a>'s worden niet zwart gemaakt, terwijl dit in mijn internal css staat:

code:

a:link
{
    font-color: #000000;
    font-size: 10px;
    font-family: Verdana,Arial,Helvetia;
    font-style: italic;
    text-decoration: none;
}

a:hover
{
    font-color: #000000;
    font-size: 10px;
    font-family: Verdana,Arial,Helvetia;
    text-decoration: underline;
}

a:visited
{
    font-color: #000000;
    font-size: 10px;
    font-family: Verdana,Arial,Helvetia;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}

2 - a:hover geeft geen underline terwijl dat boven wel staat

3 - De overflow werkt niet (zie de links-pagina) terwijl dit de <td> tag is:

code:

1	<td width="584px" height="220px" style="margin-top: 6px; overflow: auto;">

4 - De topmargin werkt niet in de td, terwijl in mijn <td> wat hierboven geschreven is staat

oh, en hier is trouwens de hele pagina source:

code:

<html>

<head>

<style type="text/css">
body
{
    margin-top: 0px;
    margin-left: 0px;
    background-color: #88FF1E;
    border: 0px;
}

#sitetabel,td
{
    border: 0px;
    font-color: #000000;
    font-family: Verdana,Arial,Helvetia;
    font-size: 10px;
    text-align: left;
    vertical-align: top;
}

select,option
{
    font-color: #000000;
    font-family: Verdana,Arial,Helvetia;
    font-size: 10px;
    text-align: left;
    vertical-align: top;
}

img
{
    border: 0px;
}

#titel
{
    font-color: #000000;
    font-size: 18px;
    font-family: Verdana,Arial,Helvetia;
    font-weight: bold;
}

#sub
{
    font-color: #000000;
    font-size: 10px;
    font-family: Verdana,Arial,Helvetia;
    font-weight: bold;
    font-style: italic;
}

#b1img,#b2img,#b3img,#b4img,#b5img
{
    cursor: hand;
}

a:link
{
    font-color: #000000;
    font-size: 10px;
    font-family: Verdana,Arial,Helvetia;
    font-style: italic;
    text-decoration: none;
}

a:hover
{
    font-color: #000000;
    font-size: 10px;
    font-family: Verdana,Arial,Helvetia;
    text-decoration: underline;
}

a:visited
{
    font-color: #000000;
    font-size: 10px;
    font-family: Verdana,Arial,Helvetia;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}

</style>

<script language="JavaScript">

var numC = 0

function changeColor(color)
{
if (color == 0)
    {
    numC = 0
    document.colorForm.colorSelect.style.background = "88FF1E"
    document.getElementById('textdiv').style.background = "88FF1E"
    document.body.style.background = "88FF1E"
    document.getElementById('topimg').src = "top.gif"
    document.getElementById('leftimg').src = "left.gif"
    document.getElementById('rightimg').src = "right.gif"
    document.getElementById('bovbutimg').src = "bovbut.gif"
    document.getElementById('b0img').src = "b0.gif"
    document.getElementById('b1img').src = "b1.gif"
    document.getElementById('b2img').src = "b2.gif"
    document.getElementById('b3img').src = "b3.gif"
    document.getElementById('b4img').src = "b4.gif"
    document.getElementById('b5img').src = "b5.gif"
    document.getElementById('b6img').src = "b6.gif"
    }
if (color == 1)
    {
    numC = 1
    document.colorForm.colorSelect.style.background = "81853F"
    document.getElementById('textdiv').style.background = "81853F"
    document.body.style.background = "81853F"
    document.getElementById('topimg').src = "top-2.gif"
    document.getElementById('leftimg').src = "left-2.gif"
    document.getElementById('rightimg').src = "right-2.gif"
    document.getElementById('bovbutimg').src = "bovbut-2.gif"
    document.getElementById('b0img').src = "b0-2.gif"
    document.getElementById('b1img').src = "b1-2.gif"
    document.getElementById('b2img').src = "b2-2.gif"
    document.getElementById('b3img').src = "b3-2.gif"
    document.getElementById('b4img').src = "b4-2.gif"
    document.getElementById('b5img').src = "b5-2.gif"
    document.getElementById('b6img').src = "b6-2.gif"
    }
}
function initText(number)
{
if (number == 0)
    {
    var text = "<form name='colorForm'>"
    if (numC == 0)
        {
        text = text + "<select style='background-color: #88FF1E' name='colorSelect' onChange='javascript: changeColor(document.colorForm.colorSelect.selectedIndex)'><option selected>Groen-Geel</option><option>Oranje-Bruin</option></select></form>"
        }
    if (numC == 1)
        {
        text = text + "<select style='background-color: #81853F' name='colorSelect' onChange='javascript: changeColor(document.colorForm.colorSelect.selectedIndex)'><option>Groen-Geel</option><option selected>Oranje-Bruin</option></select></form>"
        }
    }
if (number == 1)
    {
    var text = "Tekst voor Portfolio"
    }
if (number == 2)
    {
    var text = "<div id='titel'>Info</div><div id='sub'>Over mij</div>Nick: JuNT<br>Naam: Julien Nuijten<br>Leeftijd: 13<br>Woonplaats: Amsterdam<br>Nationaliteit: Half Nederlands, half Frans<br>Hobby's enz.: Games, Graphics, Webdesign<br>School: Cartesius Lyceum Amsterdam, Atheneum 2<br><div id='sub'>Over deze site</div>Deze site is gemaakt door Julien Nuijten. De plaatjes zijn gemaakt met Photoshop 7.0 en de HTML is in elkaar gezet met Notepad. Deze site werkt goed als je Internet Explorer 6 of Netscape Navigator 6 hebt."
    }
if (number == 3)
    {
    var text = "<div id='titel'>Contact</div>U kunt op 2 manieren contact met mij opnemen:<br><a href='mailto:djfinalweb@hotmail.com'>Via E-Mail</a><br>Via MSN Messenger. Mijn adres is: djfinalweb@hotmail.com"
    }
if (number == 4)
    {
    var text = "<div id='titel'>Links</div><br><a href='http://gathering.tweakers.net/' target='_blank'>Gathering of Tweakers</a><br>Gathering of Tweakers is een Nederlands forum over alles wat met computers te maken heeft. Zelf ben ik vaak te vinden op het subforum Webdesign & Graphics.<br><br><a href='http://www.gfxartist.com/' target='_blank'>GFX Artist - The Digital Art Community</a><br> Engelstalige site waarop informatie is te vinden over alles dat met digitale kunst te maken heeft. Je kunt ook je eigen werk erop zetten en het laten beoordelen door andere members. Je kunt zelf natuurlijk ook werk van anderen beoordelen. Zelf ben ik er te vinden onder de naam JuNT.<br><br><a href='http://www.google.com/' target='_blank'>Google</a><br>De beste en snelste zoeksite van het WWW. Er is niet alleen een een normale zoekmachine, maar ook een speciale afbeeldingenzoeker. Zowel Engelstalig als Nederlandstalig.<br><br><a href='http://www.w3.org/' target='_blank'>The World Wide Web Consortium</a><br>Dit is de beste site voor informatie over alles wat met internet en webdesign te maken heeft. Op <a href='http://www.w3schools.com/' target='_blank'>W3 Schools</a> kan je tutorials doen van simpele HTML tot ASP.<br><br>"
    }

document.getElementById('textdiv').innerHTML = text
}
</script>

</head>

<body onLoad="initText(0); changeColor(document.colorForm.colorSelect.selectedIndex)">

<table cellspacing="0px" cellpadding="0px" width="750px" id="sitetabel">

    <tr>
        <td colspan="3">[img]"top.gif"[/img]</td>
    </tr>
    <tr>
        <td>[img]"left.gif"[/img]</td>
        <td width="584px" height="220px" style="margin-top: 6px; overflow: auto;"><div id="textdiv" width="100%" height="100%"></div></td>
        <td>[img]"right.gif"[/img]</td>
    </tr>
    <tr>
        <td colspan="3">[img]"bovbut.gif"[/img]</td>
    </tr>
    <tr>
        <td colspan="3">[img]"b0.gif"[/img]<a href="#">[img]"b1.gif"><img[/img][img]"b3.gif"><img[/img][img]"b5.gif"></a><img[/img]</td>
    </tr>

</table>

</body>

</html>

Kan iemand mij helpen?
sorry trouwens voor de lay-out-verkloting

edit:
En ja, ik ga idd bij de color change eerst de images preloaden...

vrijdag 17 mei 2002 20:35

Acties:

Verwijderd

1) Het is gewoon color, geen text-color

Anderen kan ik ook niet zo 1, 2, 3 oplossen.

vrijdag 17 mei 2002 20:36

Acties:

Verwijderd

Topicstarter

dom dom dom

wordt nu gefixed

zaterdag 18 mei 2002 20:55

Acties:

Verwijderd

Topicstarter

iemand? (kicken mag toch na 24 uur

)

zaterdag 18 mei 2002 21:40

Acties:

Verwijderd

Op zaterdag 18 mei 2002 20:55 schreef Junt het volgende:
iemand? (kicken mag toch na 24 uur )

Kicken? Wha? Explain

Anyways 2 snap ik niet want de MSDNL zegt dat het zo moet...

Bij mij heeft het zelfs altijd gewerkt

Zeker Micro$oft

Ook 3 zou het moeten doen... Of wait... NEE DAT KAN NIET!

MSDNL:
Applies To: DIV, TEXTAREA, SPAN, FIELDSET

En 4 snap ik ook niet... Typisch

zaterdag 18 mei 2002 23:19

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

2. ik vermoed dat je daarvoor gewoon

code:

1	a:hover, a:visited:hover

of gewoonweg de volgorde van visited en hover omwisselen (hover als laatste)

3 en 4, waarschijnlijk ondersteund msie die style voor TD's niet, overigens lijkt dit allemaal wel goed te gaan in mn msie5.13/macosX, maar ja, daarvan is de CSS-ondersteuning ook ietsje beter dan msie/pc

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

zondag 19 mei 2002 02:09

Acties:

teacher

Frontpage Admin / Global Moderator

Dysgaf!

je moet nog een A style maken.
De a:hover weordt niet underlined omdat je waarschijnlijk op de links geklikt hebt; dan worden ze dus a:visited.
In jouw CSSheeft die een text-decoration: none;
dus die kan je beter weghalen.

t.

Wise enough to play the fool

zondag 19 mei 2002 10:03

Acties:

Verwijderd

Topicstarter

Op zondag 19 mei 2002 02:09 schreef teacher het volgende:
je moet nog een A style maken.
De a:hover weordt niet underlined omdat je waarschijnlijk op de links geklikt hebt; dan worden ze dus a:visited.
In jouw CSSheeft die een text-decoration: none;
dus die kan je beter weghalen.

t.

nee, want als ik die weghaal dan is alles underlined...

zondag 19 mei 2002 10:06

Acties:

Verwijderd

Topicstarter

ohja, 1 en 2 zijn nu opgelost

over 3 en 4, ik denk dan dat ik dat met een iframe ga regelen... anywayz, tnx for the help

zondag 19 mei 2002 20:42

Acties:

Verwijderd