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]

1Solved table -div on Sun Jan 08, 2012 5:16 am

schiggyswelt


Registered Member
Registered Member



Last edited by schiggyswelt on Fri Feb 17, 2012 12:24 am; edited 1 time in total

2Solved Re: table -div on Mon Jan 09, 2012 12:44 am

schiggyswelt


Registered Member
Registered Member
help me please!

3Solved Re: table -div on Wed Jan 11, 2012 9:59 pm

schiggyswelt


Registered Member
Registered Member
push

4Solved Re: table -div on Thu Jan 12, 2012 12:16 am

Unknown Data

avatar
Registered Member
Registered Member
If im understanding your request right, is it then something like this, you're looking for?

HTML:
Code:
<div class="divsmain">
   <div class="divsleft">
      <div>
<a href="http://www.schiggysboard.com/f27-schiggysboard"><img alt="Pokemon Forum" src="http://i43.servimg.com/u/f43/16/43/86/96/emblem11.png" /></a>
<a href="http://www.schiggysboard.com/f27-schiggysboard" class="forumtitle" title="Neuigkeiten über das Forum">Schiggysboard</a><br/>Hier findet ihr Infos und Neuigkeiten zum Forum
      </div>
      <div>
<img alt="Chat Pokemon" src="http://i43.servimg.com/u/f43/16/43/86/96/chat1011.png" />
<a href="http://www.schiggysboard.com/f28-chatroom" class="forumtitle" title="Infos über den Pokemon Chat">Chatroom</a><br/>Hier findet ihr alles Wichtige für unseren Chat und Veranstaltungen im Chat.
      </div>
   </div>
   <div class="divsright">
      <div>
<img alt="Feedback Pokemon" src="http://i43.servimg.com/u/f43/16/43/86/96/thumbs11.png" />
<a href="http://www.schiggysboard.com/f19-anregungen-und-feedback" class="forumtitle" title="Feedback schreiben">Anregungen und Feedback</a><br/>Hier könnt ihr uns ein Feedback da lassen oder einen Vorschlag da lassen.
      </div>
      <div>
<img alt="Fragen Pokemon" src="http://i43.servimg.com/u/f43/16/43/86/96/help1011.png" />
<a href="http://www.schiggysboard.com/f16-fragen-zum-forum" class="forumtitle" title="Fragen zum Forum stellen">Fragen zum Forum</a><br/>Hier könnt ihr Fragen,die ihr zum Forum habt stellen.
      </div>
   </div>
</div>
CSS:
Code:
.divsmain {
overflow : hidden;
}
.divsmain img {
width : 32px;
height : 32px;
float : left;
padding : 5px;
}
.divsleft {
float : left;
width : 50%;
}
.divsright {
float : right;
width : 50%;
}
.divsright div, .divsleft div {
padding : 5px;
}

http://woops.dk

5Solved Re: table -div on Thu Jan 12, 2012 1:01 am

schiggyswelt


Registered Member
Registered Member
Hi!
Thank you much Wink
But..

When I fill in this (with CSS Sprites):
Code:
<div class="divsmain">
  <div class="divsleft">
      <div>
<a href="http://www.schiggysboard.com/f27-schiggysboard"><div class="sprites" id="welt_png"></div></a>
<a href="http://www.schiggysboard.com/f27-schiggysboard" class="forumtitle" title="Neuigkeiten über das Forum">Schiggysboard</a><br/>Hier findet ihr Infos und Neuigkeiten zum Forum
      </div>
      <div>
<td width="31"><div class="sprites" id="chat_png">
<a href="http://www.schiggysboard.com/f28-chatroom" class="forumtitle" title="Infos über den Pokemon Chat">Chatroom</a><br/>Hier findet ihr alles Wichtige für unseren Chat und Veranstaltungen im Chat.
      </div>
  </div>
  <div class="divsright">
      <div><div class="sprites" id="daumen_png"></div>
<a href="http://www.schiggysboard.com/f19-anregungen-und-feedback" class="forumtitle" title="Feedback schreiben">Anregungen und Feedback</a><br/>Hier könnt ihr uns ein Feedback da lassen oder einen Vorschlag da lassen.
      </div>
      <div><div class="sprites" id="frage_png"></div>
<a href="http://www.schiggysboard.com/f16-fragen-zum-forum" class="forumtitle" title="Fragen zum Forum stellen">Fragen zum Forum</a><br/>Hier könnt ihr Fragen,die ihr zum Forum habt stellen.
      </div>
  </div>
</div>

It will be dont work..

Look here: schiggysboard.com

(I had swich the Picture <img> Tag as the CSS Div tags.

6Solved Re: table -div on Fri Jan 13, 2012 12:46 am

Unknown Data

avatar
Registered Member
Registered Member
How does your CSS for the sprites look like?

http://woops.dk

7Solved Re: table -div on Fri Jan 13, 2012 12:56 am

schiggyswelt


Registered Member
Registered Member
Hi,

This is my CSS for the Sprite:
Code:
.sprites {
    background-image    : url(http://i49.servimg.com/u/f49/14/29/27/55/css_sp11.png);
    background-color    : transparent;
    background-repeat    : no-repeat;
 }
 
 #bild_png {
    height              : 32px;
    width                : 32px;
    background-position  : -0px -0px;
 }
 
 #buch_png {
    height              : 32px;
    width                : 32px;
    background-position  : -32px -0px;
 }
 
 #chat_png {
    height              : 32px;
    width                : 32px;
    background-position  : -64px -0px;
 }
 
 #club_png {
    height              : 32px;
    width                : 32px;
    background-position  : -96px -0px;
 }
 
 #daumen_png {
    height              : 32px;
    width                : 32px;
    background-position  : -128px -0px;
 }
 
 #frage_png {
    height              : 32px;
    width                : 32px;
    background-position  : -160px -0px;
 }
 
 #welt_png {
    height              : 32px;
    width                : 32px;
    background-position  : -192px -0px;
 }
 
 #wifi_png {
    height              : 32px;
    width                : 32px;
    background-position  : -224px -0px;
 }
 
 #kinofilm_gif {
    height              : 32px;
    width                : 32px;
    background-position  : -256px -0px;
 }
 
 #maler_png {
    height              : 32px;
    width                : 32px;
    background-position  : -288px -0px;
 }
 
 #news_png {
    height              : 48px;
    width                : 48px;
    background-position  : -320px -0px;
 }
 
 #tausch_png {
    height              : 22px;
    width                : 22px;
    background-position  : -368px -0px;
 }
 
 #team_png {
    height              : 32px;
    width                : 32px;
    background-position  : -390px -0px;
 }
 
 #tv_png {
    height              : 32px;
    width                : 32px;
    background-position  : -421px -0px;
 }
 
 #schach_png {
   height              : 32px;
   width                : 31px;
   background-position  : -453px -0px;
 } 
 #present_png {
   height              : 33px;
   width                : 29px;
   background-position  : -483px -0px;
 }

8Solved Re: table -div on Sat Jan 14, 2012 3:06 am

schiggyswelt


Registered Member
Registered Member
Please Help me! Wink

9Solved Re: table -div on Sun Jan 15, 2012 11:41 pm

schiggyswelt


Registered Member
Registered Member
Help me Please! Wink

10Solved Re: table -div on Tue Jan 17, 2012 2:48 am

schiggyswelt


Registered Member
Registered Member
Please Help me!
Make That this Code Work:
Code:
<div class="divsmain">
  <div class="divsleft">
      <div>
<a href="http://www.schiggysboard.com/f27-schiggysboard"><div class="sprites" id="welt_png"></div></a>
<a href="http://www.schiggysboard.com/f27-schiggysboard" class="forumtitle" title="Neuigkeiten über das Forum">Schiggysboard</a><br/>Hier findet ihr Infos und Neuigkeiten zum Forum
      </div>
      <div>
<td width="31"><div class="sprites" id="chat_png">
<a href="http://www.schiggysboard.com/f28-chatroom" class="forumtitle" title="Infos über den Pokemon Chat">Chatroom</a><br/>Hier findet ihr alles Wichtige für unseren Chat und Veranstaltungen im Chat.
      </div>
  </div>
  <div class="divsright">
      <div><div class="sprites" id="daumen_png"></div>
<a href="http://www.schiggysboard.com/f19-anregungen-und-feedback" class="forumtitle" title="Feedback schreiben">Anregungen und Feedback</a><br/>Hier könnt ihr uns ein Feedback da lassen oder einen Vorschlag da lassen.
      </div>
      <div><div class="sprites" id="frage_png"></div>
<a href="http://www.schiggysboard.com/f16-fragen-zum-forum" class="forumtitle" title="Fragen zum Forum stellen">Fragen zum Forum</a><br/>Hier könnt ihr Fragen,die ihr zum Forum habt stellen.
      </div>
  </div>
</div>

It should be work how a Table.

11Solved Re: table -div on Thu Jan 19, 2012 1:53 am

schiggyswelt


Registered Member
Registered Member
Help me please

12Solved Re: table -div on Fri Jan 20, 2012 3:11 am

schiggyswelt


Registered Member
Registered Member
Help me!

13Solved Re: table -div on Sat Jan 21, 2012 2:10 am

schiggyswelt


Registered Member
Registered Member
UD..PLEASE HELP ME!!

14Solved Re: table -div on Sat Jan 21, 2012 8:00 pm

schiggyswelt


Registered Member
Registered Member
please help me!

15Solved Re: table -div on Mon Jan 23, 2012 3:55 am

schiggyswelt


Registered Member
Registered Member
please help me..

16Solved Re: table -div on Tue Jan 24, 2012 11:30 pm

schiggyswelt


Registered Member
Registered Member
Please Help me.

17Solved Re: table -div on Thu Jan 26, 2012 1:11 am

schiggyswelt


Registered Member
Registered Member
how every day.. push..

18Solved Re: table -div on Fri Jan 27, 2012 6:11 pm

schiggyswelt


Registered Member
Registered Member
Please Help me!

Is there no one who can help me?!

19Solved Re: table -div on Mon Jan 30, 2012 9:01 pm

schiggyswelt


Registered Member
Registered Member
buump

20Solved Re: table -div on Wed Feb 01, 2012 3:01 am

schiggyswelt


Registered Member
Registered Member
PLEEEAAASE!!

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