1 table -div Sun Jan 08, 2012 5:16 am
schiggyswelt
Registered Member
http://www.schiggysboard.com/
Last edited by schiggyswelt on Fri Feb 17, 2012 12:24 am; edited 1 time in total
Last edited by schiggyswelt on Fri Feb 17, 2012 12:24 am; edited 1 time in total
<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>
.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;
}
<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>
.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;
}
<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>
WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » table -div
Similar topics
Permissions in this forum:
You cannot reply to topics in this forum