WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1Div values Empty Div values Mon Mar 05, 2012 12:38 am

schiggyswelt


Registered Member
Registered Member
Hi, in this moment I had CSS Sprites in Tables.. but i would have the CSS Sprites in CSS Contrainer.

this are my Table:
Code:
<table width="100%" summary="Kinobereich Pokemon"><tr><td width="31"><div class="s" id="i"></div></td><td width="284"><a title="rede über die Pokemon Serie" class="forumtitle" href="http://www.schiggysboard.com/f32-staffeln">Staffeln</a><br /><span>Hier könnt ihr über die Pokemon Episoden und Staffeln reden.</span></td><td width="31"><div class="s" id="j"></div></td><td width="279"><a title="rede über die Pokemon Kinofilme" class="forumtitle" href="http://www.schiggysboard.com/f10-kinofilme">Kinofilme</a><br /><span>Hier könnt ihr über die Pokemon Kinofilme reden.</span></td></tr></table>

my css:
Code:
.s{background-image:url(../img/spritexfagb.png);background-color:transparent;background-repeat:no-repeat}
#a{height:33px;width:28px;background-position:0 0}
#b{height:30px;width:30px;background-position:-28px 0}
#c{height:32px;width:33px;background-position:-58px 0}
#d{height:36px;width:33px;background-position:-91px 0}
#e{height:41px;width:48px;background-position:-124px 0}
#f{height:26px;width:32px;background-position:-172px 0}
#g{height:19px;width:40px;background-position:-204px 0}
#h{height:17px;width:21px;background-position:-244px 0}
#i{height:48px;width:48px;background-position:-265px 0}
#j{height:32px;width:32px;background-position:-313px 0}
#k{height:32px;width:30px;background-position:-345px 0}
#l{height:35px;width:34px;background-position:-375px 0}
#m{height:32px;width:32px;background-position:-409px 0}

2Div values Empty Re: Div values Mon Mar 05, 2012 8:57 am

ankillien

ankillien
Administrator
Administrator
Hi,

There are no CSS container, there can be HTML container though. What is the URL of the background image?

3Div values Empty Re: Div values Sun Mar 11, 2012 3:28 am

schiggyswelt


Registered Member
Registered Member
Yes, I know. The will be CSS Contrainer.

I want that you make from the HTML Table CSS Contrainer.

4Div values Empty Re: Div values Sun Mar 11, 2012 9:37 am

ankillien

ankillien
Administrator
Administrator
As far as I know there are no CSS containers, I know about HTML ones. Are you using these codes for sprite images? Then the codes I write would not work perfectly. I need to see the page to see them working and then only I can give you the codes.

5Div values Empty Re: Div values Sun Mar 11, 2012 6:46 pm

schiggyswelt


Registered Member
Registered Member
Can I send you my Forum Url per PM?
Here is my test Forums: test55.forumieren.com/forum
There are the Code (and the same CSS Sprite Code)
in the First and second forum I had Div Contrainer and in the third I had tables.. with the tables all work perfectly, but with css contrainers..
the Content is in two Lines and the Pictures are not right..

In my normal Forums you see it better, so can I send you the URL per PM?

6Div values Empty Re: Div values Sun Mar 11, 2012 7:26 pm

ankillien

ankillien
Administrator
Administrator
Code for 1st forum...

Code:
<div style="overflow:hidden;">

        <div id="wifi_png" class="sprites" style="float:left;width:25px;">
         
          </div>
     
        <div style="float:left;width:200px;">
              <a class="forumtitle" href="LINK" title="Pokemon Wi-Fi Kämpe">Kampfarena</a><br><span>Hier findet ihr Infos und Neuigkeiten zum Forum</span>
          </div>
     
        <div id="tausch_png" class="sprites" style="float:left;width:22px;margin-left:0px;">
         
          </div>
     
        <div style="float:left;width:190px;">
              <a class="forumtitle" href="LINK">Tauschbasar</a><br><span>Hier könnt ihr mit anderen Pokemon und Items tauschen.</span>
          </div>

        </div>

Code for second forum...

Code:
<div style="overflow:hidden;">        <div id="wifi_png" class="sprites" style="float:left;width:25px;">                    </div>        <div style="float:left;width:200px;">              <a class="forumtitle" href="LINK" title="Pokemon Wi-Fi Kämpe">Kampfarena</a><br><span>Hier findet ihr Infos und Neuigkeiten zum Forum</span>          </div>              <div id="tausch_png" class="sprites" style="float:left;width:22px;margin-left:0px;">                    </div>      <div style="float:left;width:195px;">              <a class="forumtitle" href="LINK">Tauschbasar</a><br><span>Hier könnt ihr mit anderen Pokemon und Items tauschen.</span>          </div>        </div>

The problem is because of uneven width of the sprite images. Their width/height should be same.

7Div values Empty Re: Div values Sun Mar 11, 2012 11:00 pm

schiggyswelt


Registered Member
Registered Member
WOW!! Thats verry good!! THANK YOU!!
But..
in a litte Desktop the Div Contrainer is in two lines.. the table not..
can you fix that?
Div values Testbz82jndmt1

8Div values Empty Re: Div values Sun Mar 11, 2012 11:36 pm

ankillien

ankillien
Administrator
Administrator
Use this code for it...

Code:
<div style="overflow:hidden;">

            <div style="float:left;width:39px;" class="s" id="g">
           
              </div>
       
            <div style="float:left;width:190px;">
                  <a title="Pokemon Wi-Fi Kämpe" href="LINK" class="forumtitle">Kampfarena</a><br><span>Hier findet ihr Infos und Neuigkeiten zum Forum</span>
              </div>
       
            <div style="float:left;width:22px;margin-left:0px;" class="s" id="h">
           
              </div>
       
            <div style="float:left;width:190px;">
                  <a href="LINK" class="forumtitle">Tauschbasar</a><br><span>Hier könnt ihr mit anderen Pokemon und Items tauschen.</span>
              </div>

            </div>

9Div values Empty Re: Div values Sun Mar 11, 2012 11:45 pm

schiggyswelt


Registered Member
Registered Member
hum..but its a bit smaller.. can you make it exactly how a table or isnt this possible?

10Div values Empty Re: Div values Mon Mar 12, 2012 8:48 am

ankillien

ankillien
Administrator
Administrator
There can be some difference in some browsers. You can adjust the spacing by changing the width in these codes...

Code:
<div style="float:left;width:190px;">

You can try changing the width of these div boxes and make it perfect.

11Div values Empty Re: Div values Mon Mar 12, 2012 10:11 pm

schiggyswelt


Registered Member
Registered Member
no, sorry.. that doesnt work?
or is this wrong?
Code:
<div style="overflow:hidden;"><div style="float:left;width:190px;">
           
          <div style="float:left;width:39px;" class="s" id="g">
              </div>
     
            <div style="float:left;width:190px;">
                  <a title="Pokemon Wi-Fi Kämpe" href="LINK" class="forumtitle">Kampfarena</a><br><span>Hier findet ihr Infos und Neuigkeiten zum Forum</span>
              </div>
     
            <div style="float:left;width:22px;margin-left:0px;" class="s" id="h">
         
              </div>
     
            <div style="float:left;width:190px;">
                  <a href="LINK" class="forumtitle">Tauschbasar</a><br><span>Hier könnt ihr mit anderen Pokemon und Items tauschen.</span>
              </div>

            </div></div>
Or have you any other Idea that it looks exactly how a table?

12Div values Empty Re: Div values Mon Mar 12, 2012 10:32 pm

ankillien

ankillien
Administrator
Administrator
There is not other way. All you need to do is adjust the width of the bigger DIVs.

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum