Ga naar inhoud

niet hele maal om rand??

Robinho

Door Robinho
in Archief Website Hulp & Scripts

 Delen

Aanbevolen berichten

Robinho Meewerkend lid

Robinho

Geplaatst:
Geplaatst:

hallo iedereen,

ik heb een probleem, ik heb een menutje en daar staat mooi een rand om heen maar onder aan de rechter en de linker is een stukje open ik weet niet wat ik moet veranderen, er is als ware een stukje rand (van links en rechts) weg gelaten .

Groetjes Robinho

alvast bedankt

<style>
#navigatie {
font-family: verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
width: 12em;
border-right: 1px solid #666;
padding: 0;
margin-bottom: 1em;
background-color: #9cc;
color: #333;
}

#navigatie ul {
list-style: none;
margin: 0;
padding: 0;
}

#navigatie ul li {
margin: 0;
border-top: 1px solid #003;
}

#navigatie ul li a {
display: block;
padding: 2px 2px 2px 4px;
border-left: 10px solid #369;
border-right: 1px solid #69c;
border-bottom: 1px solid #369;
background-color: #036;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navigatie ul li a {
width: auto;
}

#navigatie ul li a:hover {
border-left: 10px solid #036;
border-right: 1px solid #69c;
border-bottom: 1px solid #369;
background-color: #69f;
color: #fff;
}
.top-left1 {

margin-right: 9px; 
background-image: url('corners1280x181.GIF');
height: 9px;  
font-size: 100px; 
}

.top-right1 {

margin-top: -9px; 
margin-left: 9px; 
background-image: url('corners1280x181.GIF'); 
background-position: 100% 0; 
height: 9px; 
font-size: 100px;
}

.bottom-left1 {

margin-right: 9px; 

background-image: url('corners1280x181.GIF');
background-position: 0 -9px; 
height: 9px;
font-size: 100px;
}

.bottom-right1 {

margin-top: -9px; 
margin-left: 9px; 
background-image: url('corners1280x181.GIF'); 
background-position: 100% -9px; 
height: 9px; 
font-size: 100px; 
}

.inside {

border-left: 1px solid black;
border-right: 1px solid black;
background: white;
color: black;
padding-left: 1px;
padding-right: 1px;
}

.notopgap {

margin-top: 0;
}

.nobottomgap {

margin-bottom: 0;
}
</style>
<!-- Dit komt in de body te staan en is de linklijst zelf -->
<CENTER>
			<div class="top-left1"></div>
			<div class="top-right1"></div>
			<div class="inside">


<div id="navigatie">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/">Over ons</a></li>
<li><a href="/">Archief</a></li>
<li><a href="/">Forum</a></li>
<li><a href="/">Winkel</a></li>
<li><a href="/">Contact</a></li>
</ul>
</div>
</div>
			<div class="bottom-left1"></div>
			<div class="bottom-right1"></div>
</CENTER>

leroy Mentor

leroy

Geplaatst:
Geplaatst:

zou je de afbeelding:

corners1280x181.GIF

even willen plaatsen?

dan heb ik een beetje een voorbeeld van hoe het eruit hoort te zien... Ik zie wel als ik jouw script met een zwarte achtergrond gebruik dat je dan een witte balk aan de linkerkant en aan de rechterkant hebt staan die net zo hoog is als het menu zelf. bedoel je dit?

ik heb een oplossing gevonden voor die balken:

dan moet je in het volgende stukje

.inside {

   border-left: 1px solid black;
   border-right: 1px solid black;
   [color=Red]background: white;[/color]
   color: black;
   padding-left: 1px;
   padding-right: 1px;
   }

de regel 'background: white;' verwijderen. dus de tekst die rood gemaakt is

Voor de rest kan ik bij mij geen andere randen vinden die mogelijk storend kunnen zijn.

hier is een voorbeeld van hoe ik het er nu uit heb zien als ik dat regeltje tekst heb verwijderd en heb laten staan

(let wel op !!! de server waar die site op draait is een thuis server die staat ook wel eens uit, dus het kan zijn dat hij af en toe niet toegankelijk is)

en misschien is het ook wel handig als ik een voorbeeldje zie van hoe het gebruikt moet gaan worden. dan kan ik even kijken wat er nou precies aan de hand is.

Robinho Meewerkend lid

Robinho

Geplaatst:
  • Auteur
Geplaatst:
zou je de afbeelding:

corners1280x181.GIF

even willen plaatsen?

dan heb ik een beetje een voorbeeld van hoe het eruit hoort te zien... Ik zie wel als ik jouw script met een zwarte achtergrond gebruik dat je dan een witte balk aan de linkerkant en aan de rechterkant hebt staan die net zo hoog is als het menu zelf. bedoel je dit?

ik heb een oplossing gevonden voor die balken:

dan moet je in het volgende stukje

.inside {

   border-left: 1px solid black;
   border-right: 1px solid black;
   [color=red]background: white;[/color]
   color: black;
   padding-left: 1px;
   padding-right: 1px;
   }

de regel 'background: white;' verwijderen. dus de tekst die rood gemaakt is

Voor de rest kan ik bij mij geen andere randen vinden die mogelijk storend kunnen zijn.

hier is een voorbeeld van hoe ik het er nu uit heb zien als ik dat regeltje tekst heb verwijderd en heb laten staan

(let wel op !!! de server waar die site op draait is een thuis server die staat ook wel eens uit, dus het kan zijn dat hij af en toe niet toegankelijk is)

en misschien is het ook wel handig als ik een voorbeeldje zie van hoe het gebruikt moet gaan worden. dan kan ik even kijken wat er nou precies aan de hand is.

oke is goed wel een mooie site heb je:P

[ATTACH]1282[/ATTACH]

[ATTACH]1283[/ATTACH]

hier heb ik een voorbeeld wat het is foto met daar om heen een rand maar recht-onder en links-boven mist een stukje hoe moet dat dan???

Hier heb je dat script nog eens

en zie de bijlages ik denk dat je genoeg hebt!

<style>

.top-left {
margin-right: 9px; 
background-image: url('corners1280x1811.GIF');
height: 1px;  
font-size: 100px; 
}
.top-right {
margin-top: -9px; 
margin-left: 9px; 
background-image: url('corners1280x1811.GIF'); 
background-position: 100% 0; 
height: 1px; 
font-size: 100px;
}
.bottom-left {
margin-right: 9px; 
background-image: url('corners1280x1811.GIF');
background-position: 0 -9px; 
height: 1px;
font-size: 100px;
}
.bottom-right {
margin-top: -9px; 
margin-left: 9px; 
background-image: url('corners1280x1811.GIF'); 
background-position: 100% -9px; 
height: 1px; 
font-size: 100px; 
}
.inside {
border-left: 1px solid black;
border-right: 1px solid black;
background: white;
color: black;
padding-left: 0px;
padding-right: 0px;
}
.notopgap {
margin-top: 0;
}
.nobottomgap {
margin-bottom: 0;
}


 </style>
<table border=0 WIDTH="75%" HEIGHT="">

<TR>
<TD colspan=3>
<center>
   <div class="top-left"></div>
   <div class="top-right"></div>
   <div class="inside">

  <img src="LOGO.JPG" border="0" WIDTH="100%" HEIGHT="" >

   </div>
   <div class="bottom-left"></div>
   <div class="bottom-right"></div>

</center>

leroy Mentor

leroy

Geplaatst:
Geplaatst:

heb je geen website waar we het voorbeeld kunnen zien?

Want in je eerste berichtje geef je een andere broncode als in je laatste reactie.

Ik heb het nog een keertje uitgeprobeerd. maar ik kan niet vinden wat nou precies het probleem is.

Mijn server staat niet aan, dus je kan geen voorbeeld bekijken. Maandag of zondag avond/nacht zal hij wel aan staan.

Als je even een website geeft waar we het voorbeeld kunnen zien kunnen we zien wat nou PRECIES het probleem is. Als je nog geen webhosting hebt, kun je je website bij Rack.111 Super Fast Free Webhosting | Free stuff| free graphics | free websites |free software hosten. Deze is gratis en heeft bijna geen reclame. (hooguit onderin een regeltje tekst)

 Delen
Ga naar topic overzicht
Logo

OVER ONS

PC Helpforum helpt GRATIS computergebruikers sinds juli 2006. Ons team geeft via het forum professioneel antwoord op uw vragen en probeert uw pc problemen zo snel mogelijk op te lossen. Word lid vandaag, plaats je vraag online en het PC Helpforum-team helpt u graag verder!

SITEMAP

×
×
  • Nieuwe aanmaken...

Belangrijke informatie

We hebben cookies geplaatst op je toestel om deze website voor jou beter te kunnen maken. Je kunt de cookie instellingen aanpassen, anders gaan we er van uit dat het goed is om verder te gaan.