473,385 Members | 1,427 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,385 software developers and data experts.

align images

pradeepjain
563 512MB
I have 5 images of equal width which i have to place one below the another without any gap between them.how to do its ....what should be the css for the images or say div..i am doctype of strict ..



Thanks,
Pradeep
Sep 5 '08 #1
8 1440
Dormilich
8,658 Expert Mod 8TB
what about:
Expand|Select|Wrap|Line Numbers
  1. .yourimageclass {
  2.   display: block;
  3.   padding: 0;
  4.   margin: 0;
  5. }
Sep 5 '08 #2
pradeepjain
563 512MB
what about:
Expand|Select|Wrap|Line Numbers
  1. .yourimageclass {
  2.   display: block;
  3.   padding: 0;
  4.   margin: 0;
  5. }
hey its taking a small gap between each picture wht to do.....
Sep 5 '08 #3
Dormilich
8,658 Expert Mod 8TB
hey its taking a small gap between each picture wht to do.....
what brower do you use? is there any possibility that some other css rule overrides this? (the code worked for me as intended (FF 3.01/Mac))

regards
Sep 5 '08 #4
pradeepjain
563 512MB
what brower do you use? is there any possibility that some other css rule overrides this? (the code worked for me as intended (FF 3.01/Mac))

regards
how to override all the styles
Sep 5 '08 #5
David Laakso
397 Expert 256MB
how to override all the styles
Put the page on a pubic server and provide a clickable link to it in your post (3rd request). It is difficult enough to fix what can be seen.
Sep 5 '08 #6
Dormilich
8,658 Expert Mod 8TB
how to override all the styles
first you have to get all the matching rules, though this may not be very easy (I recommend the Firebug plugin for Firefox for that, because this shows all styles an element has).

what browser do you use? (could be a bug, too)

regards
Sep 5 '08 #7
pradeepjain
563 512MB
I am giving the link to the site i am working on....

http://www.iiap.res.in/

as you can see the images on the left hand side of your screen..i want it to be in same way .i want to change it bcos there is some problem with the validation part...any way to do with the css....



thanks,
Pradeep
Sep 6 '08 #8
Dormilich
8,658 Expert Mod 8TB
as you can see the images on the left hand side of your screen..i want it to be in same way .i want to change it bcos there is some problem with the validation part...any way to do with the css....
sorry, I don't understand. do you want the pictures align like those in the link? they're essentially doing the same as my css suggestion, though it is much deeper nested (for my liking, the site is nested too much anyway) and therefore the css is applying to a div rather than the img.
Sep 6 '08 #9

Sign in to post your reply or Sign up for a free account.

Similar topics

7
by: Phil Powell | last post by:
Code: <!-- script src="/js/val_header.js"></script --> <style> <!-- BODY { scrollbar-3d-light-color:#eeeedd; scrollbar-arrow-color:#000000; scrollbar-base-color:#000000;...
0
by: Al Findlay | last post by:
Hello! I have a listview which has a column of images. The problem is, I want to be able to align the images to the centre of the column. By default, the images always align to the left. Can...
2
by: gee.sucka.foo | last post by:
I have a few thumbnail images each surrounded by a few links. So I put the thumbnail and the links in a div tag and set the div's to float:left. So my intent is to have the thumbnails wrap at the...
0
by: laredotornado | last post by:
Hello, I'm trying to write TABLE-free HTML pages, but I'm having a problem with rewriting a particular block of code using DIVs and CSS. I want to align the "More" button at the bottom right of...
3
by: torbs | last post by:
Strange behaviour in ie7. A collegue of mine put several images into a page using JCE in Joomla. JCE have the option to align these images and he left aligned every single one - to create a...
2
by: vinit_mahajan99 | last post by:
Hello all, I want to align the images and controls at the bottom of a master page or at the right side. I tried to do it with the table but I was not successful. The image should be seen at...
3
by: acunnon | last post by:
I am trying to put together an login page my problem is getting the three items aligned to the middle verticaly without specifing a height to anything on the page. CSS html{ height:100%;...
8
by: Dave Rado | last post by:
Hi See my mock-up at http://tinyurl.com/35tv29. The three icons are supposed to be vertically aligned on their bottoms (using "vertical- align: bottom"), but they aren't, they're vertically...
13
by: Roderik | last post by:
Hi, I am wondering why (half of the) squared images are not aligned on the right of the text in Internet Explorer (using <img ... align="right" />. I thought this was supported even in IE. In FF...
13
by: Stevo | last post by:
I've found that for IE6+, if you add the property text-align:center to a DIV, then *anything* inside it gets centered. That can be a table, an object/embed, another DIV, an image, or some text. ...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.