Ekstra meny (Noen som kan hjelpe meg i gang?)

Iris_L · 5. november 2006

Heisann

Jeg vil gjerne lage en ekstra "meny" på www.dyrepraten.com Altså en likedan meny på høyre side, som den som er på venste side. Jeg tenkte at jeg skulle fylle opp med bla. Ukens kjæledyr der, istedenfor på toppen av den andre menyen.

Her er stil.css

Klikk for å se/fjerne innholdet nedenfor

html, body {

margin: 0;

padding: 0;

font: 12px Verdana;

background: #dfeaf1 url("bakgrunn.jpg") repeat-y center;

}

div#siden {

width: 799px;

margin: auto;

}

div#topp {

width: 100%;

height: 100px;

}

div#meny {

margin-left: 1px;

width: 169px;

float: left;

padding: 10px 0px 15px 0px;

}

div#innhold {

width: 580px;

float: left;

padding: 20px;

}

ul.hovedmeny {

margin: 0 0 20px 0;

padding: 0;

color: #114b6d;

}

ul.hovedmeny li {

list-style: none;

}

ul.hovedmeny a {

padding: 3px 13px 3px 13px;

font-weight: bold;

border-top: 1px #c5d9f9 solid;

border-bottom: 1px #c5d9f9 solid;

text-decoration: none;

color: #114b6d;

width: 143px;

display: block;

}

ul.hovedmeny a:hover {

background: #dfeaf1;

border-top: 1px #ffffff solid;

border-bottom: 1px #ffffff solid;

text-decoration: none;

color: #114b6d;

}

ul.hovedmeny a.valgt {

background: #dbe7f9;

}

span.tittel {

color: #114b6d;

font-weight: bold;

display: block;

margin-bottom: 5px;

}

div.innlogging {

padding: 15px 13px 15px 13px;

margin-bottom: 20px;

background: #dbe7f9;

}

div.innlogging ul {

margin: 0;

padding: 0;

list-style: square inside;

font-size: 11px;

}

div.innlogging a {

text-decoration: none;

color: #114b6d;

}

div.innlogging a:hover {

text-decoration: none;

color: #000000;

}

div.avstemning {

padding: 0px 13px 5px 13px;

}

div.brukere {

padding: 15px 13px 15px 13px;

margin-bottom: 20px;

background: #dbe7f9;

}

div.annonse {

padding: 0 13px 0 13px;

}

h1 {

font: 26px Lucida Grande, Tahoma, Verdana;

font-weight: bold;

margin: 0 0 10px 0;

color: #114c6e;

}

h2 {

font: 20px Lucida Grande, Tahoma, Verdana;

font-weight: bold;

margin: 10px 0 7px 0;

color: #114c6e;

}

h3 {

font: 17px Lucida Grande, Tahoma, Verdana;

font-weight: bold;

margin: 0 0 10px 0;

color: #114c6e;

}

div#bunn {

display: block;

border-top: 1px #114c6e solid;

margin-top: 40px;

padding-top: 10px;

font-size: 10px;

color: #114c6e;

text-align: right;

line-height: 1.3em;

}

div#bunn a {

color: #114c6e;

}

div#bunn a:hover {

color: #114c6e;

text-decoration: none;

}

table.ting {

display: table;

width: 100%;

margin-bottom: 10px;

border: 1px #000000 solid;

}

td.tingbilde {

display: table-cell;

width: 130px;

text-align: center;

vertical-align: top;

}

td.tingbilde img {

padding: 10px;

}

td.tingtekst {

text-align: left;

vertical-align: top;

padding-top: 10px;

padding-bottom: 10px;

padding-right: 10px;

}

td.tingtekst_utenbilde {

text-align: left;

vertical-align: top;

padding-top: 10px;

padding-bottom: 10px;

padding-right: 10px;

padding-left: 15px;

}

ul.medlemsliste, ul.dyreliste {

list-style: square inside;

padding-left: 3px;

}

pre.sidelink {

display: inline;

}

div#gjestebok {

margin-top: 25px;

background: #eeeeee;

padding: 5px 15px 5px 15px;

}

div#adminBeskrivelse {

margin-top: 5px;

margin-bottom: 20px;

background: #eeeeee;

padding: 5px;

}

span.error {

color: #ff0000;

font-weight: bold;

}

.pm {

width: 580px;

}

.pm tr.topp td {

border-bottom: 1px #000000 solid;

font-weight: bold;

}

.pm td.emne {

width: 190px;

padding-right: 10px;

}

.pm td.fra {

width: 160px;

padding-right: 10px;

}

.pm td.sendt {

width: 140px;

padding-right: 10px;

}

.pm td.slett {

width: 60px;

}

div#dyrsok {

background: #eeeeee;

padding: 5px;

}

Trenger dere noe mer for å se hvordan det skal gjøres?

Endret 5. november 2006 av Iris_L

travis_g · 5. november 2006

Du må opprette en div til som du setter under innholds-diven.

<div id="siden">

<div id="topp"></div>

<div id="meny">Meny-innhold</div>

<div id="innhold">Hovedtekst</div>

<div id="ekstrameny">Ekstramenyinnhold</div>

</div><!-- SIDEN SLUTT -->

CSS:

#ekstrameny {
margin-left: 1px;
width: 169px;
float: left;
padding: 10px 0px 15px 0px;
}

Men da må du endre bredden på innhold-diven og/eller siden-diven slik at dette ikke kræsjer

**Runar** · 5. november 2006

Du burde kanskje putte CSSen din i en [ skjul] tag, siden den tar veldig stor plass.

Endret 5. november 2006 av Runar

Iris_L · 5. november 2006

Her ser dere litt av koden.. S

<div id="innhold">

<?php

if($tittel == "Chat") {
 $chat->printChat();
}

} // topp()

function bunn() {
?>
<div id="bunn">
<a href="kontakt.php">Kontakt</a> |
<a href="side.php?id=162">Annonsering</a> |
<a href="side.php?id=119">Om spillepenger (SP) på Dyrepraten</a><br />
©2006. Copyright Dyrepraten. Innholdet kan ikke kopieres uten tillatelse.<br />
Programmering og design: xxxxxxxx og xxxxxxxx</a></div>

<font color='#104b6d'>_________________________________________________________________________</font><br><br>

<br>Annonse:<br><br>

<img src='http://i11.tinypic.com/43xhlqr.jpg'</img><br><br>

<font color='#104b6d'>_________________________________________________________________________</font><br><br>

</div>

</div>

</body>
</html>

Skal da <div id="ekstrameny">Ekstramenyinnhold</div> stå mellom disse to?

} // topp()

function bunn() {

Endret 4. august 2008 av Jarmo

**Runar** · 5. november 2006

<font color='#104b6d'>_________________________________________________________________________</font>

Hva er dette for noe?

Er det ikke mye enklere (og riktigere) å lage en div rundt annonsen som har border?

F.eks:

<div style="width:LENGDE;border: 1px 0;border-color:#104b6d;"> ANNONSE </div>

eller noe lignende?

Iris_L · 5. november 2006

<font color='#104b6d'>_________________________________________________________________________</font>
Hva er dette for noe?

Er det ikke mye enklere (og riktigere) å lage en div rundt annonsen som har border?

F.eks:
<div style="width:LENGDE;border: 1px 0;border-color:#104b6d;"> ANNONSE </div>
eller noe lignende?

7223454[/snapback]

Det er noe jeg laget for å få en strek Prøvde det du sa, men ingenting forandret seg, utenom at strekene mine forsvant :!: :blush:

travis_g · 5. november 2006

Hva er dette for noe? Er det ikke mye enklere (og riktigere) å lage en div rundt annonsen som har border? F.eks:
<div style="width:LENGDE;border: 1px 0;border-color:#104b6d;"> ANNONSE </div>
eller noe lignende?

7223454[/snapback]

Så mye riktigere blir det vel ikke, og egentlig ikke enklere heller :hmm:

Det blir jo iallefall:

<div class="annonser">

<p>Annonse:</p>

<p><img src="http://i11.tinypic.com/43xhlqr.jpg" width="bredde" height="høyde"  alt="annonse" /></p>

</div>

CSS:

div.annonser{
width: 'bredden';
border-top: 1px solid #104b6d;
border-bottom: 1px solid #104b6d;
}

som blir det riktige når det gjelder akkurat det.

Når det gjelde hovedsaken, så sliter jeg litt med å se hvordan koden på det du har lagt ut henger sammen. Men sånn som jeg kan forstå det, så skal vel det gjøre susen å legge det mellom de 2 tenker jeg.

Endret 5. november 2006 av travis_g

**Runar** · 5. november 2006

Koden min gjorde det kanskje ikke bedre, men den er 100% "lovlig"/"brukbar"

Iris_L · 5. november 2006

Denne feilmeldingen får jeg opp når jeg setter koden inn :

Parse error: syntax error, unexpected '<' in /usr/home/web/wno128882/hovedfil.php on line 289

<div id="innhold">

<?php

if($tittel == "Chat") {
 $chat->printChat();
}

} // topp()

<div id="ekstrameny">Ekstramenyinnhold</div>

function bunn() {

**Runar** · 5. november 2006

Du prøver å sette HTML rett inn i PHP, og det er huffhuff.

Prøv å sette inn dette istedet:

PHP

echo "<div id=\"ekstrameny\">Ekstramenyinnhold</div>";

Iris_L · 5. november 2006

Jeg fikk det til.. Sånn hallveis hvertfall (ekstrameny innhold teksten fikk jeg ut til høyre) men da jeg skulle dra ut siden så ble alt bare rot så jeg slettet ale arbeidet :blush: Må begynne helt på ny igjen

Iris_L · 5. november 2006

Haha.. Jeg får det rett og slett ikke til jeg :!: Noen som muligens vil hjelpe meg litt til? Over msn kanskje?

Isåfall så kan dere legge meg til

Enten: [email protected], eller [email protected]

Den første msn adressen blir brukt mest

Iris_L · 5. november 2006

*Bump*

Okey.. Nå skal dere få høre hva jeg har prøvd

Jeg tenkte at hvis jeg ville ha farge på meyen (noe jeg vil) så holdt det ikke bare med en ekstrameny, så jeg laget disse to:

div#menyekstra {
margin-right: 1px;

width: 169px;

float: right;

padding: 10px 0px 15px 0px;

}

div#ekstrameny {

margin-right: 1px;

width: 169px;

float: right;

padding: 10px 0px 15px 0px;

color: #c5d9f9;

}

Satte deretter inn dette:

<div id="menyekstra">

<ul class="ekstramenymeny">
       <center><h3>Ukens kjæledyr:</h3></center>
      <center> <img src='http://dyrepraten.com/ukens.jpg'border="4"</img> </center>
       <br>
       <br>
<?php

Det gikk ikke det heller, selvom jeg satt margin og float til right. Sukk.. :no: Jeg er virkelig håpløs.. :whistle:

Logg inn

Ekstra meny (Noen som kan hjelpe meg i gang?)

Anbefalte innlegg

Iris_L

Lenke til kommentar

Videoannonse

travis_g

Lenke til kommentar

Runar

Lenke til kommentar

Iris_L

Lenke til kommentar

Runar

Lenke til kommentar

Iris_L

Lenke til kommentar

travis_g

Lenke til kommentar

Runar

Lenke til kommentar

Iris_L

Lenke til kommentar

Runar

Lenke til kommentar

Iris_L

Lenke til kommentar

Iris_L

Lenke til kommentar

Iris_L

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer