@media Beschreibung

[ELO63]

Hallo,
habe für unsere Artikelbeschreibung eine Vorlage für uns selber gemacht und in Der Desktop Version sieht es auch super aus https://www.bulktex.de/kette-bodenkette-passend-fuer-hofmann-hebebuehne-ge-30-gse-300-320
in der Monilien da ist es noch nicht ganu so gut, obwohl mit Notepad ud meinem css geht es nur bei dem shop nicht.

Jetzt weiß ich nicht ob das richtig ist mit den .desc vor media

.desc @media only screen and (max-width: 480px)
Hiermal der Code

/* Beschreibungs Text der Artikel mit Tabelle Media */

.desc @media only screen and (max-width: 480px) {
.desc .beschreibung {
width: 90%;
}

.desc h1, h2, h3, h4 {
width: 300px;
}

.desc p {
width: 300px;
}


.desc hr {
width: 100%;
height: 3px;
margin-left: auto;
margin-right: auto;
background-color: #14B1EC;
border: 0 none;
}


.desc .tabelle-uwe tr {
display: block;
width: 50%;
}

.desc .tabelle-uwe tr, td{
border: 3px solid silver;
}

.desc .tabelle-uwe caption {
display: inline-block;
text-align: left;
}

.desc .tabelle-uwe tbody tr{
background-color: #14B1EC;

}

}


/* Beschreibungs Text der Artikel mit Tabelle Desktop */

.desc .beschreibung {
width: 100%;
}

.desc hr {
width: 100%;
height: 3px;
margin-left: auto;
margin-right: auto;
background-color: #14B1EC;
border: 0 none;
}


.desc .tabelle-uwe {
table-layout: fixed;
width: 100%px;
height: 100px;
color: black;
}

.desc .tabelle-uwe caption {
text-align: center;
font-weight: bold;
}

.desc .tabelle-uwe tr {
background-color: #F2F2F2;
}

.desc .tabelle-uwe th {
background-color: #14B1EC;
}

.desc .tabelle-uwe td {
padding: .3em;
border: thin solid;
table-layout: fixed;
}

.desc tbody tr:hover {
background: #14B1EC;
color: black;
}

Was ist daran falsch, in Notepad und Ansicht geht es

Danke

Elo

 

[Enrico W.]

Bitte beachte: Das ist das Wawi-Forum.
Um welchen Shop geht es genau? Dann verschiebe ich das Thema da hin.

 

[ELO63]

shop 5