Stuk code niet werkend krijgen op mobiel

Moderators: Hanmar, Princesj, Mondy, Mjetterd, Nala, ynskek, Polly, Ladybird

Antwoord op onderwerpPlaats een reactie
 
 
Fair
Berichten: 3334
Geregistreerd: 18-01-12

Stuk code niet werkend krijgen op mobiel

Link naar dit bericht Geplaatst door de TopicStarter: 29-10-17 21:05

Hoi,


Meestal los ik dit soort dingen op door 100x te googlen maar helaas kan ik niets vinden. Ik heb een stukje css code wat wel werkt op mijn desktop. Echter als ik de site op mijn telefoon open, pakt hij het nier meer. Het gaat om dit stukje css:

header p {
max-width: 100%;
height: 150px;
padding-top: 20px;
vertical-align: middle;
background-image: url(images/duitse_dog.jpg);
background-repeat: no-repeat;
background-position: 50.00% 44.57%;
background-size: 100%;
background-size: cover;
background-attachment: fixed;
color: white;
text-align: center;
text-transform: uppercase;
padding-top: 100px;
font-family: sans-serif;


Het is dus een soort scroll over. De afbeelding scrolt een soort van mee in het <p> gedeelte. PB voor de server waar het momenteel tijdelijk op staat. (mag niet te druk bezocht worden, sorry.) Het is dus voor een website die helemaal voor mobiel formaat gemaakt is. Echter werkt dit bovenstaande stukje code niet meer zodra ik het op mijn telefoon open.

Kan iemand mij toevallig helpen? Het moet voor vannacht 12u klaar zijn, dus ik zou enorm dankbaar zijn! _/-\o_


Spoiler:
Ik ben best nog een leek in code schrijven, dus excuus als ik soms 'domme' vragen stel.


coldsummers

Berichten: 2059
Geregistreerd: 19-06-12
Woonplaats: Zuid-Holland

Re: Stuk code niet werkend krijgen op mobiel

Link naar dit bericht Geplaatst: 29-10-17 21:58

Moet de afbeelding meescrollen? Want je hebt de header in een <p> gezet (sorry, ik ben niet goed in uitleggen). Dus elke keer als jij een <p> invult in je html code, komt die afbeelding en de gehele code van "header p" ook tevoorschijn. Als ik het goed heb. Ik weet niet zo goed wat je precies wilt.

HEAVEN DOESN'T SEEM SO FAR AWAY....

Badeendje

Berichten: 3578
Geregistreerd: 25-11-11

Link naar dit bericht Geplaatst: 29-10-17 22:08

Wordt overige CSS wel weergeven?
Misschien heb je hier wat aan Stackoverflow

Elk bad heeft er eendje.

Es_ther

Berichten: 15839
Geregistreerd: 28-06-08
Woonplaats: Arnhem

Link naar dit bericht Geplaatst: 29-10-17 22:09

Je hebt PB :).

Heb m even naar de ICT-er in huis gestuurd :+.

Witte paarden snel smerig? Nee joh, ze weten gewoon nog niet welke kleur zij willen hebben!

Fair
Berichten: 3334
Geregistreerd: 18-01-12

Link naar dit bericht Geplaatst door de TopicStarter: 29-10-17 22:09

Jep alles wordt gewoon weergeven, alleen dit stukje vertaalt niet goed door naar mobiel, en ik weet niet hoe/waarom

Badeendje

Berichten: 3578
Geregistreerd: 25-11-11

Re: Stuk code niet werkend krijgen op mobiel

Link naar dit bericht Geplaatst: 29-10-17 22:12

Staat dit in je html?

<meta name="viewport" content="width=device-width, initial-scale=1">

Elk bad heeft er eendje.

Fair
Berichten: 3334
Geregistreerd: 18-01-12

Link naar dit bericht Geplaatst door de TopicStarter: 29-10-17 22:14

Jaa klopt. :)

edit: Ik heb het geprobeerd met dat stukje weghalen, hij scaled de afbeelding dan anders, maar het 'beweegt' nog steeds niet zoals ik het voor ogen heb en zoals hij hoort te gaan.

Badeendje

Berichten: 3578
Geregistreerd: 25-11-11

Re: Stuk code niet werkend krijgen op mobiel

Link naar dit bericht Geplaatst: 29-10-17 22:22

Is het eigenlijk je bedoeling om een plaatje op de achtergrond te hebben die blijft staan/niet meescrollt?
Welke browser werk je mee op je telefoon?

Elk bad heeft er eendje.


Antwoord op onderwerpPlaats een reactie

Wie is er online

Gebruikers op dit forum: Geen geregistreerde gebruikers en 15 bezoekers