Gå til innhold

Kan jeg rotere en <hr> 90º ?


Anbefalte innlegg

Skrevet (endret)

Kan en <hr>tag snus 90 grader? eller finnes det en annen kode for å lage en vertikal strek?

 

Endret emnetittel. "hr 90grader" er både et brudd på 3-ords-regelen og et lite beskrivende emnefelt. Prøv å gjøre nytte av flere av de 40 tegnene til rådighet til neste gang. PoleCat

Endret av PoleCat
Videoannonse
Annonse
Skrevet (endret)

Dessverre, det er ingen element som tilfredstiller dine behov. Alternativet må være å legge til en border enten til høyre eller venstre på et element som omsvermer innholdet, eventuelt ha et bakgrunnsbilde.

Endret av satyrium
Skrevet (endret)

Er det ikke mulig å style en hr slik at den funker som vertikal linje?

Alt er mulig med CSS. Skulle ihvertfall tro det.

 

EDIT: Simon er trøtt og blander horisontal og vertikal.

Endret av Dunestar
Skrevet

Hmm. Mulig man kan sette width til 1px elns og øke høyden til ønsket verdi (500px eller noe sånt). Har opplevd at hr er et temmelig vanskelig element å style, spesielt siden det legges til en sprø border i bunn i noen browsere.

Skrevet

For et blokkelement kan ikke gjøre samme nytten?

 

<div>Venstre strek, juhu!</div>.

 

div {

float: right; /* Kommer jo an på hvor man vil ha streken selvsagt */

height: 10em;

width: 1em;

border-left: 1px solid #444;

}

Skrevet
Enklere med gode gamle pixeltrikset det.

 

Bare lag et gifbilde bestående av en px. I img-tagen setter du høyde og bredde.

Husk at det gamle pixeltrikset har bidratt til å ødelegge internett. Spacer-gifs og tabell-layout :no:

Skrevet
For et blokkelement kan ikke gjøre samme nytten?

 

<div>Venstre strek, juhu!</div>.

 

div {

float: right; /* Kommer jo an på hvor man vil ha streken selvsagt */

height: 10em;

width: 1em;

border-left: 1px solid #444;

}

Var det kanskje noe som het semantikk? ;)

Skrevet

Dette er bare en strek til å separere kolonner, blottet for semantisk mening spør du meg. Det enkleste blir såklart å settte border på et div-element som allerede eksisterer.

Skrevet
For et blokkelement kan ikke gjøre samme nytten?

 

<div>Venstre strek, juhu!</div>.

 

div {

float: right; /* Kommer jo an på hvor man vil ha streken selvsagt */

height: 10em;

width: 1em;

border-left: 1px solid #444;

}

Var det kanskje noe som het semantikk? ;)

Nå svarte jo vi, Daniel og jeg, på GIF-løsningen... som jeg forøvrig har lyst til å dra etter anus til Kirkenes.

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