Gå til innhold

Webkafeen

enden

Av enden
i Programmering og webutvikling

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
Anonym234

Anonym234

Skrevet
Skrevet (endret)

Teksten inni div'n funker ikke i IE (bombe), men funker fint i FF. Noen som kan ta en titt? Regner med at det er noe jeg gjort feil.. ;)

 

CSS

 

 

@charset "utf-8";
/* CSS Document */

body{
padding: 25px;
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}



/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
background: #339933;
padding: 0px;
height: 74px;
background: url(images/nav-bg.jpg);
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/	
#nav-container a{	
padding:7px 17px 7px 18px;
margin: 10px 0px 0px 0px;
color: #FFFFFF;
font-family: Arial, sans-serif, Helvetica;
font-size:14px;
text-decoration:none;
font-weight: bold;
background: url(images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: top;
}

#nav-container a:hover{
color: #000000;
background: url(images/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: center;
}

/*^'^ Secondary Items Container ^'^*/	
#nav-container div, #nav-container ul{	
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(images/item-secondary-container-bg.jpg);
background-repeat: repeat-x;
background-color: #339933;
border-bottom: 1px solid #ffffff;
}

/*^'^ Secondary Items ^'^*/	
#nav-container div a, #nav-container ul a{	
padding:3px 10px 3px 6px;
background-color: #FFFFFF;
background: url(images/item-secondary-bg.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 149px;
}

/*^'^ Secondary Items Hover State ^'^*/	
#nav-container div a:hover, #nav-container ul a:hover{	
background-color: #FFFFFF;
background: url(images/item-secondary-bg.jpg);
background-repeat: no-repeat;
color:#ffffff;
}

/*^'^ Secondary Item Titles ^'^*/	
#nav-container .item-secondary-title{	
cursor:default;
padding:4px 0px 3px 7px;
color: #ffffff;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(images/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz{	
border-top-width:1px;
margin:5px 5px;
border-color: #ffffff;
}

/*^'^ Vertical Dividers ^'^*/	
#nav-container .divider-vert{	
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}



div#container {
width: 900px;
margin: 0 auto;
margin-top: 80px;
}

div#main {
float: left;
width: 850px;
height: 100%;
background: #FFFFFF;
border: 0px solid #000000;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}

 

 

 

HTML

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<link href="test.css" rel="stylesheet" type="text/css" />
</head>
<body>

<table width="900" border="12" valign = "top"><tr><td> <table width="100%" height="515" 

border="0" align="center">
<tr valign="top">
</tr>


<center>
<img src="hoi.jpg"> <img src="hoi2.jpg"> </center>



<div class="nav-container-outer">
  <img src="images/nav-bg-l.jpg" alt="" class="float-left" />
  <img src="images/nav-bg-r.jpg" alt="" class="float-right" />
  <ul id="nav-container" class="nav-container">
  <li><a class="item-primary" href="#">Hovedsiden</a>
	 </li>

  <li><span class="divider divider-vert" ></span></li>
  <li><a class="item-primary" href="#">ossoss</a>

	 <ul style="width:150px;">
	 <li><a href="http://www.sol.no">SOL.NO</a></li>
	 <li><a href="heihei.htm">HEIHEI</a></li>
	 <li><a href="#">gdgfdgfd</a></li>
	 <li><a href="#">gdgdfgdf</a></li>
	 <li><a href="#">gdgfdgdf</a></li>
	 <li><a href="#">dgfgdfgfdg</a></li>
	 <li><a href="#;">gdfgfdgf</a></li>
	 <li><a href="#;">gdfgfdgd</a></li>
	 <li><a href="#;">dgfdgfgfgfgfgf</a></li>
	 <li><a href="#;">gdfgfgfgdf</a></li>
	 <li><a href="#;">gdfgfgfgfd</a></li>
	 <li><span class="divider divider-horiz"></span></li>
	 <li><a href="#;">gdfgfdgfdgfg</a></li>
	 <li><a href="#;">fdgfdgdf</a></li>
	 </ul></li>

  <li><span class="divider divider-vert"></span></li>
  <li><a class="item-primary" href="#">Ommmmmm</a>

	 <ul style="width:150px;">
	 <li><a href="#">Serwewrewrew</a></li>
	 <li><a href="#">ewrewrewrew</a></li>
	 <li><a href="#">rwerewrewrwe</a></li>
	 <li><a href="#">Srwerewrewrew</a></li>
	 <li><a href="#">rewrewrewr</a></li>
	 <li><a href="#">rwerewrewre</a></li>
	 <li><a href="#;">rewrewrew</a></li>
	 <li><a href="#;">rewrewrerw</a></li>
	 <li><a href="#;">Arwerewrewr</a></li>
	 <li><a href="#;">rwerewrer</a></li>
	 <li><a href="#;">rwerwerewr</a></li>
	 <li><span class="divider divider-horiz"></span></li>
	 <li><a href="#;">rewrewrrwe</a></li>
	 <li><a href="#;">rewrewrewr</a></li>
	 </ul></li>

  <li><span class="divider divider-vert"></span></li>
  <li><a class="item-primary" href="#">galleri</a>

	 <ul style="width:150px;">
	 <li><span class="item-secondary-title" >Title For galleri</span></li>
	 <li><a href="#">nvbnbvnbvnbvnbnv</a></li>
	 <li><a href="#">nvbvnbvnnbnb</a></li>
	 <li><a href="#">nvbnnbbnbvn</a></li>
	 <li><span class="divider divider-horiz"></span></li>
	 <li><span class="item-secondary-title" >fgfgffdg</span></li>
	 <li><a href="#">nbvnbbvnnbvnb</a></li>
	 <li><a href="#">nbbnbnbvbnnb</a></li>
	 <li><a href="#">nbvnbbnbnbbv</a></li>
	 <li><a href="#">nvbbnbnbvnbn</a></li>
	 </ul></li>

  <li><span class="divider divider-vert"></span></li>
  <li><a class="item-primary" href="#;">Kontakt</a>

	 <ul style="width:150px;">
	 <li><span class="item-secondary-title">Tdfggffg</span></li>
	 <li><a href="#">fbdgbdfg</a></li>
	 <li><a href="#">Jgfgdgfdfgfg</a></li>
	 <li><a href="#">fgfdgfgfgfgd</a></li>
	 <li><span class="divider divider-horiz"></span></li>
	 <li><span class="item-secondary-title">gdfgfd</span></li>
	 <li><a href="#">ffgffgfgd</a></li>
	 <li><a href="#">fgdfgfddgf</a></li>
	 <li><a href="#">Jdffgfgfgfg</a></li>
	 <li><a href="#">fgdfggffgd</a></li>
	 </ul></li>

   <li><span class="divider divider-vert"></span></li>
  <li><a class="item-primary" href="#;">Internett</a>

	 <ul style="width:150px;">
	 <li><span class="item-secondary-title">gfdgfdg</span></li>
	 <li><a href="#">fdgfdfdggf</a></li>
	 <li><a href="#">ffgdfdgggf</a></li>
	 <li><a href="#">gdffgfggffg</a></li>
	 <li><span class="divider divider-horiz"></span></li>
	 <li><span class="item-secondary-title" >gfdgffg</span></li>
	 <li><a href="#">gfdgfffgd</a></li>
	 <li><a href="#">fgffgfgdfdg</a></li>
	 <li><a href="#">gdfgfdgfgfdgdfggfgf</a></li>
	 <li><a href="#">fgfgfgfggffgdgdf</a></li>
	 </ul></li>

<li><span class="divider divider-vert"></span></li>
  <li><a class="item-primary" href="#;">Trallalla</a>

	 <ul style="width:150px;">
	 <li><span class="item-secondary-title">jhgjhgjhjg</span></li>
	 <li><a href="#">hjghjhjghjhgjhg</a></li>
	 <li><a href="#">jghjghjhjg</a></li>
	 <li><a href="#">hjjhghjhjhgj</a></li>
	 <li><span class="divider divider-horiz"></span></li>
	 <li><span class="item-secondary-title" >jghjhgjhgj</span></li>
	 <li><a href="#">hjghjhgjjhgjhg</a></li>
	 <li><a href="#">hjghgjhjghj</a></li>
	 <li><a href="#">hjhgjhjjhgs</a></li>
	 <li><a href="#">Ehjjhgjjghj</a></li>
	 </ul></li>


<li><span class="divider divider-vert"></span></li>
  <li><a class="item-primary" href="#;">Okey</a>

	 <ul style="width:150px;">
	 <li><span class="item-secondary-title">hgjjghj</span></li>
	 <li><a href="#">jhgjhgjhgjjh</a></li>
	 <li><a href="#">Jjhghjjhgjhgs</a></li>
	 <li><a href="#">jjjjjgjhjghjjh</a></li>
	 <li><span class="divider divider-horiz"></span></li>
	 <li><span class="item-secondary-title">gjhjhgjhgjhg</span></li>
	 <li><a href="#">hgfhgfhgfh</a></li>
	 <li><a href="#">hgfghfhgfh</a></li>
	 <li><a href="#">hfgghffgh</a></li>
	 <li><a href="#">hghfhhf</a></li>
	 </ul></li>


<li><span class="divider divider-vert"></span></li>
  <li><a class="item-primary" href="#;">Barn</a>

	 <ul style="width:150px;">
	 <li><span class="item-secondary-title">hfhgfh</span></li>
	 <li><a href="#">hfghgfh</a></li>
	 <li><a href="#">hfghgfh</a></li>
	 <li><a href="#">hfghgfhgfh</a></li>
	 </ul></li>



  <li class="clear"> </li></ul>
<div id="container">

 <div id="main"> 


lurum murum surum klurum!

<p> </p>

<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>

<p> </p>
<p> </p>
<p> </p>
<p> </p>




</div>
</table>
</td>		
</center>		
</tr>
</table>
</div>
</body>
</html>

 

 

Endret av Stine
Anonym234

Anonym234

Skrevet
Skrevet
Grattis med dagen, Hein!

 

Stine: Gidder du å putte koden inn i sånne spoiler-tags, så ikke rullehjulet mitt tar fyr? :)

Ja, skulle det, men så gikk hele dritten her ned jo!! Men fikser nuh :)

Steinmann

Steinmann

Skrevet
Skrevet
Teksten inni div'n funker ikke

Dagens feilmelding(Tyder bare på at jeg ikke har snakket med kunder idag...)

 

Hadde vært fint om du kunne vist oss hvordan det ser ut nå, og hvordan du vil ha det.

Det lille jeg så av den koden din var skummelt på det beste...

Bolson

Bolson

Skrevet
Skrevet
Noen som har et bra, gratis databasemodeleringsprogram?

 

Du mener et program til visuelt å designe databaser.

 

MySQL Workbench er et alternativ. Det fantes en forgjenger til denne som heter DBDesigner 4, link. Selv om disse primært er laget for MySQL, kan man fint bruke det til andre SQL baserte databaser. Har brukt begge, og synes de fungerer bra.

 

Eclipse har en egen database designer plugin, men den lager primært Java kode. Men når har Eclipse plugins til det meste.

 

Det meste ellers må man vel kjøpe linenser på, fra ca $ 100 og oppover.

Anonym234

Anonym234

Skrevet
Skrevet (endret)
Teksten inni div'n funker ikke

Dagens feilmelding(Tyder bare på at jeg ikke har snakket med kunder idag...)

 

Hadde vært fint om du kunne vist oss hvordan det ser ut nå, og hvordan du vil ha det.

Det lille jeg så av den koden din var skummelt på det beste...

Du blir nok ikke imponert, jeg kan ikke dette i det hele tatt og har ingen til å hjelpe meg :)

 

Jeg posta her uten hell.

 

 

Sånn ser det ut i Firefox og sånn vil jeg ha det, at teksten syns! ;)

 

 

 

 

Sånn er det i IE:

 

 

Endret av Stine
jorgis

jorgis

Skrevet
Skrevet

MC2: Blir spennende å se hvor sinnsykt dyrt abb. de selger den bundet til. :)

 

Venter heller på en Neo Freerunner, som kommer om noen uker. :)

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...