Gå til innhold

Problemer med borders

Sponis

Anbefalte innlegg

Sponis

Sponis

Skrevet
Skrevet

Dette er min CSS; men det kommer ingen border.

 

#innhold
  { position: absolute;
    
    left: 250px;
    
    top: 200px;
                 }
{ border-style: dashed;
border-width: 3px;
border-left-width: 10px;
border-right-width: 10px;
border-color: red;}

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
haugsand

haugsand

Skrevet
Skrevet (endret)

#innhold {

position: absolute;

left: 250px;

top: 200px;

border-style: dashed;

border-width: 3px;

border-left-width: 10px;

border-right-width: 10px;

border-color: red;

}

 

}{ i midten gjorde at de siste deklarasjonene ikke hadde noen selektor.

 

Forøvrig kan dette gjøres litt enklere:

 

#innhold {

position: absolute;

left: 250px;

top: 200px;

border-top: 3px dashed red;

border-right: 10px dashed red;

border-bottom: 3px dashed red;

border-left: 10px dashed red;

}

Endret av satyrium
Lenke til kommentar
haugsand

haugsand

Skrevet
Skrevet

Det er ikke snilt å gi feil løsning, helt uten forklaring.

 

Dersom listen har fast bredde, og det er selve listen du vil ha midtstilt, legger du til dette:

 

ul {

margin: 0 auto;

}

 

Dersom det er selve teksten inne i listen du vil ha midtstilt, legger du til dette:

 

li {

text-align: center;

}

Lenke til kommentar
Steinmann

Steinmann

Skrevet
Skrevet
Det er ikke snilt å gi feil løsning, helt uten forklaring.

 

Dersom listen har fast bredde, og det er selve listen du vil ha midtstilt, legger du til dette:

 

ul {

margin: 0 auto;

}

 

Dersom det er selve teksten inne i listen du vil ha midtstilt, legger du til dette:

 

li {

text-align: center;

}

når var sist en liste hadde fast bredde da?

setter man text-align:center i den div'n listen ligger i,

også text-align:left i ul vil resultetet bli riktig.

 

nå har du vært litt uklar da alex, så du får skrike ut hvis vi

ikke er i nærheten engang.

Lenke til kommentar
Sponis

Sponis

Skrevet
  • Forfatter
Skrevet

hm, no er htmlen min:

 

<html>
<head>
<link rel="stylesheet" type="text/css" href="web.css" /></head>
<body>
<div id=innhold>
<li>
<ul>Meny 1</ul>
<ul>Meny 2</ul>
<ul>Meny 3</ul>
<ul>Meny 4</ul>

</body>
</html>

 

Og CSSen min:

 

#innhold
  { position: absolute;
    
    left: 100px;
    
    top: 200px;
                 
border-style: solid;
border-width: 1px;
border-left-width: 2px;
border-right-width: 2px;
border-color: #0099FF;
      
}

#li 
 {
  text-align: leftr;
}

 

Men, det funker ikkje. Listen er heilt høgrestilt i borderen, men det er ein liten prik som er venstrestilt. Kva er feil?

Lenke til kommentar
haugsand

haugsand

Skrevet
Skrevet

orsus: Du har fortsatt feil, text-align: center; brukes bare til å midtstille inline-element. En ul har fast bredde hvis width er bestemt.

 

aleksanderrr: Det er alvorlige feil og mangler i koden din, les kursene på www.htmldog.com

 

Listen din satt opp feil, dette er riktig:

 

<ul>

<li>Meny 1</li>

<li>Meny 2</li>

<li>Meny 3</li>

<li>Meny 4</li>

</ul>

Lenke til kommentar
potetskrell

potetskrell

Skrevet
Skrevet (endret)

@satyrium: Det du sa øverst ble ikke mye enklere. For det første så må man definere border-style: mange flere ganger om man vil forandre på det til hele greia, og i tillegg sparte man bare 3 tegn på det. Dvs, noen bytes.

 

Edit: Du er tilgitt, :p

 

Men er vel en vanesak ja. Og merk at jeg mener at det er enklest. :)

Endret av Ingardj
Lenke til kommentar
Steinmann

Steinmann

Skrevet
Skrevet

sitter å lurer på i hvilken sammenheng man vil midstille en uornet liste...,

midstille texten er en ting, men det å midstille selve lista.

 

hmm, men så lenge han aleks ikke lukker tagene sine osv...

kom med en link så kansje vi kan hjelpe mer,

eller finne en bedre metode utifra hva du egentlig prøver å opnå :\

Lenke til kommentar
PoleCat

PoleCat

Skrevet
Skrevet
sitter å lurer på i hvilken sammenheng man vil midstille en uornet liste...,

midstille texten er en ting, men det å midstille selve lista.

Er vel så enkelt som å sette bredde og margin: 0 auto; på ul-elementet, samt text-align: center på parent-element (for IE5). Eller overser jeg noe veldig vitalt her nå? :hmm:

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
×
×
  • Opprett ny...