Hjelp videre med CSS.

[arthoz]

Kan godt hende HTML'en ser rar ut, den første siden jeg har lagd kun med å skrive kode og ikke WYSIWYG-editor.

 

-Den <li> delen lager en dott foran teksten som jeg ikke vil ha...

-Har ikke undermenyer. Menyen er liksom bare delt opp i flere deler nedover med spaceren.

-Har ikke lagt ut siden enda...

Satte </div> under menyen men da be det sånn:

6008317[/snapback]

 

Du kan fjerne eller bruke noe annet istedet for den dotten. (mere info på http://www.w3schools.com/css/css_reference.asp#list )

 

Og igjen, er vanskelig å se hva som er feil med at den kommer under uten at du paster noe kode, har du float: left|right; på meny og innhold div'ene? hvis du har, kan det være at width: ##px; på innhold er for stor, så den hopper ned fordi det rett og slett ikke er plass. Eller så er det som jeg også nevnt kanskje at du har "clear: both|left|right; et sted i CSS'n på menyen.

[Amento]

Jippi! Den float greia fiksa det hele. Hadde ikke det sjø

Takk arthoz

[Arve Systad]

Dreamweaver har hovedsaklig to valg, layers eller tables (kan også bruke divs, men det har jeg ikke prøvd). Layers fungere slik at du bestemmer en verdi, for eksempel 20 piksler, som indikerer hvor langt et gitt element skal være fra toppen eller fra venstre marg på siden.

 

"Layers" i Dreamweaver er div-element stilisert med eit stilark.

5974834[/snapback]

 

Som betyr at?

5974981[/snapback]

 

At "layers" og "divs" er akkurat det samme.

 

Peika eigentleg tilbake på Wizendraw sitt svar

[Amento]

Jeg bruker <h1> og <h2> rett under hverandre uten noe <br> eller padding, men likevel så blir det et stort åpentrom mellom de to linjene med tekst... Hvordan får jeg de to linjene til å stå rett under hverandre uten noe åpentrom?

[Kim T]

På grunn av at h1 og h2 tagger har "innebygd" padding/margin. Hvis du setter dette først i CSS filen vil du fjerne alt slikt:

 

* {
margin: 0px;
padding: 0px;
}

Eller hvis du kun vil ha det på "h" elementene gjør du slikt:

h1, h2 {
margin: 0px;
padding: 0px;
}

[Amento]

Takk for hjelpen

[Amento]

Jobber med bakgrunnen o hovedfeltet på siden min. Dette skal være bakgrunnstoppen:

 

Dette skal være selve bakgrunnen:

 

Hvordan kan jeg lage bakgrunnen slik? Altså at det første bildet er på toppen og at det andre bildet er selve bakgrunnen?

[Even.]

Du kan ikke ha to bakgrunner i en div. Du må lage to diver.

[arthoz]

Jobber med bakgrunnen o hovedfeltet på siden min. Dette skal være bakgrunnstoppen:

 

Dette skal være selve bakgrunnen:

 

Hvordan kan jeg lage bakgrunnen slik? Altså at det første bildet er på toppen og at det andre bildet er selve bakgrunnen?

6014200[/snapback]

 

Om du har <h#> rett under <div>'n du skal ha bakgrunnen på, kan du sette den repterende bakgrunnen på <div>'n, og den øverste på <h#> elementet (om du har padding på div'n, kan man også bruke "margin: -14px;" om man vil på <h#>'n

[Amento]

Det skjønte jeg ikke helt...

[arthoz]

Det skjønte jeg ikke helt...

6014516[/snapback]

 

Eksempel:

 

<div id="box"><h3>En Fin header</h3>
<p>Masse fint innhold</p>
</div>

CSS:

#box h3 { background: url(topp.png) no-repeat; }
#box { 
 height: 100px;
 width: 100px;
 background: url(repeterende.png) repeat-y;
}

 

(tror den fungerer )

Endret 30. april 2006 av arthoz

[Amento]

Hva om jeg ikke har noe <h-ett eller annet> på toppen?

[arthoz]

Hva om jeg ikke har noe <h-ett eller annet> på toppen?

6014560[/snapback]

 

Vel, om du ikke har noe passende element der, så blir du nok nødt til å slenge inn en ekstra <div> for å få effekten du vil ha ^^;

[Amento]

Fikk det til. Takk igjen

[Amento]

Hvordan gjør jeg det sånn at tekst kan komme på siden av et bilde? Hadde bildet og tekst i en <p> Men da jeg brukte en <br> så kom teksten etter under bildet og ikke bare en linje under...

 

EDIT: Løst

Endret 1. mai 2006 av Zathardor

[Amento]

Etter en del om og men så har jeg nå funnet ut at jeg virkelig trenger en liten side-meny. Problemet er at jeg aldri har fått to diver til å stå ved siden av hverandre skikkelig... Må lirke og lirke med margin-greia og når det itl slutt funker i Opera så ser det helt på trynet ut i Mozilla og IE. Kan noen fortelle meg hvordan jeg setter to diver ved siden av hverandre på en skikkelig måte og som funker i Opera, FF og IE?

[Even.]

venstre {
   width: 200px;
   margin: 10px;
   border: 2px;
   float: left;
   display: block!important;
   display: inline;
}

hoyre {
   width: 200px;
   margin: 10px;
   border: 2px;
   float: left;
   display: block!important;
   display: inline;
}

 

<div id="venstre">
   <ul>
       <li>tamdidam</li>
       <li>damdididam</li>
      <li>trallalalalala</li>
   </ul>
</div>
<div id="hoyre">
   <p>Dette er den venstre div'en. Her kommer masse innhold og sånn</p>
</div>

 

Skal fungere. Den er skrevet "on-the-fly" så regn med noen skrivefeil her og der. Det nederste med display kan evt. sløyfes. Det er til en bug-fix i IE. Som du sikkert vet måler IE margin feil på floatede elementer, men med denne "hacken" gjør den ikke det.

Endret 3. mai 2006 av EvoZ

[Amento]

Får det ikke til å fungere... Alle divene blir bare stablet nedover Har på en måte 3 høyre-diver. En topp en hoved og en bunn... Hva er det som er galt?

[Amento]

OK, nå har jeg fått til de to div'ene. Men tror du ikke at teksten i den nye div'en ikke vises i IE?! Hva i alle dager er galt nå??

 

EDIT: Glem det var ikke noe galt... Bare jeg som rotet litt. Har ikke sovet på 1 1/2 døgn...

Endret 6. mai 2006 av Zathardor

[Amento]

Får ikke til linkene som jeg vil...

Detter er det jeg har i CSS:

div#menu a:hover {
color: #e8580a;
text-decoration: none;
}

div#menu a:link {
color: #095ca3;
text-decoration: none;
}

div#menu a:active {
color: #e8580a;
text-decoration: none;
}

div#menu a:visited {
color: #095ca3;
text-decoration: none;
}

 

problemet er at den a:link greia på en måte legger seg over alle de andre. jeg vil ikke ha den standar lilla-fargen på linker så jeg må legge til en farge i a:link men problemet er at den fargen da er på linkene uansett, slik at jeg ikke får den fargen som jeg vil på hover...

Vet noen hva som er problemet?