Avatar billede codemanager Nybegynder
01. september 2004 - 23:28 Der er 15 kommentarer og
3 løsninger

skal stå over for hinanden

Hey

som overskriften lyder vil jg godt havd to ting til og stå over for hinanden siden kan ses her http://4fune2lose.dk/4f2l/ det er indholdet og den menu der er i siden der skal stå over for hinanden har snart prøvet alt

har prøvet med denne kode men den virker ikke

.undermenu {
    float: right;
    margin-top: 10px;
}

#indhold{
    margin-top: 10px;
}

hvad gør jeg galt
Avatar billede hermandsen Juniormester
01. september 2004 - 23:36 #1
Du kan jo starte med at validere skidtet... ;)
http://validator.w3.org/ og http://jigsaw.w3.org/css-validator/

Vil også anbefale dig at teste i flere browsere... Det ser forfærdeligt ud i alt andet end IE!!

//hermandsen
Avatar billede codemanager Nybegynder
01. september 2004 - 23:38 #2
det er jeg godt klar over det er jo derfor jeg spørg om hjælp
Avatar billede hermandsen Juniormester
01. september 2004 - 23:44 #3
Hvis du kigger på http://validator.w3.org/check?uri=http%3A%2F%2F4fune2lose.dk%2F4f2l%2F&charset=iso-8859-1+%28Western+Europe%29
Så kan du se at der er 10 fejl i dokumentet (11 hvis vi tager character encodingen) med...

Hvis vi skal tage dem fra en ende af, så er der ikke noget element der hedder <spacer>, væk med det...
Hvis vi lige skal få CSS'en overstået hurtigt, så hedder det font-weight, ikke font-weigh (en mindre/menneskelig stavefejl, som sikkert bare er copy/pasted et par gange, men browserne forstår den altså ikke)... :)
Avatar billede codemanager Nybegynder
01. september 2004 - 23:48 #4
ja men hvad skal jeg så ligge ind isteden for <spacer> har ikk slv lavet html så kendr dt ikke
Avatar billede hermandsen Juniormester
01. september 2004 - 23:50 #5
Avs!!

Der er forresten også en PHP-fejl i bunden der gør at body-tag'et og html-tag'et ikke bliver afsluttet... Det er heller ikke lige smart...

Du må hive fat i ejermanden og få ham til at fikse det så!! :)
Avatar billede codemanager Nybegynder
01. september 2004 - 23:54 #6
php fejlen er rettet

problemet er at jeg ikke kan få fat i ejermanden da det er n menu jeg har fundet på en eller andet side
Avatar billede codemanager Nybegynder
02. september 2004 - 00:08 #7
ingen der kan hjælpe med mit spørgsmål
Avatar billede hermandsen Juniormester
02. september 2004 - 00:08 #8
Okay, forklar mig lige hvad det er du vil have skal stå over for hinanden...
Hvad for noget af indholdet??
Avatar billede hermandsen Juniormester
02. september 2004 - 00:09 #9
Jo da!!!
Jeg hader bare slam-kode, så det skal der lige gøres noget ved først...
Sig lige præcist hvad det er for noget af det der skal rettes til, så finder jeg lige en løsning...
Avatar billede codemanager Nybegynder
02. september 2004 - 00:12 #10
Mit problem er at jeg ville havde indholdet og menu_boksen over for hinanden det ville sige at der skal være lige meget afstad mellem overmeneu og insholden som mellem overmenu og boks_menu
Avatar billede hermandsen Juniormester
02. september 2004 - 00:15 #11
Hvad er hvad??
Altså, jeg kan se et sted hvor der står "link | link | link | link | link" og mange steder hvor der står:
Gruppe
undergruppe, undergruppe ...

Hvad for noget skal være hvor???

Husk på at jeg ikke er så meget inde i dit projekt som du selv er!! ;)
Avatar billede codemanager Nybegynder
02. september 2004 - 00:19 #12
ja sorry det er rigtig

overmenu = "link | link | link | link | link"
Indhold = Gruppe
undergruppe, undergruppe ...

boks_menu er den boks der er ved siden af indholdet

det jeg godt vil er at indholdet skal op så det er lige så langt fra overmeneu'en som boks_menu
Avatar billede hermandsen Juniormester
02. september 2004 - 00:38 #13
Okay, det hjalp!! :)

Hvis du vil lege lidt med CSS kan du lave det på følgende måde:

<ul id="overmenu">
  <li><a href="#">link</a></li>
  <li><a href="#">link</a></li>
  <li><a href="#">link</a></li>
  <li><a href="#">link</a></li>
  <li><a href="#">link</a></li>
</ul>

<dl id="indhold">
  <dt><a href="#">Gruppe</a></dt>
  <dd><a href="#">undergruppe</a></dd>
  <dd><a href="#">undergruppe</a></dd>
  <dd><a href="#">undergruppe</a></dd>
  <dt><a href="#">Gruppe</a></dt>
  <dd><a href="#">undergruppe</a></dd>
  <dd><a href="#">undergruppe</a></dd>
  <dd><a href="#">undergruppe</a></dd>
  <dt><a href="#">Gruppe</a></dt>
  <dd><a href="#">undergruppe</a></dd>
  <dd><a href="#">undergruppe</a></dd>
  <dd><a href="#">undergruppe</a></dd>
</dl>

<div id="boks_menu">
  <h3>Log on</h3>
  <p><a href="#">Indhold</a></p>
</div>

Og så CSS:

* {
  font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 0;
}

#overmenu {
  position: absolute;
  top: 80px; /* Her må du lige rode lidt med værdierne til de passer */
  left: 100px;
  border: 1px solid black;
}

#overmenu li {
  list-style-type: none;
  display: inline;
  border-left: 1px solid black;
}

#overmenu a {
  padding: 2px 3px 0 3px; /*Rækkefølge: top, højre, bund, venstre*/
  color: #09F;
  background-color: transparent;
  text-decoration: underline;
}

#overmenu a:hover {
  color: #C00;
  background-color: transparent;
}

#indhold {
  position: absolute;
  top: 200px; /* Her må du igen lige selv rode lidt med top og left-værdierne */
  left: 100px;
}

#indhold dt a {
  font-weight: bold;
  color: black;
  background-color: transparent;
}

#indhold dd a {
  color: #09F;
  background-color: transparent;
}

#indhold dd a:hover {
  color: #C00;
  background-color: transparent;
}

#boks_menu {
  position: absolute;
  top: 200px;
  left: 500px;
}

#boks_menu h3 {
  background-color: #40609A;
  color: white;
  font-weight: normal;
  font-size: 17px;
}

#boks_menu p a {
  color: #09F;
  background-color: transparent;
}

#boks_menu p a:hover {
  color: #C00;
  background-color: transparent;
}

Således...
Det er ikke testet, men du burde ha' fået en ide om hvordan det skal virke når du har sat det sammen!! ;)

//hermandsen
Avatar billede codemanager Nybegynder
02. september 2004 - 00:42 #14
hmm ja men det laver jo om på dt hele er der ikk bare noget kode der gør at indholdet bliver flytte op
Avatar billede hermandsen Juniormester
02. september 2004 - 01:18 #15
Det letteste er nok bare at sætte margin-top: -100px; for det element eller noget...
Avatar billede codemanager Nybegynder
02. september 2004 - 17:10 #16
det har jeg prøvet og dt vil dn ikke
Avatar billede codemanager Nybegynder
02. september 2004 - 18:01 #17
ingen der kan hjælp
Avatar billede codemanager Nybegynder
02. september 2004 - 22:20 #18
har fundet ud af det

der skulle en float: left; på indholdet
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester