Gå til innhold

Webkafeen

enden

Av enden
i Programmering og webutvikling

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
mikk-

mikk-

Skrevet
Skrevet
Ikke dumt tenkt, men hvordan skal jeg klare å linke til at f,eks 1-30 er index, 30-60 er portfolio, osv?

 

Edit:

Du er magisk Mikka, her får man svaret før man i det hele tatt har rukket å spørre. :!:

Hehehe, jeg svarte på det forrige spørsmålet ;)

 

Prinsippene er dog mye de samme, bortsett fra at du må lage hover-greie for hver knapp. I tillegg må du angi posisjonen for "normal".

 

Eksempel:

ul#meny a {
display: block;
width: 30px;
height: 30px;
background-position:  0 top;
}

ul#meny a#link1 { background-image: url("path/fil.png") 0 0; }
ul#meny a#link2 { background-image: url("path/fil.png") 0 30px; }
ul#meny a#link3 { background-image: url("path/fil.png") 0 60px; }

ul#meny a#link1:hover { background-image: url("path/fil.png") 30px 0; }
ul#meny a#link2:hover  { background-image: url("path/fil.png") 30px 30px; }
ul#meny a#link3:hover  { background-image: url("path/fil.png") 30px 60px; }

Lenke til kommentar
flodhest

flodhest

Skrevet
Skrevet

Tror ikke jeg helt har oppfattet cluet her. Ser dette riktig ut? Nå har jeg altså to knapper, identisk av størrelse. Den andre knappen er hover-knappen.

 


ul#meny a {
display: block;
width: 371px;
height: 81px;
background-position:  0 top;
}

ul#meny a:hover {
bacground-position: 0 bottom;
}

ul#meny a#link1 { background-image: url("knapper/index.gif.") 371px 74px; }

ul#meny a#link1:hover { background-image: url("knapper2/index2.gif.") 371px 74px; }

 

html: 

<ul id="meny">
<li><a id="link1" href="#"><span>Link nummer 1</span></a></li>

</ul>

 

Jeg får ikke fram noe bilde, bare tekst. Skal dette fungere med tanke på koden? Noe jeg har gjort feil? :hmm:

Lenke til kommentar
N*

N*

Skrevet
Skrevet (endret)

opera 8.0 beta støtter ikke background-position:center;...

da vet dere det :p

 

edit:

noen som vet om det finnes noe sted det går an å laste ned "syntaksfargetemaer" til dreamweawer? det kunne jo hende :whistle:

Endret av N*
Lenke til kommentar
_Paulsen_

_Paulsen_

Skrevet
Skrevet (endret)

Sliter litt med litt css-kode her... Får ikke fjernet background-optionen på <ul>-taggen min...

 

Legger ved kodesnuttene jeg bruker...

 

Dette er for selve content:

#content ul {
list-style: none;
}

#content li {
background: url("img/ul.gif") no-repeat 0 7px;
padding-left: 15px;
margin: 0 0 0 15px;
}

 

Mens dette her er for navigeringsdelen av siden.

#content #sidebar ul {
list-style: none;
}

#content #sidebar li {
margin-left: 1.5em;
padding-left: 20px;
background: url("img/arrow.gif") no-repeat 0 8px;
}

 

Det som skjer når jeg setter list-style: none; i den siste kodesnutten, vises i steden ul-giffen til selve content, noe jeg ikke vil skal skje. Jeg vil ikke ha noen bilder under #sidebar i det hele tatt... :hmm:

Endret av OShea22
Lenke til kommentar
N*

N*

Skrevet
Skrevet
edit:

noen som vet om det finnes noe sted det går an å laste ned "syntaksfargetemaer" til dreamweawer? det kunne jo hende  :whistle:

Edit - Preferences - Highlightning

jada. jeg vet det. men jeg orker ikke bytte om på alle greiene. det blir ikke noe bra når jeg gjør det heller

Lenke til kommentar
_Paulsen_

_Paulsen_

Skrevet
Skrevet (endret)

SirIce: Okei, legger de ved her nå da ;)

 

Trodde jeg hadde gjort alt riktig, men det har jeg tydeligvis ikke gjort...

 

Edit: får beskjed om at jeg ikke får laste opp .css-fil... :hmm:

 


/*- - - - - - [ UNIVERSALREGELEN ] - - - - - - */
* {
margin: 0;
padding: 0;
}

/*- - - - - - [ GENERELLE STILER ] - - - - - -*/
body {
background: url("img/bg.gif") repeat; /*#C6BBB2;*/
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
}

/*- - - - - - [ TEKSTFORMATERING ]  - - - - - -*/

/*h1 {
height: 103px;
background: #fff url(img/header.jpg) top left no-repeat;
position: relative;
}

h1 span {
display: none;
}*/

h1 {
text-transform: uppercase;
display: none;
}

h2, h3 {
color: #2E4084;
font-variant: small-caps;
/*padding: 5px 0;*/
}

h3 {
font-size: 1em;
padding: 10px 0 0 5px;
}

p {
line-height: 1.5em;
margin-bottom: 1em;
}

/*- - - - - - [ LINKER ] - - - - - -*/
/*a {
font-size: .7em;
}*/

/*- - - - - - [ DIV'S ] - - - - - -*/

div#wrap {
width: 800px;
margin: 0 auto;
}

div#header {
background: url("img/header.jpg");
height: 182px; /* 170px; /* PNG: 256px;*/
margin: 5px 0 0 0;
}

div#content {
background: url("img/main_bg.jpg") !important;
text-align: left;
padding: 0 90px;
/*min-height: 100%;
height: auto !important;
height: 100%;*/
}

div#sidebar {
float: right;
width: 195px !important;
margin: 0 0 0 5px;	
}

.sidebartop {
background: url("img/sidebar_1.jpg");/*url("img/sidebar_top.jpg");*/
height: 54px;/*30px;*/
}

.sidebarmid {
background: url("img/sidebar_2.jpg");/*url("img/sidebar_mid.jpg") repeat-y;*/
}

.sidebarbottom {
background: url("img/sidebar_3.jpg");/*url("img/sidebar_b.jpg");*/
height: 59px;/*30px;*/
}

div#main {
text-align: left;
width: 420px !important; 
width: 410px; /* IE-hack*/
}

div#footer {
background: url("img/footer.jpg");
height: 149px;
clear: both;
}

div#admin {
width: 800px;
margin: 0 auto;
}

/*- - - - - - [ MENY ] - - - - - -*/

#navbar {
margin: 0;
padding: 140px 160px 20px 220px;
font-variant: small-caps;
}

#navbar li {
margin: 0;
padding: 0;
display: inline;
list-style: none;
}

#navbar a {
float: left;
line-height: 1.5em;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #D4BB91;
}

#navbar a:active, #navbar a:hover {
border-bottom: 2px solid #666;
padding-bottom: 2px;
color: #666;
}


/*- - - - - - [ CONTENT ] - - - - - -*/

#content p {
font-size: .7em;
letter-spacing: .1em;
color: #717171;
}

#content img {
margin: 0.3em 10px 0.3em 0;
padding: 5px;
background: #F7F7F7;
border: 1px solid #D9D9D9;
}

#content .floatright {
float: right;
}

#content .floatleft {
float: left;
}

#content a {
font-size: 0.7em;
text-decoration: underline;
color: #D4BB91; /*#999; */
padding: 0 0 2px 0;
}

#content a:visited { /*LoVe/HAte*/
/*color: red;*/
} 

#content a:hover {
text-decoration: none;
color: #999;/*#666;*/
/*padding: 2px;
border: 1px solid #999;
background: #ccc;*/
}

#content a:active {
color: black;
}

#content ul {
list-style: none;
}

#content li {
background: url("img/ul.gif") no-repeat 0 7px;
padding-left: 15px;
margin: 0 0 0 15px;
}

/*- - - - - - [ SIDEBAR ] - - - - -*/

#content #sidebar ul {
list-style: none;
}

#content #sidebar li {
margin-left: 1.5em;
padding-left: 20px;
/*background: url("img/arrow.gif") no-repeat 0 8px;*/
list-style: none;
}

#content #sidebar a {
color: #717171;
}

#content #sidebar a:hover {
color: #999;
}

#content #sidebar h3 {
color: #2E4084;
margin: 0 0 0 1.0em;
font-variant: small-caps;
font-size: 1.1em;
/*letter-spacing: .2em;*/
}

/*- - - - - - [ FOOTER ] - - - - -*/
#footer ul {
list-style: none;
margin: 0;
padding: 70px 450px 5px 0;
}

#footer li {
margin: 0 10px 0 0;
padding: 0;
display: inline;
}

#footer a {
font-size: 0.7em;
text-decoration: none;
color: #666;
}

#footer a:hover {
text-decoration: none;
border-bottom: 2px solid #999;
}

/*- - - - - - [ BLOGSYSTEMET ] - - - - -*/

#main div.artikkel {
padding-bottom: 1.5em;
}

#main div.artikkel p.dato {
margin: 0;
display: inline;
padding: 0 0 5px 0;
line-height: 1em;
}

#main div.artikkel p.lesmer {
/*margin: 0;
display: inline;*/
/*padding: 0 0 15px 0;*/
font-size: 1em;
}

#kommentarer {
padding: 0.8em;
border: 2px solid #999;
}

#kommentarer p {
padding: 5px 0;
}

#kommentarer form {
background: #F6F6F6;
padding: 1em;
border: 1px solid #C6BBB2;
}

#kommentarer legend {
color: #2E4084; /*#666;*/
font-size: 1.2em;
padding: 0 0.7em;
}

#kommentarer label {
font-weight: bold;
color: #999;
font-size: 1em;
}

/*#kommentarer textarea {
overflow: auto;
}*/

#kommentar #navn, #kommentar #email, #kommentar #url, #kommentar textarea { /* formet */
border: 1px solid #999;
padding: 2px;
/*font-size: 0.8em;*/
color: #666;
} 

#kommentar #submit {
background: #fff;
color: #666;
padding: 2px;
border: 1px solid #999;
font-size: 0.8em;
}

.kommentaradminwrap {
background: #F7F7F7;
border: 1px solid #999;
margin-bottom: 10px;
padding-bottom: 0.1em;
}

.kommentarwrap {
border: 1px solid #F7F7F7;
margin-bottom: 10px;
padding-bottom: 0.1em;
}

.kommentarheaderadmin {
background: #F7F7F7;
color: #DEA8DB !important;
font-variant: small-caps;
padding: 2px 5px 2px 5px !important;
font-size: 0.9em;
margin: 0 !important;
line-height: 1.2 !important;
}

.kommentarheader {
background: #dcdcdc;
color: #DEA8DB !important;
font-variant: small-caps;
padding: 2px 5px 2px 5px !important;
font-size: 0.9em;
margin: 0 !important;
line-height: 1.2 !important;
}

.kommentarheaderadmin p, .kommentarheader p  {
display: inline;
font-size: 0.9em;
font-weight: bold;
}

.kommentaradmin p, .kommentar p {
padding: 0 15px;
font-size: 0.7em;
margin-top: 0.7em;
line-height: 1.5;
}


/*- - - - - - [ LOGIN - OG OPPLASTINGFORM ] - - - - - -*/
#login, #bilde{
font-family: Georgia, serif;
font-size: .7em;
color: #999;
text-align: left;
}

#login label, #bilde label {
font-weight: bold;
color: #660000;
}

#login fieldset, #bilde fieldset {
border: 2px solid #ccc;
font-weight: bold;
padding: 10px 10px;
margin: 0 300px;
}

#login fieldset {
width: 200px;
}

#bilde fieldset {
width: 300px;
}

#login legend, #bilde legend {
padding: 4px 8px;
font-size: 1.5em;
color: #ccc;
}

#login p, #bilde p {
margin: 8px 0;
}

#login #brukernavn, #login #passord, #bilde #beskrivelse, #bilde #data {
border: 1px solid #999;
background-color: #fffff0;
color: #333;
padding: 2px;
}

#login #submit, #bilde #submit {
font-size: .8em;
color: #666;
background-color: #fffff0;
border: 1px solid #999;
width: 60px;
}

/*- - - - - - KLASSER - - - - - -*/
.drop {
float: left;
font-size: 3em;
line-height: 1em;
margin: 4px 5px 2px 0;
padding: 4px 10px;
border: 2px solid #999;
background: #ccc;
}

/*- - - - - - [ DIVERSE ] - - - - - -*/
abbr, acronym {
border-bottom: 1px dotted;
cursor: help;
}

code {
color: #7B9905;
font-size: 1.5em;
line-height: 1.2em;
text-align: left;
}

Endret av OShea22
Lenke til kommentar
N*

N*

Skrevet
Skrevet
jada. jeg vet det. men jeg orker ikke bytte om på alle greiene. det blir ikke noe bra når jeg gjør det heller

Har laget meg et skjema som jeg liker veldig godt. Hvis du synes det ser stilig ut kan jeg sikkert legge ut skjemafila til deg.

jaaa! :D

Lenke til kommentar
Cucum(r)

Cucum(r)

Skrevet
Skrevet
Et kjapt spørsmål: Jeg mener å ha lest en gang om en kommando man kan bruke for å sjekke når en nettside sist ble oppdatert. Eksisterer det en slik?

Man kan alltids lage et script som leser gjennom en bestemt side, for å så sjekke om den samme siden har blitt endret på.

 

Bloglines sin RSS-tjeneste fungerer på en lignende måte. Den leser gjennom date-elementet i det distinkte RSS-dokumentet, og finner dermed ut om dokumentet har blitt oppdatert siden forrige sjekk eller ikke.

Lenke til kommentar
_Paulsen_

_Paulsen_

Skrevet
Skrevet (endret)

Sitter med bloggen min nå, men har et par problem som jeg ikke helt klarer å løse...

 

Det første er #footeren min, som av en eller annen merkelig grunn posisjonerer seg akkurat slik den vil, noe jeg ikke helt skjønner...

 

Håper noen ser hva jeg har gjort feil..

 

EDIT: Link er kjekt ja...

 

EDIT 2: Fant ut hva jeg hadde gjort for noe feil når det gjelder <li>'ene mine, så nå er det løst. Men jeg har fortsatt problemer med "problem 1".... :hmm:

Endret av OShea22
Lenke til kommentar

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...