I have some html codes whereby when I ran it, it was displayed really nice. However, when I copied the same code to asp.net, it became smaller the overall font of the website and the carousel slider turned out ugly. The pictures
in the slider became quite distorted and the caption was headed towards the right more. The 3 slider indicator at the bottom of the carousel always turned round when I click on it.https://pasteboard.co/IFrM6Zo.png
This is the version that I got with my html and it looks way better but my target here is the asp.net which is the up one.https://pasteboard.co/IFrLK8O.png
My aim is to centralize the caption in the centre and also have 3 nice little carousel indicators at the bottom. any ideas why the image in the asp,net is like distorted? It does not show the full image but rather a very enlarged version. I removed the carousel
indicators from my asp.net but i want to achieve it the way i did with my html.
According to your description, I suggest you could write text-align=center in CSS to centralize the caption in the center. Thenyou could add div wrap image and set the position of the image relative to the outer div or scale the image proportionally.
MSDN Community Support
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
Member
4 Points
19 Posts
Carousel Slider Caption Not Centered
Nov 07, 2019 08:07 AM|JasonPhang|LINK
I have some html codes whereby when I ran it, it was displayed really nice. However, when I copied the same code to asp.net, it became smaller the overall font of the website and the carousel slider turned out ugly. The pictures in the slider became quite distorted and the caption was headed towards the right more. The 3 slider indicator at the bottom of the carousel always turned round when I click on it. https://pasteboard.co/IFrM6Zo.png
This is the version that I got with my html and it looks way better but my target here is the asp.net which is the up one. https://pasteboard.co/IFrLK8O.png
My aim is to centralize the caption in the centre and also have 3 nice little carousel indicators at the bottom. any ideas why the image in the asp,net is like distorted? It does not show the full image but rather a very enlarged version. I removed the carousel indicators from my asp.net but i want to achieve it the way i did with my html.
This is my code for the carousel.
This is the css
Star
9591 Points
3012 Posts
Re: Carousel Slider Caption Not Centered
Nov 08, 2019 08:54 AM|Brando ZWZ|LINK
Hi JasonPhang,
According to your description, I suggest you could write text-align=center in CSS to centralize the caption in the center. Thenyou could add div wrap image and set the position of the image relative to the outer div or scale the image proportionally.
More details, you could refer to below codes:
Js and css:
ASPX:
Result:
Best Regards,
Brando
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.