Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag07.06.2007 um 13:37 (UTC)    
Titel: [erledigt] 4 fragen zu css

puhh..



1. wie kann ich die navi verbreitern

2. wie kann ich bei den linken boxen einen anderen 'button' über der box einfpgen, da ja jetzt der zu kurz ist, und somit nicht zur box, passt

3. mit welchem code muss ich die box possitionieren, damit die box immer neben dem content bleibt (zentriertes design)!

4. wie kann ich zwischen den navi buttos einen freiraum von ein paar pixeln erzeugen?


soda..ich hoffe das alles kann mir jemand beantworten... Rolling Eyes Wink

liebe grüße
thomas


code:
Zitat:
<div align="center">
<table width="70%">
<tr>
<td><div align="center">

<style type="text/css">
<!--

/* Allgemein */
td.edit_header_full{background-image: url(http://img.webme.com/pic/t/thomas-h/header_921px_farbe.png); width: 1000px; height: 150px;background-position:center;background-repeat:no-repeat;}
td#nav_Allgemeines{background-image:url(http://img.webme.com/pic/t/thomas-h/button_black_orange.png);}
td#nav_FunStuff{background-image:url(http://img.webme.com/pic/t/thomas-h/button_black_orange.png);}
td#nav_Sonstiges{background-image:url(http://img.webme.com/pic/t/thomas-h/button_black_orange.png);}
tr.checked_menu
td{background-image:url(http://img.webme.com/pic/t/thomas-h/button_black_green.png);}
tr.checked_menu td:hover{background-image:url(http://img.webme.com/pic/t/thomas-h/button_black_green.png);}
p, div{color:;}
td.idcp{visibility:hidden;}
td.headline{visibility: hidden;}
body{color: Hier Farbwert;background-color:#000000;}
body{background-image: url();background-position: center center;background-attachment: fixed;}

/*Navigation*/
td.edit_navi_headbg{background-image: url();width: 15%;}
td.nav_heading{background-image: url(http://img.webme.com/pic/t/thomas-h/button_black.png);padding-left: 0px;text-align: center;font-size: 12px;font-weight: bold;height:43px;background-repeat: no-repeat;}
td.nav{background-image: url(http://img.webme.com/pic/t/thomas-h/button_black_violett.png);height: 33px;background-repeat:no-repeat;}
td.nav:hover{background-image: url(http://img.webme.com/pic/t/thomas-h/button_black_red.png);height: 33px;background-repeat:no-repeat;}
td.nav a{color: #ffffff;text-decoration: none;font-size: 11px;}
td.nav a:hover{color: #ffffff;text-decoration: underline;font-size: 11px;}
td.nav a:visited{color: #ffffff;font-size: 12px;font-weight: bold;}
td.edit_below_nav{visibility: hidden;}

/*Content*/
td.edit_rechts_cbg{background-image: url();width: 100%;}
td.edit_content_top{height: 33px;background-image: url(http://img.webme.com/pic/t/thomas-h/button_content_top_black.png);font-size:14px;font-weight:bold;text-align: center;}
td.edit_content{padding-left: 0px;background-image: url();background-color: #FFFFFF;border: 10px solid #000000;}
td.edit_content div{color: #000000;font-size: 12px;font-weight: bold;}
td.edit_content p{color: #000000;font-size: 12px;font-weight: bold;}
td.edit_content font{color: #000000;font-size: 12px;font-weight: bold;}
td.edit_content_bottom{background-image: url(http://img.webme.com/pic/t/thomas-h/content_bottom_black.png);height: 33px;background-position:center;background-repeat:no-repeat;}
td.edit_content_bottom2{background-image: url();height: 33px;}

/*Rechte Boxen*/
td.sidebar_heading{background-image: url(http://img.webme.com/pic/t/thomas-h/button_rb_black.png);height:43px;background-repeat: no-repeat;font-size: 12px;font-weight: bold;text-align: center;padding-left: 0px}
td.shouty{color:#ff0000;background-image: url(URL);background-color: #FFFFFF;border: 5px solid #7A7A7A;}
td.shouty2{color:#ff0000;background-image: url(URL);background-color: #FFFFFF;border: 5px solid #7A7A7A;}
td.shouty3{color:#ff0000;background-image: url();background-color: #FFFFFF;border: 5px solid #7A7A7A;}
td.shouty4{color:#ff0000;background-image: url();background-color: #FFFFFF;border: 5px solid #7A7A7A;}
td.shouty5{color:#ff0000;background-image: url(URL);background-color: #FFFFFF;border: 5px solid #7A7A7A;}
td.edit_rb_footer{visibility: hidden; height: 0px;width: 0px;}
td.edit_rechts_bottom{background-image: url();width: 15%;}
td.edit_rb_footer{background-image: url();}

/*Rechter Streifen*/
td.edit_rechts_sbg{background-image: url();visibility: hidden;position: absolute;right: 0px;}

-->
</style>

<table class="rb_neu" width="185" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" width="200" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif"> </td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #fafbfc;padding:5px;" background="http://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty">Hier kommt jetzt Euer Text rein<br><br><p><br><br></td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer">
</td>
</tr>
</table>

<style type="text/css">
<!--
table.rb_neu{position:absolute;left:11px;top:816px;}
-->
</style>

______________
.


Zuletzt bearbeitet von thomas-h am 12.06.2007, 12:48, insgesamt 6-mal bearbeitet
Beitrag07.06.2007 um 13:48 (UTC)    
Titel:

Dein Beitrag wurde farbig Wink

1. Ist leider nicht so einfach, da hab ich noch keinen Code dazu.

Die farbigen Sachen musst du natürlich auch anpassen Wink
______________
LG André

GMMTS.de
Beitrag07.06.2007 um 14:18 (UTC)    
Titel:

erst mal danke

nur der punkt 2 funtzt nicht

und das mit der linken box,: mit deinem code, bleibt die box aber links...aber ich habe ein zentriertes design...

das war für das design butterfly die lösung 4-letzter beitrag von coolplace: http://www.homepage-baukasten.de/forum/viewtopic.php?t=46526&highlight=
______________
.
Beitrag07.06.2007 um 14:39 (UTC)    
Titel:

Du musst die blauen Zahlen anpassen, die Zentrierung interessiert sich nicht für die Positionierung. Wenn du etwas positionierst, dann kannst du es machen, wenn das Design links, mitte oder gestreckt ist, du musst nur die Zahlen anpassen mehr nicht.

Den Rest versteh ich leider nicht so ganz, was du meinst.
______________
LG André

GMMTS.de
Beitrag07.06.2007 um 16:25 (UTC)    
Titel:

ja ,das mit der positionierung hat sich erledigt mit dem code:
Zitat:
<style type="text/css">
<!--
table.rb_neu{position:absolute;padding-left: 1px;left:49%;margin-left:-490px;top:771px;}
-->
</style>


ich meinte damit das sich die box mit anpasst wenn ich das browser-fenster verändere ( da es zentriert ist, aber hat sich schon erledigt Wink )

würde nur mehr punkt 2 überbleiben... Rolling Eyes

mfg
______________
.
Beitrag07.06.2007 um 16:31 (UTC)    
Titel:

Hab noch mal etwas editiert bei deinem Post Wink
______________
LG André

GMMTS.de
Beitrag07.06.2007 um 16:59 (UTC)    
Titel:

ja damit verändere ich die größe der box, aber ich möchte ja den balken übder der box verbreitern...

lg Rolling Eyes
______________
.
Beitrag07.06.2007 um 17:35 (UTC)    
Titel:

Heute ist nicht mein Tag ^^

Habs nochmal geändert

______________
LG André

GMMTS.de
Beitrag07.06.2007 um 19:14 (UTC)    
Titel:

hihi sorry, aber der funtzt ebenso wenig
..aber jeder profi hat mal einen schlechten tag Wink

aber es gibt für alles eine lösung (siehe meine signatur ,-))
______________
.
Beitrag07.06.2007 um 22:13 (UTC)    
Titel:

Zitat:
<table class="rb_neu" width="185" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" width="200" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif"> </td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #fafbfc;padding:5px;" background="http://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty">Hier kommt jetzt Euer Text rein<br><br><p><br><br></td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer">
</td>
</tr>
</table>


Nimm mal das Rote raus und ändere das Blaue Wink
Beitrag08.06.2007 um 11:56 (UTC)    
Titel:

DANKE hat sich erledigt

gruzz Wink
______________
.


Zuletzt bearbeitet von thomas-h am 12.06.2007, 12:48, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de