Polpotkinz

Jag förstod inte varför det inte fungerade, jag läste på sidan du länkade och det borde funkat. Men nu har vi löst det för IE7 i alla fall. Koden för den webbläsaren ser ut såhär nu:

#menu {
margin:0 auto;
width:660px;
height:15px;
}

#menu a {
font-size:1.1em;
text-shadow: 0px 2px 0px #FFF;
font-family:Georgia, "Times New Roman", Times, serif;
color:#333;
text-decoration:none;
}

#menu ul {
list-style:none;
}

#menu li {
background-image:url(../grafik/seperator.png);
background-repeat:no-repeat;
background-position:right;
display:inline-block;
zoom:1;
*display:inline;
width:100px;
margin-left:15px;

Vi hittade någon hack som, med hjälp av "zoom" och "*display:inline" gjorde så att den la sig som en horisontell linje. Konstigt nog fungerade det.

Tack för tipset. Det gick dessvärre inte att bara ändra till "inline" istället för "inline-block".

Hej, jag och min kompis sitter och försöker att lösa ett stort problem vi har med IE serien. Vi vill ha en horisontell meny med enbart text och en seperator imellan menyn:

STARTSIDA I STARTSIDA I STARSIDA

så vill vi att det ska se ut, det funkar bra i alla webbläsare förutom i versionerna IE7, IE6 och IE5. Nu ligger menyn i en lista som har display:inline-block som kod. menyn ligger även i div som heter meny. Koden ser ni nedan:

#menu {
margin:0 auto;
width:750px;
height:15px;
}

#menu a {
font-size:1.1em;
text-shadow: 0px 2px 0px #FFF;
font-family:Georgia, "Times New Roman", Times, serif;
color:#333;
text-decoration:none;
}

#menu ul {
list-style:none;
}

#menu li {
background-image:url(../grafik/seperator.png);
background-repeat:no-repeat;
background-position:right;
display:inline-block;
width:100px;
margin-left:15px;

Det som händer är att texten eller länkarna i menyn inte lägger sig bredvid varandra som det dock gör i alla andra webbläsare. Hur kan man lösa detta?

Hej, jag har problem med att koda till float objekten i css. Jag vill ha en logo, en slogan/header, en menu som är i x-led till höger och sen ett bildspel i mitten. Jag har gjort en wrapper och gjort divvar för allt:

/* wrapper */

#wrapper {width:750px;
height:600px;
margin:0px auto;
background-color:#F3F;
}

/*end wrapper*/

/*menu*/

#menu {float:right;
margin:50px 0px 800px 0px;
position:absolute;}

li {list-style:none;
border:0px;}

/* end menu */

body {background-color:#FFF;}

/*header*/

#logo {float:left;
margin:40px 300px 0px 0px;
z-index:2;}

#head {float:right;
margin:0px 0px 0px 0px;
z-index:1;

}

/*slideshow*/

#slideshow {margin:100px 700px 0px 0px;
float:left;}

/*end slideshow*/

Men jag får inte det att bli som jag vill.
HJÄLP!

Hej, är det någon som vet hur man gör ett bildspel i dreamweaver cs4? Ska ha ett bildspel med 4-5 bilder

Jag har ett problem, använder mig av Dreamweaver CS4 och vill centrera mina knappar jag gjort genom CSS. Har testat float men funkar inte som jag vill? Satte en Navbar div på det men hur får jag det centrerat?

<div id="navbar">
<div class="menu bubplastic horizontal aqua">
<ul>
<li><span class="menu_r"><a href="http://www.cssmenumaker.com"><span class="menu_ar">Våra lägenheter</span></a></span></li>
<li><span class="menu_r"><a href="http://www.cssmenumaker.com"><span class="menu_ar">Om oss</span></a></span></li>
<li><span class="menu_r"><a href="http://www.cssmenumaker.com"><span class="menu_ar">Kontakt</span></a></span></li>
<li><span class="menu_r"><a href="http://www.cssmenumaker.com"><span class="menu_ar">#</span></a></span></li>
</ul>
<br class="clearit" />
</div>
</div>

Du kan länka in bilderna inom en div i en content div som du sedan styr genom CSS filen du skapat. Finns lite olika saker du kan göra inom CSS men du får sätta en float på bilderna. Det enklaste för att få länkar i ett html dokument är att skapa en <ul> lista och sedan sätta en css på det, tillexempel:

ul {display: in-block;}