2 vragen

**T. Dekkers** · 06-02-2009, 16:13

Hallo mensen,

Ik ben een nieuwe site aan het maken alleen ik ben op twee problemen gestuit.

1. border:dotted werkt niet in IE5 maar wel in Firefox, Opera etc. bij IE5 zie je dan een dashed border i.p.v dotted. Weten jullie hiervoor misschien een css hack of iets dergelijks zonder een plaatje te gebruiken?

http://img13.imageshack.us/img13/9660/6573thyr4zv9.png

2. Weten jullie misschien hoe ik die twee tabs ter hoogte van de rechterkant van het menu krijg? Het lukt me wel met margin alleen als je het dan in een andere resolutie bekijkt staan de tabs weer verkeerd.

alvast bedankt

**Cédric Siroux** · 06-02-2009, 16:23

1.
ik heb een website met 930 bezoekers die IE gebruiken, hieronder de versie statistieken (versie - bezoekers - percentage):
1. 7.0 759 81.44%
2. 6.0 167 17.92%
3. 8.0 6 0.64%

zoals je ziet is er geen een van deze 900 bezoekers die nog IE5 gebruikt, dus ik zou geen tijd steken in je site IE5 compatible te maken...

2. Gebruik je geen container (een soort van div om je hele website in te zetten)? dan zou dat van die verschillende resoluties moeten verdwijnen.

**Stefano F** · 06-02-2009, 16:31

Dotted werkt trouwens ook niet in IE6. Voor die dotted bug kan je gewoon een background image gebruiken.

Type in google 'border dotted ie6', en je zal snel een oplossing vinden

**Cédric Siroux** · 06-02-2009, 16:38

je kan nog altijd in de css zeggen dan:

element {background:url(picture.jpg) repeat-x bottom;}

je neemt dan als picture het patroon (niet de hele border)
repeat-x zorgt dat hij enkel horizontaal zal herhalen (en dus niet naar omhoog/naar beneden)
bottom zorgt dat hij enkel onderaan zal komen te staan

als je een dikkere border (bijvoorbeeld 4px) moet je gewoon je patroon 4px hoog uitknippen...

**T. Dekkers** · 06-02-2009, 16:44

@ Cédric

2. Gebruik je geen container (een soort van div om je hele website in te zetten)? dan zou dat van die verschillende resoluties moeten verdwijnen

Nee ik gebruik geen container, ik heb het zo gedaan:

Code:

je kan nog altijd in de css zeggen dan:
 
element {background:url(picture.jpg) repeat-x bottom;}

Ja klopt daar had ik ook al aan gedacht alleen ik wil het proberen op te lossen zonder plaatje te gebruiken ;)

**Stefano F** · 06-02-2009, 16:45

Het zou handiger zijn geweest om gewoon je volledige code te laten zien.

**T. Dekkers** · 06-02-2009, 16:57

HTML:

Code:

<body>
<div id="header"></div>
<div id="nav">
<ul class="nav">
<li><a href='#' title=''>Lenen</a></li>
<li><a href='#' title=''>Verzekeren</a></li>
</ul>
</div>
<div id="content">

CSS:

Code:

body {
    color: #333333;
    background: #ffffff;
    font-size: 11px;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0px auto 0px;
    padding: 0px;
    }

#header {
    background: url(/images/topbg.png);
    width: 100%;
    height: 50px;
    margin: 0px auto 0px;
    padding: 0px;
    overflow: hidden;
    border-top: 10px solid #444444;
    }

#nav {
    height:25px;
    margin:0px auto;
    width: 839px;
    padding:26px 0 0;
    float:right;
    }

ul.nav {
    height:25px;
    line-height:25px;
    float:left;
    list-style:none;
    font-size:11px;
    text-transform:inherit;
    margin:0;
    padding:0;
    }

ul.nav li {
    float:left !important;
    list-style-type:none;
    margin:0;
    padding-right:3px;
    }

ul.nav li a,ul.nav li a:link,ul.nav li a:visited {
    background:url(/images/navsilver.gif) repeat-x;
    color:#333333;
    float:left;
    display:block;
    text-decoration:none;
    padding:0 15px;
    }

ul.nav li a:hover,ul.nav li a:active {
    color:#00BBF2;
    text-decoration:none;
    }

ul.nav li.current_page_item a {
    text-decoration:none;
    color:#fff;
    }

ul.nav li ul {
    margin:0;
    padding:0;
    }

btw, er zullen vast wel onnodige en onlogische stukken code in mijn css zitten maar ik heb steeds andere dingen geprobeerd en ben dingen vergeten enz. Ik ben trouwens een beginner met css.

2 vragen

2 vragen

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

2 vragen

2 vragen

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

Inloggen