5
Quando cambio la dimensione del testo in div (id = "home"), cambia anche la dimensione del div. Voglio poter cambiare la dimensione del testo senza che la dimensione div cambi ogni volta.Come si modifica la dimensione del carattere in HTML/css senza che la dimensione div cambi?
Ecco il codice HTML:
<!DOCTYPE html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
<link type="html/css" rel="stylesheet" href="websiteCSS.css"/>
<title>PROTOTYPE</title>
</head>
<body>
<div id="sidebar"></div>
<div id="home" class="header">Home</div>
</body>
</html>
e CSS:
body{
margin: 0;
background: #d5e9d7;
}
#sidebar {
z-index: 1;
position: fixed;
width: 20%;
height: 100%;
margin-top: 0;
margin-left: 0;
#background-color: light blue;
background-image: linear-gradient(to bottom, #545454 0%, #424242 100%);
margin-bottom: 10px;
}
.header {
position: fixed;
width: 2.5em;
height: 1em;
padding: 8px;
background-color: #b2b2b2;
margin-top: 0.5%;
margin-left: 20.5%;
font-family: 'Josefin Sans', sans-serif;
font-size: 2em;
color: #333333;
}
.header:hover {
font-size: 2.1em;
}
Sono di fronte a un problema simile. E non posso predeterminare l'altezza del mio div. Ho bisogno che sia impostato all'altezza che sarebbe se il carattere fosse già così grande. Sto avendo effetti al passaggio del mouse per aumentare la dimensione del carattere. – nikhilvj