Teknik, hosting & e-handelsløsninger

Svar: aligne sprog flag

Martin Fredskov — Tue, 21 Jan 2014 13:24:07 GMT

lech07:

hvad gør jeg forkert, har lagt det ind således:

@media screen and (max-width:1058px) {
#tt-boxed-layout {width:96%;}
#tt-boxed-layout .center-wrap,
#tt-boxed-layout #main-wrap {width: 94%;}
#tt-boxed-layout .banner-slider .center-wrap {width: 97%;}
#sprogvalg{
position:static;
}

}
}

@media screen and (max-width: 990px){/*Allow 30px for the scrollbar*/
.top-aside, header, .banner, .banner-slider, .small_banner, #content-container, .footer-callout, footer {
min-width:100%;
}

p{
line-height:1.6em !important;
} og har brugt i min ccs style:
right:-160px; For at få flagene helt til højre. Burde det ikke virke selv om jeg har flagene helt til højre?

Hej, i stedet for alle de mails frem og tilbage, måske jeg skulle se på det?
Evt. via mail giv mig et midlertidigt password til siden, så fixer jeg det i løbet af et par minutter.

Du har min mail :)

mvh. fredskov

Svar: aligne sprog flag

lech07 — Tue, 21 Jan 2014 13:07:20 GMT

hvad gør jeg forkert, har lagt det ind således:

@media screen and (max-width:1058px) {
#tt-boxed-layout {width:96%;}
#tt-boxed-layout .center-wrap,
#tt-boxed-layout #main-wrap {width: 94%;}
#tt-boxed-layout .banner-slider .center-wrap {width: 97%;}
#sprogvalg{
position:static;
}

}
}

@media screen and (max-width: 990px){/*Allow 30px for the scrollbar*/
.top-aside, header, .banner, .banner-slider, .small_banner, #content-container, .footer-callout, footer {
min-width:100%;
}

p{
line-height:1.6em !important;
} og har brugt i min ccs style:
right:-160px; For at få flagene helt til højre. Burde det ikke virke selv om jeg har flagene helt til højre?

Svar: aligne sprog flag

Martin Fredskov — Tue, 21 Jan 2014 12:52:50 GMT

lech07:

i nogle sekunder kunne jeg ikke lige finde tråden, men nu fandt jeg den.

Er det korrekt sådan her?

@media screen and (max-width:1058px) {
#tt-boxed-layout {width:96%;}
#tt-boxed-layout .center-wrap,
#tt-boxed-layout #main-wrap {width: 94%;}
#tt-boxed-layout .banner-slider .center-wrap {width: 97%;}

#sprogvalg{
position:static;

}

} hvad vil du ellers anbefale af ting der skal rettes så den reponsive del er i orden?

Det er sådan, ja :)

Svar: aligne sprog flag

lech07 — Tue, 21 Jan 2014 11:45:19 GMT

i nogle sekunder kunne jeg ikke lige finde tråden, men nu fandt jeg den.

Er det korrekt sådan her?

#sprogvalg{
position:static;

}

} hvad vil du ellers anbefale af ting der skal rettes så den reponsive del er i orden?

Svar: aligne sprog flag

Martin Fredskov — Mon, 20 Jan 2014 13:05:08 GMT

Billederne var lige store, men flagenes placering på selve billedet var ikke identisk, det ene flag sad højere oppe på billedet og havde mere luft i bunden end det andet :)

lech07:
Synes slet ikke det ser så godt ud når man ser det fra en mobil eller hvis man gør browservinduet mindre, og nogle ting vises ikke på de mobile enheder, såsom slideren længst nede på siden (gætter på at det også er fordi den skal inkluderes i den mobile skabelon)

Er flere ting der skal rettes i den responsive del, men flagene kan laves ved at tilføje:

#sprogvalg{
position:static;

}

i den responsive del, typisk er det inde i en kodeblok der starter med @media all/screen and {en condition){

Svar: aligne sprog flag

lech07 — Mon, 20 Jan 2014 12:36:13 GMT

hov jeg glemte lige at spørge, nu når flagene er sat op er de responsive? Eller skal jeg have dem ind i den mobile version med css?
Kan jeg bruge det du sendte sidst og hvad skal der præcis stå og hvor for at der virker?

samtidigt synes jeg generelt at min mobile version ikke viser det ordentligt, er der fejl i den?

Synes slet ikke det ser så godt ud når man ser det fra en mobil eller hvis man gør browservinduet mindre, og nogle ting vises ikke på de mobile enheder, såsom slideren længst nede på siden (gætter på at det også er fordi den skal inkluderes i den mobile skabelon)

Svar: aligne sprog flag

lech07 — Mon, 20 Jan 2014 12:21:49 GMT

Tak for det, så ser det ud til at de er på linie.
Jeg forstår dog ikke hvordan det kunne være billederne den var gal med da de var lige store?

Hvad var svaret eller løsningen? Jeg undrer mig nemlig lidt :)

Hvis det kan lykkes, synes du så flagene burde ligge helt til højre efter de sociale links?

Svar: aligne sprog flag

lech07 — Sun, 19 Jan 2014 21:03:23 GMT

ok super! :)

det kan sendes til post@zorbas.dk

Svar: aligne sprog flag

Martin Fredskov — Sun, 19 Jan 2014 20:09:37 GMT

JeppeSkovsgaard:

Et hurtigt fix kunne være at give det danske flags img en class og give det danske flag en negativ top-værdi. Sådan her:

<img src="wp-content/uploads/dansk-flag.png" alt="læs siden på dansk" class="danishFlag">

.danishFlag {

position: absolute;
top: -4px; }

Eller give det svenske flag top: 4px hvis det er pænere, at den kommer længere ned.

Men jeg har dog ikke cross-browser/device testet.

Det ville blive noget gris med en masse hurtige løsninger :)

Desuden har jeg rettet billede-filen sådan at de står samme sted i begge filer, skal bare bruge en e-mail jeg kan sende det på.

Svar: aligne sprog flag

Anonymous — Sun, 19 Jan 2014 19:40:57 GMT

Et hurtigt fix kunne være at give det danske flags img en class og give det danske flag en negativ top-værdi. Sådan her:

.danishFlag {

position: absolute;
top: -4px; }

Eller give det svenske flag top: 4px hvis det er pænere, at den kommer længere ned.

Men jeg har dog ikke cross-browser/device testet.

Svar: aligne sprog flag

Martin Fredskov — Sun, 19 Jan 2014 19:17:35 GMT

Det er billederne den er gal med - de er ganske vidst lige store, men de er ikke placeret samme sted på begge flag.
Jeg kan fixe dem hvis du lige skriver din mail i en PM

Svar: aligne sprog flag

lech07 — Sun, 19 Jan 2014 18:47:13 GMT

hej

Jeg har prøvet som du skrev.
Jeg er der næsten men flagene er ikke helt på linie.

Mangler jeg noget?

Svar: aligne sprog flag

Martin Fredskov — Wed, 15 Jan 2014 16:28:33 GMT

Hvis der skal mere end ét flag ind foreslår jeg du skriver således i dit text-widget:

<div id="sprogvalg">

</div>

i dit CSS tilføjer du følgende:

#sprogvalg{
position:absolute;
top:-45px;
text-align:center;
}

herefter burde du kunne tilføje så mange flag som det lyster.
evt. sæt en bredde med "width:<ønskede bredde>;" og "height:<ønskede højde>;"

Svar: aligne sprog flag

lech07 — Tue, 14 Jan 2014 22:43:44 GMT

men det var noget af det rigtige, for jeg er ikke langt fra. hvordan får jeg lagt to flag ind ialt med link?

Svar: aligne sprog flag

Martin Fredskov — Tue, 14 Jan 2014 22:20:53 GMT

Hm er ikke helt sikker, jeg tjekkede det med developers tools med det setup der var da jeg skrev ;o