Jump to content

Kleur van de borders veranderen

Puma

Door Puma
in Computer Talk

 Share

Recommended Posts

Puma Dictator

Puma

Geplaatst:
Geplaatst:

Hey ik had een vraagje: Hoe moet ik de kleur van de borders ( = lijntjes tussen de frames) veranderen, in HTML? Ik heb het zelf ook geprobeerd, maar het lukte niet.. Hier de 'bron' van mijn index:

<html>

<head>
<title>CrazyCoolDudes</title>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
</head>

<frameset rows="117,*,64" framespacing="0" border="1" bordercolor="#000000" frameborder="1">
 <frame name="boven" scrolling="no" noresize target="inhoud" src="top.htm">
 <frameset cols="*,12%">
<frame name="hoofd" src="pages/home.htm" target="_self" scrolling="auto">
<frame name="hoofd1" src="members.htm" target="_self">
 </frameset>
 <frame name="onder" scrolling="no" noresize target="inhoud" src="onder.htm">
 <noframes>
 <body>

 <p>Op deze pagina worden frames gebruikt, maar uw browser ondersteunt geen
 frames.</p>

 </body>
 </noframes>
</frameset>

</html>

Nu zien de borders er zo uit:

borderln0.jpg

Zoals je misschien als zag aan de code, wil ik dunne, zwarte borders hebben. Hoe maak/script ik dit, in HTML?

Alvast bedankt, Grtz Puma.

Argon Internationaal Top Crimineel

Argon

Geplaatst:
Geplaatst:

Dat kan je doen door met het "bordercolor" atribuut in de tage "frame"

Voorbeeld:

<FRAME BORDERCOLOR="rgb waarde of engelstalige kleurnaam">

Dat zou moeten werken volgens mij. Voor meer informatie over border atributen kan je deze pagina gebruiken (klik hier).

Puma Dictator

Puma

Geplaatst:
  • Auteur
Geplaatst: 

<html>

<head>
<title>CrazyCoolDudes</title>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
</head>

<frameset rows="117,*,64" framespacing="0" border="0" frameborder="1">
 <frame bordercolor="#000000" name="boven" scrolling="no" noresize target="inhoud" src="top.htm">
 <frameset cols="*,12%">
<frame name="hoofd" src="pages/home.htm" target="_self" scrolling="auto">
<frame name="hoofd1" src="members.htm" target="_self">
 </frameset>
 <frame name="onder" scrolling="no" noresize target="inhoud" src="onder.htm">
 <noframes>
 <body>

 <p>Op deze pagina worden frames gebruikt, maar uw browser ondersteunt geen
 frames.</p>

 </body>
 </noframes>
</frameset>

</html>

Het ziet er nu zo uit..

  <frame bordercolor="#000000" name="boven" scrolling="no" noresize target="inhoud" src="top.htm">

Maar nog steeds zien de borders er hetzelfde uit:

borderln0.jpg

Waarom werkt 't nou weer niet niet :duh::duh::duh: Heb ik weer :sigaar:

Weet iemand wat ik fout doe?

-Roy- Vercetti Gang baas

-Roy-

Geplaatst:
Geplaatst: 
<html>

<head>
<title>CrazyCoolDudes</title>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
</head>

<frameset rows="117,*,64" framespacing="0" border="0" frameborder="1">
 <frame bordercolor="#000000" name="boven" scrolling="no" noresize target="inhoud" src="top.htm">
 <frameset cols="*,12%">
<frame name="hoofd" src="pages/home.htm" target="_self" scrolling="auto">
<frame name="hoofd1" src="members.htm" target="_self">
 </frameset>
 <frame name="onder" scrolling="no" noresize target="inhoud" src="onder.htm">
 <noframes>
 <body>

 <p>Op deze pagina worden frames gebruikt, maar uw browser ondersteunt geen
 frames.</p>

 </body>
 </noframes>
</frameset>

</html>

Het ziet er nu zo uit..

  <frame bordercolor="#000000" name="boven" scrolling="no" noresize target="inhoud" src="top.htm">

Maar nog steeds zien de borders er hetzelfde uit:

borderln0.jpg

Waarom werkt 't nou weer niet niet :duh::duh::duh: Heb ik weer :sigaar:

Weet iemand wat ik fout doe?

Dit is volgens mij alleen mogelijk met div'jes, en niet met frames of tables. Dus ik zou het nog maar eens proberen met div'jes...

Preddy Dictator

Preddy

Geplaatst:
Geplaatst: (bewerkt)

Even zitten testen, zo komt er bij mij wel een kleurtje uit:

<html>

<head>
<title>CrazyCoolDudes</title>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
</head>


<frameset framespacing="0" rows="117,*,64" border="4" frameborder="1" noresize="yes">

<FRAME  BORDERCOLOR="#000000" name="boven" scrolling="no" noresize target="inhoud" src="top.htm">

<frameset cols="*,12%">
   <frame name="hoofd" src="pages/home.htm" target="_self" scrolling="auto">
   <frame name="hoofd1" src="members.htm" target="_self">
 </frameset>
</FRAMESET>
 <frame name="onder" scrolling="no" noresize target="inhoud" src="onder.htm">
 <noframes>
 <body>

 <p>Op deze pagina worden frames gebruikt, maar uw browser ondersteunt geen
 frames.</p>

 </body>
 </noframes>
</frameset>

</html>

Het verschil zit het hem in de border="0" uit je eerste <FRAMESET>, ik heb 'm hier even op 4 gezet zodat je duidelijk ziet dat er wat veranderd is. Met 1px kan het volgens mij niet, aangezien je dan gewoon een schaduwlijntje krijgt.

Edit: FireFox laat de kleur wel zien, Internet Explorer 7 niet. Als ik jou was zou ik het eens met tabellen proberen, dat is een klein stapje moeilijker maar daar kan je wel gewoon de borders op 1 pixel zetten en dat het dan je eigen gewilde kleur is. Uitleg en Google.

Edit @ Argon:

Sorry, ik had even gemist dat dit een site moest worden met vele honderden bezoekers per dag...

Voor de aardigheid (1024*768 resolutie):

<html>
<head>
<title>CrazyCoolDudes</title>
<style type="text/css">
body {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

table {
border-width: 0px;
border-style: none;
border-collapse: collapse;
}

table td {
border-width: 1px;
padding: 1px;
border-style: solid;
border-color: black;
}
</style>
</head>

<table width="100%" cellpadding="0" cellspacing="0">
<tr>
 <td colspan="2" height="117" align="center">
  <i>Plaats hier wat je in <b>Top.htm</b> wou plaatsen</i>
 </td>
</tr>
<tr>
 <td width="900" height="396" align="center">
  <i>Plaats hier wat je in <b>Home.htm</b> wou plaatsen</i>
 </td>
 <td width="106" align="center">
  <i>Plaats hier wat je in <b>Members.htm</b> wou plaatsen</i>
 </td>
</tr>
<tr>
 <td colspan="2" width="100%" height="89" align="center">
  <i>Plaats hier wat je in <b>Onder.htm</b> wou plaatsen</i>
 </td>
</tr>
</table>

</body>
</html>

Bewerkt: door Preddy
Argon Internationaal Top Crimineel

Argon

Geplaatst:
Geplaatst:

Tabellen zijn alleen bedoeld om informatie te tonen die in een tabel moet staan ze zijn eigenlijk niet bedoeld voor layout's te maken. :$ Layout's met tabellen laden trager en zijn niet geaccepteerd door W3C. :dans: Als je een browser hebt die heel gebrekkig is en geen tabellen toont bijvoorbeeld browser van je gsm ofzo dan kan het dat tabellen niet getoond worden en je links en rechts afbeeldingen hebt staan die nergens nodig voor zijn. :duh:

Maar Puma gebruikt Frontpage en daar kan je tabellen in tekenen zoals in word, dat kan misschien nog een voordeel zijn aan frontpage :schater: Dus Puma misschien kan je is proberen een tabel te tekenen in de vorm van je frames en dan als achtergrond van de tabellen een plaatje zetten.

Puma Dictator

Puma

Geplaatst:
  • Auteur
Geplaatst:

Hmm.. Ik heb het aangepakt op z'n Puma's: Gewoon de achtergrond zo maken in Paint Shop Pro dat de randjes van het plaatje de 'borders' zijn, en die als achtergrond invoegen bij de frames. De borders maak ik dan de achtergrondkleur.

:dans:

PWC, Grtz Puma.

Een reactie plaatsen

Je kan nu een reactie plaatsen en pas achteraf registreren. Als je al lid bent, log eerst in om met je eigen account een reactie te plaatsen.

Gast
Op dit onderwerp reageren...

×   Je hebt text geplaatst met opmaak.   Opmaak verwijderen

  Only 75 emoji are allowed.

×   Je link is automatisch ingevoegd.   In plaats daarvan weergeven als link

×   Je vorige bewerkingen zijn hersteld.   Alles verwijderen

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Naar onderwerpenlijst

  • Recent actief   0 leden

    • Er zijn hier geen geregistreerde gebruikers aanwezig.
×
×
  • Create New...