|
<< Click to Display Table of Contents >> Navigation: Telegram > 2024 > 09 > 16 > Telegram_2024-09-16T04 |
2024-09-16T04:16:23
Normal Page
2024-09-16T04:16:33
Intraweb
2024-09-16T04:17:32
Looks to be an issue with css resources not being loaded onto the page correctly
2024-09-16T04:17:55
are you using the IW template processor?
2024-09-16T04:18:31
yes.... there is other option than IW template processor?
2024-09-16T04:18:44
and have you made sure if so that all IW components on the form have any IW style properties disable (StyleRenderSettings)
2024-09-16T04:19:16
I don t have any IW components on it only normal HTML page
2024-09-16T04:20:40
I'd say this is probably due to the css file not being loaded correctly. is the CSS in the correct folder for being delivered as a resource to the browser via IntraWeb? And is the CSS file being linked by your HTML file?
2024-09-16T04:22:58
I don't have any css only HTML
2024-09-16T04:23:00
Centro Prenotazioni
body, html {
margin: 0;
padding: 0;
height: 100%;
font-family: Arial, sans-serif;
}
body {
display: flex;
flex-direction: column;
background-color: type: hashtag #e6f3ff ;
}
header, footer {
background-color: type: hashtag #2c3e50 ;
color: white;
padding: 1rem;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
header {
display: flex;
justify-content: center;
align-items: center;
}
.logo {
font-size: clamp(1rem, 4vw, 1.5rem);
font-weight: bold;
}
main {
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
padding: 2rem;
}
.container {
display: flex;
gap: 4vw;
justify-content: center;
flex-wrap: wrap;
}
.icon-container {
display: flex;
flex-direction: column;
align-items: center;
}
.icon {
width: clamp(100px, 20vw, 180px);
height: clamp(100px, 20vw, 180px);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
background-color: type: hashtag #4a90e2 ;
color: white;
cursor: pointer;
transition: background-color 0.3s, transform 0.3s;
text-decoration: none;
}
.icon:hover {
background-color: type: hashtag #3a7bc8 ;
transform: scale(1.05);
}
.icon svg {
width: 55%;
height: 55%;
fill: white;
}
.icon-text {
margin-top: 10px;
font-size: clamp(14px, 2.5vw, 16px);
text-align: center;
}
footer {
text-align: center;
font-size: clamp(0.7rem, 2vw, 0.9rem);
}
type: mention @media (max-width: 480px) {
main {
padding: 1rem;
}
}
Centro Prenotazioni
Prenota
Ho già Prenotato
© 2024 Centro Prenotazioni. Tutti i diritti riservati.
2024-09-16T04:24:20
In that case I'd suggest this is either a viewport issue or an issue with your template setup in your IW form.
2024-09-16T04:52:49
i have tried with css but i have same problem
2024-09-16T04:55:41
your html is ok! What are you wanting to do?