my svg image is not showing up in the newest mozilla firefox.
The svg is approximately 1.3MB big and (530x216)px (wxh).
I try to display it in a way smaller div (navigationbar on top of the page).
But only thing that shows up is the alternative text.
The permissions are correct! apache-user can read the picture. The path to the svg in the html is also correct!
My html:
<!DOCTYPE html>
<html>
<head>
<title>Ubuntu</title>
<link rel="stylesheet" type="text/css" href="style/general.css" />
<link rel="stylesheet" type="text/css" href="style/navigationBar.css" />
<link rel="stylesheet" type="text/css" href="style/content.css" />
</head>
<body>
<div id="navigationBar">
<img src="pictures/logo.svg" alt="mm World" />
<a href="mmHome.html" class="navigationButtonSelected">Home</a><a href="ubuntuOverview.html" class="navigationButton">Ubuntu</a>
</div>
<div id="content">
<h1>Welcome to mm</h1>
</div>
<script type="text/javascript" src="javascript/mmJavascript.js" />
</body>
</html>
My navigationbar.css:
#navigationBar {
background-color:#660099;
text-align:center;
}
.navigationButton {
background-color:transparent;
border-bottom:2px solid transparent;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:17px;
padding:16px 31px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
}
.navigationButtonSelected {
background-color:transparent;
border-bottom:2px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:arial;
font-size:17px;
padding:16px 31px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
}
.navigationButton:hover {
border-bottom:2px solid #18ab29;
}
.navigationButton.navigationButtonSelected:active {
position:relative;
top:1px;
Aucun commentaire:
Enregistrer un commentaire