Vandret scroll

Her kan du stille og svare på spørgsmål omkring CSS
Besvar
Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg: 709
Tilmeldt: 21. jun 2012, 23:40
Kontakt:

Vandret scroll

Indlæg af scootergrisen » 4. nov 2013, 07:29

Hvis jeg har et element med vandret scrollbar også jeg har noget indhold i det element som jeg ikke kender bredden på og hvor indholdet kan skifte hvordan får jeg så indholdet til at stå på samme "linie" ?

Som det er nu skal jeg sætte width før der kommer scrollbar ellers wrapper det bare til næste linie også kommer der ikke scrollbar.

Jeg vil helst undgå at skulle sætte width fordi så er det lettere at skifte indholdet.

Kode: Vælg alt

<div style="overflow-x: scroll;">

   <div style="width: 800px;">

      <a href="/">
         <img src="/">
         <span>200 pixels bred</span>
      </a>

      <a href="/">
         <img src="/">
         <span>200 pixels bred</span>
      </a>

      <a href="/">
         <img src="/">
         <span>200 pixels bred</span>
      </a>

      <a href="/">
         <img src="/">
         <span>200 pixels bred</span>
      </a>

      <div class="clearboth"></div>

   </div>

</div>

MrLundholm
Rutineret
Rutineret
Indlæg: 50
Tilmeldt: 20. sep 2013, 15:33
Kontakt:

Re: Vandret scroll

Indlæg af MrLundholm » 4. nov 2013, 21:07

Kode: Vælg alt

<div style="overflow-x: scroll;width:auto;display:inline-block">

      <a href="/">
         <img src="/">
         <span>200 pixels bred</span>
      </a>
            ...

      <div class="clearboth"></div>

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg: 709
Tilmeldt: 21. jun 2012, 23:40
Kontakt:

Re: Vandret scroll

Indlæg af scootergrisen » 5. nov 2013, 05:12

Det wrapper også med denne kode.

Kode: Vælg alt

<div style="overflow-x: scroll;width:auto;display:inline-block">

   <a href="/">
      <img src="/">
      <span>200 pixels bred</span>
   </a>

   <a href="/">
      <img src="/">
      <span>200 pixels bred</span>
   </a>

   <a href="/">
      <img src="/">
      <span>200 pixels bred</span>
   </a>

   <a href="/">
      <img src="/">
      <span>200 pixels bred</span>
   </a>

   <div class="clearboth"></div>


</div>

MrLundholm
Rutineret
Rutineret
Indlæg: 50
Tilmeldt: 20. sep 2013, 15:33
Kontakt:

Re: Vandret scroll

Indlæg af MrLundholm » 5. nov 2013, 12:21

scootergrisen skrev:Det wrapper også med denne kode.

Kode: Vælg alt

<div style="overflow-x: scroll;width:auto;display:inline-block">

   <a href="/">
      <img src="/">
      <span>200 pixels bred</span>
   </a>

   <a href="/">
      <img src="/">
      <span>200 pixels bred</span>
   </a>

   <a href="/">
      <img src="/">
      <span>200 pixels bred</span>
   </a>

   <a href="/">
      <img src="/">
      <span>200 pixels bred</span>
   </a>

   <div class="clearboth"></div>


</div>
Det er jo det samme som min kode?

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg: 709
Tilmeldt: 21. jun 2012, 23:40
Kontakt:

Re: Vandret scroll

Indlæg af scootergrisen » 5. nov 2013, 15:55

Ja det var også det du forslog jeg prøvede men det hjalp ikke.

MrLundholm
Rutineret
Rutineret
Indlæg: 50
Tilmeldt: 20. sep 2013, 15:33
Kontakt:

Re: Vandret scroll

Indlæg af MrLundholm » 5. nov 2013, 18:30

scootergrisen skrev:Ja det var også det du forslog jeg prøvede men det hjalp ikke.
Jeg fik det til at virke fint på min pc

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg: 709
Tilmeldt: 21. jun 2012, 23:40
Kontakt:

Re: Vandret scroll

Indlæg af scootergrisen » 6. nov 2013, 02:54

Kommer der en scrollbar hvor du kan scrolle når du gør vinduet smalt ?

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg: 709
Tilmeldt: 21. jun 2012, 23:40
Kontakt:

Re: Vandret scroll

Indlæg af scootergrisen » 6. nov 2013, 03:06

Her en en demo hvor den ene har width sat og virker og den anden har ikke width sat og den kan ikke scrolle.
Demo : http://netkoder.dk/test/test0251.html

Besvar