Hi!
I’m currently working on a homepage for my band!
And I’m currently designing a Download page.
downloads.soundgeil.at
I gotta say, I’m working with html and css for 4 hours now… so pls don’t blame me for not working correctly.
I’ve tried to implement your code to make a table responsive. So far it has become responsive, but now it has smashed some of my previous css modifications esp that one, that the image is in the center and that the links are Black, and become red on hover.
I think some modifications are now doubled, and interfering with each other.
The page is built of one big div. In this one is the main content and the table.
I’ve created several things… I don’t even know how to call them:
a:link {
color: black; !important
font: bold;
text-decoration: underline;
}
a:visited {
color: black;
font: bold;
text-decoration: none;
}
a:active {
color: black;
font: bold;
text-decoration: none;
}
a:hover {
color: red; !important
font: bold;
text-decoration: underline;
}
to modify the standard html functions.
but these aren’t working anymore.
this is the css for the normal table.
.DownloadTable { //Downloads Tabelle
position: static;
width: 80%;
margin: auto;
text-align: left;
background-color: #CCC;
padding: 7px;
border-style: solid;
border-width: thin;
border-color: black;
border-top-left-radius: 10pt 10pt;
border-top-right-radius: 10pt 10pt;
border-bottom-right-radius: 10pt 10pt;
border-bottom-left-radius: 10pt 10pt;
}
I don’t know what to change to receive the correct link colors and image position.
Please help me!
