Hallo,
ich hoffe ihr könnt mir helfen, ich habe ein Problem mit der zentrierung der Shoutbox.
Habe schon ähnliche Fälle mit der Suchfunktion gefunden, allerdings half mir dies nicht weiter.
Folgendes Problem:
Mein Menü1 soll linksbündigt angezeigt werden, und alles (speziell die Shoutbox) was darunter
in Boxen angezeigt wird soll zentriert angezeigt werden. Wenn ich nun in der index.htm
„left“ eintrage ist das Menü so wie ich es möchte aber die Shoutbox und alles darunter auch
linksbündig. Wenn ich „center“ eintrage, logischerweise anders herum, also das Menü1 auch
mittig.
Ich hatte dieses Problem mit einem früherem Design nicht, von daher verstehe ich nicht wieso das
nun nicht mehr funktioniert. Hier mal ein Bild:
abload.de/image.php?img=boxzjlgh.bmp
Ich hoffe ihr könnt mir in diesem Fall vielleicht weiterhelfen.
Hoffe ich konnte es verständlich beschreiben.
Danke
Gruss Daniel
verwendete ilchClan Version: 1.1 O
betroffene Homepage: externer Link
Zuletzt modifiziert von schnur1981 am 26.07.2013 - 16:15:53
Beitrag zur Merkliste hinzufügen
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » Menü & Boxen ausrichtung
| Geschlossen | ||
-
Fr. 26.07.2013
16:15 Uhr
#1
- Registriert seit
- 21.01.2012
- Beiträge
- 12
- Beitragswertungen
Die Signatur muss hier irgendwo sein? -
Fr. 26.07.2013
16:18 Uhr
#2
- Registriert seit
- 21.03.2007
- Beiträge
- 7.675
- Beitragswertungen
-
Fr. 26.07.2013
18:12 Uhr
#3
- Registriert seit
- 21.01.2012
- Beiträge
- 12
- Beitragswertungen
Hallo,
werde ich später gleich mal ausprobieren.
Das komische ist, wenn ich die shoutbox auf die rechte Seite verschiebe
funktioniert sie tadellos.
Das zählt für alles andere auch. Wenn ich beispielsweise die Statistik nach links verschiebe ist sie auch auf einmal linksbündig?!?
Danke für die schnelle Antwort
Werde dann nochmal rückmeldung geben.
Gruss Daniel
Zuletzt modifiziert von schnur1981 am 26.07.2013 - 18:13:42Die Signatur muss hier irgendwo sein? -
Fr. 26.07.2013
20:01 Uhr
#4
- Registriert seit
- 21.01.2012
- Beiträge
- 12
- Beitragswertungen
Hier mal die .php der shoutbox.
welche Stelle muss den hier geändert werden?
Bin irgendwie blind?!?
<?php $ILCH_HEADER_ADDITIONS .= ' <style type="text/css"> <!-- /* Bubble with an isoceles triangle ------------------------------------------ */ .example-right { position:relative; padding:5px 5px; margin:0; color:#fff; background:#5a8f00; /* default background for browsers without gradient support */ /* css3 */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; /* NOTE: webkit gradient implementation is not as per spec */ background:-webkit-gradient(linear, left top, left bottom, from(#b8db29), to(#5a8f00)); background:-moz-linear-gradient(top, #b8db29, #5a8f00); background:-o-linear-gradient(top, #b8db29, #5a8f00); background:linear-gradient(top, #b8db29, #5a8f00); } /* display of quote author (alternatively use a class on the element following the blockquote) */ .example-right + p {margin:5px 0 2em 40px; font-style:italic;} /* creates the triangle */ .example-right:after { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; bottom:-30px; left:10px; width:0; height:0; border-width:0 20px 30px 0px; border-style:solid; border-color:transparent #5a8f00; } --> </style> <script language="JavaScript" type="text/javascript"> <!-- function klapp(div) { with(document.getElementById(div).style) { if(display=="none"){ display="inline"; } else { display="none"; }}} //--> <!-- function simple_insert_sb(aTag,eTag) { var input = document.forms[\'shoutbox\'].elements[\'shoutbox_textarea\']; input.focus(); if(typeof document.selection != \'undefined\') { var range = document.selection.createRange(); var insText = range.text; range.text = aTag + insText + eTag; range = document.selection.createRange(); if (insText.length == 0) { range.move(\'character\', -eTag.length); } else { range.moveStart(\'character\', aTag.length + insText.length + eTag.length); } range.select(); } else if(typeof input.selectionStart != \'undefined\') { var start = input.selectionStart; var end = input.selectionEnd; var insText = input.value.substring(start, end); input.value = input.value.substr(0, start) + aTag + insText + eTag + input.value.substr(end); var pos; if (insText.length == 0) { pos = start + aTag.length; } else { pos = start + aTag.length + insText.length + eTag.length; } input.selectionStart = pos; input.selectionEnd = pos; }else{ var pos = input.value.length; var insText = prompt("Bitte geben Sie den zu formatierenden Text ein:"); input.value = input.value.substr(0, pos) + aTag + insText + eTag + input.value.substr(pos); }} //--> <!-- function insert_sb ( towrite ) { simple_insert_sb ( towrite, \'\' ); } //--> </script> '; function getsmilies_sb() { global $lang; $zeilen = 5; $i = 0; $b = '<script language="JavaScript" type="text/javascript">function moreSmilies_sb() { var x = window.open("about:blank", "moreSmilies", "width=250,height=200,status=no,scrollbars=yes,resizable=yes"); '; $a = ''; $erg = db_query('SELECT emo, ent, url FROM `prefix_smilies`'); while ($row = db_fetch_object($erg) ) { $b .= 'x.document.write ("<a href=\"javascript:opener.insert_sb(\''.addslashes(addslashes($row->ent)).'\')\">");'; $b .= 'x.document.write ("<img style=\"border: 0px; padding: 5px;\" src=\"include/images/smiles/'.$row->url.'\" title=\"'.$row->emo.'\"></a>");'; if ($i<10) { # float einbauen if($i%$zeilen == 0 AND $i <> 0) { $a .= '<br /><br />'; } $a .= '<a href="javascript:insert_sb(\''.addslashes($row->ent).'\')">'; $a .= '<img style="margin: 2px;" src="include/images/smiles/'.$row->url.'" border="0" title="'.$row->emo.'"></a>'; } $i++; } $b .= ' x.document.write("<br /><br /><center><a href=\"javascript:window.close();\">'.$lang['close'].'</a></center>"); x.document.close(); }</script>'; if ($i>10) { $a .= '<br /><br /><center><a href="javascript:moreSmilies_sb();">'.$lang['more'].'</a></center>'; } $a = $b.$a; return ($a); } // Copyright by Manuel // Support www.ilch.de defined ('main') or die ('no direct access'); $datum=date("j.n.Y"); $zeit=date(" H:i "); if (loggedin()) { $shoutbox_VALUE_name = $_SESSION['authname']; } else { $shoutbox_VALUE_name = 'Nickname'; } if (has_right($allgAr['sb_recht'])) { if (!empty($_POST['shoutbox_submit']) AND chk_antispam ('shoutbox')) { $shoutbox_nickname = escape($_POST['shoutbox_nickname'], 'string'); $shoutbox_nickname = substr($shoutbox_nickname, 0, 15); $shoutbox_textarea = escape($_POST['shoutbox_textarea'], 'textarea'); $shoutbox_textarea = preg_replace("/\[.?(url|b|i|u|img|code|quote)[^\]]*?\]/i", "", $shoutbox_textarea); $shoutbox_textarea = strip_tags($shoutbox_textarea); if (!empty($shoutbox_nickname) AND !empty($shoutbox_textarea)) { db_query('INSERT INTO `prefix_shoutbox` (`nickname`,`textarea`) VALUES ( "<b>' . $shoutbox_nickname . ':</b><br>'.$datum.'|'.$zeit.'" , "' . $shoutbox_textarea . '" ) '); } } echo '<form action="index.php?' . $menu->get_complete() . '" method="POST" name="shoutbox">'; echo '<input type="text" style="width: 95%" name="shoutbox_nickname" value="' . $shoutbox_VALUE_name . '" onFocus="if (value == \'' . $shoutbox_VALUE_name . '\') {value = \'\'}" onBlur="if (value == \'\') {value = \'' . $shoutbox_VALUE_name . '\'}" maxlength="15">'; echo '<textarea style="width: 95%;overflow:auto;" rows="2" name="shoutbox_textarea"></textarea>'; $antispam = get_antispam ('shoutbox', 0); echo $antispam; if (!empty($antispam)) { echo '<br />'; } echo '<input type="submit" value="' . $lang['formsub'] . '" name="shoutbox_submit">'; echo ' <a class="smalfont" href="javascript:void(0)" onfocus="if (this.blur) this.blur()" onclick="javascript:klapp(\'smile\')">Smilies</a>'; echo '<div id="smile" style="display:none;"><br /><br /><center>'.getsmilies_sb().'</center></div></form><br />'; } $erg = db_query('SELECT * FROM `prefix_shoutbox` ORDER BY id DESC LIMIT ' . (is_numeric($allgAr['sb_limit'])?$allgAr['sb_limit']:5)); $class = 'Cnorm'; while ($row = db_fetch_object($erg)) { $class = ($class == 'Cmite' ? 'Cnorm' : 'Cmite'); echo '<blockquote class="example-right"><p>' . preg_replace('/([^\s]{' . $allgAr['sb_maxwordlength'] . '})(?=[^\s])/', "$1\n", bbcode($row->textarea)) . '</p></blockquote> <p>' . $row->nickname . '</p> '; } echo '<a class="box" href="index.php?shoutbox">' . $lang['archiv'] . '</a>'; ?>
Gruss Daniel
Zuletzt modifiziert von Lord|Schirmer am 26.07.2013 - 20:07:27Die Signatur muss hier irgendwo sein? -
Fr. 26.07.2013
20:11 Uhr
#5
- Registriert seit
- 21.03.2007
- Beiträge
- 7.675
- Beitragswertungen
Bitte zukünftig für Codes nicht Zitat [quote] sondern Code [code] verwenden.
Gib der CSS Klasse .example-right und .example-right + p mal ein text-align:center; -
Fr. 26.07.2013
20:47 Uhr
#6
- Registriert seit
- 21.01.2012
- Beiträge
- 12
- Beitragswertungen
Hi,
Sorry für das falsche Posting
Hat super funktioniert dein Tip! Vielen Dank.
Kannst du mir trotzdem zu verständlichkeit mal
erklären warum die Shoutbox rechts funktioniert
hat und links nicht?
Gruss DanielDie Signatur muss hier irgendwo sein? -
Fr. 26.07.2013
20:49 Uhr
#7
- Registriert seit
- 21.03.2007
- Beiträge
- 7.675
- Beitragswertungen
Ich vermute das dein Design hier verschiedene Textausrichtungen definiert hat. Müsstest hier mal die index.htm deines Designs in Verbindung mit der style.css prüfen. -
Fr. 26.07.2013
22:04 Uhr
#8
- Registriert seit
- 21.01.2012
- Beiträge
- 12
- Beitragswertungen
Hi,
dürfte ich dir diese mal posten, damit du mal ein Blick darauf werfen kannst?
Möchte nicht aufdringlich wirken, müsste sonst jede Box die ich einfüge
ändern damit sie korrekt angezeigt wird.
Gruss DanielDie Signatur muss hier irgendwo sein? -
Fr. 26.07.2013
22:08 Uhr
#9
- Registriert seit
- 21.03.2007
- Beiträge
- 7.675
- Beitragswertungen
-
Sa. 27.07.2013
10:32 Uhr
#10
- Registriert seit
- 21.01.2012
- Beiträge
- 12
- Beitragswertungen
Hi,
hier wären dann mal die zwei Übeltäter.
index.htm<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>{TITLE}</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="include/designs/DDvXv2/style.css"> <link rel="stylesheet" href="include/designs/DDvXv2/slider/themes/pascal/pascal.css" type="text/css" media="screen" /> <link rel="stylesheet" href="include/designs/DDvXv2/slider/themes/orman/orman.css" type="text/css" media="screen" /> <link rel="stylesheet" href="include/designs/DDvXv2/slider/slider.css" type="text/css" media="screen" /> <style type="text/css"> .hame { display: block; border:none; color: #C00; font-size: 12px; width: 208px; text-indent: 50px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:26px; background: url(include/designs/DDvXv2/Bilder/button_sitemenu.png); } .hame:hover { display: block; border:none; color: #0FF; font-size: 12px; width: 208px; text-indent: 50px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:26px; background: url(include/designs/DDvXv2/Bilder/button_sitemenu_2.png); } /*--Setzt alle Abstände auf "Null"--*/ * { margin: 0; padding: 0; } /*--formatiert die Menüleiste + BGcolor Blau--*/ #menu { width: 1100px; height:38px; background: ; font-family: Verdana; font-size: 1em; line-height: 1.5; float: left; } /*--formatiert die Themenblöcke - Nebeneinander--*/ #menu ul { float: left; width: 119px; list-style-type: none; padding-top: 2px; } /* *verhindert im Zusammenhang mit position absolute bei ul ul *eine Höhenvergrößerung von #menu beim Hovern-- */ #menu li { position: relative; } /*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/ #menu ul ul { position: absolute; z-index: 2; display: none; } /*--lässt die Dropdown-Links beim Hovern erscheinen--*/ #menu ul li:hover ul { display: block; } /*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/ * html #menu ul li { float: left; width: 100%; } /*--nur für IE 7 erkennbar--*/ *+ html #menu ul li { float: left; width: 100%; } </style> </head> <body> <center> <table width="1100" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/DDvXv2/Bilder/header.png"> <tr> <td width="1100" height="246" align="right"> <div style="width:400px; padding-right:15px;">{_boxes_DDVX-LOGIN}</div> </td> </tr> </table> {_boxes_TICKER} <table width="1100" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="1100" height="5" align="right" background="include/designs/DDvXv2/Bilder/kante.png"> </td> </tr> </table> <table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/DDvXv2/Bilder/menu.png"> <tr> <td width="1100" height="49" align="center"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td style="padding-top: 2px;"> <a href="index.php" onClick="toggleMenu(1);"><img src="include/designs/DDvXv2/Bilder/submenu/home.png" onMouseOver="this.src='include/designs/DDvXv2/Bilder/submenu/home_hover.png'" onMouseOut="this.src='include/designs/DDvXv2/Bilder/submenu/home.png'" border="0"></a><a href="?news" onClick="toggleMenu(1);"><img src="include/designs/DDvXv2/Bilder/submenu/news.png" onMouseOver="this.src='include/designs/DDvXv2/Bilder/submenu/news_hover.png'" onMouseOut="this.src='include/designs/DDvXv2/Bilder/submenu/news.png'" border="0"></a><a href="http://opa-reloaded.de/yabb/YaBB.pl" onClick="toggleMenu(1);"><img src="include/designs/DDvXv2/Bilder/submenu/forum.png" onMouseOver="this.src='include/designs/DDvXv2/Bilder/submenu/forum_hover.png'" onMouseOut="this.src='include/designs/DDvXv2/Bilder/submenu/forum.png'" border="0"></a><a href="?user" onClick="toggleMenu(1);"><img src="include/designs/DDvXv2/Bilder/submenu/user.png" onMouseOver="this.src='include/designs/DDvXv2/Bilder/submenu/user_hover.png'" onMouseOut="this.src='include/designs/DDvXv2/Bilder/submenu/user.png'" border="0"></a><a href="?links" onClick="toggleMenu(1);"><img src="include/designs/DDvXv2/Bilder/submenu/links.png" onMouseOver="this.src='include/designs/DDvXv2/Bilder/submenu/links_hover.png'" onMouseOut="this.src='include/designs/DDvXv2/Bilder/submenu/links.png'" border="0"></a><a href="?gbook" onClick="toggleMenu(1);"><img src="include/designs/DDvXv2/Bilder/submenu/gbook.png" onMouseOver="this.src='include/designs/DDvXv2/Bilder/submenu/gbook_hover.png'" onMouseOut="this.src='include/designs/DDvXv2/Bilder/submenu/gbook.png'" border="0"></a><a href="?joinus" onClick="toggleMenu(1);"><img src="include/designs/DDvXv2/Bilder/submenu/joinus.png" onMouseOver="this.src='include/designs/DDvXv2/Bilder/submenu/joinus_hover.png'" onMouseOut="this.src='include/designs/DDvXv2/Bilder/submenu/joinus.png'" border="0"></a> </td> </tr> </table> </td> </tr> </table> <table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/DDvXv2/Bilder/lastbox.png"> <tr> <td width="350" height="199" valign="top"> <table width="100%"><tr> <td width="100%" style="padding-left: 10px; padding-top: 19px; padding-right:10px;">{_boxes_DDVX-LASTNEWS}</td></tr></table> </td> <td width="350" height="199" valign="middle"> <table width="100%"><tr> <td width="100%" align="center" style="padding-left: 16px; padding-right:15px; padding-bottom:3px;"> <div id="wrapper"> <div class="slider-wrapper theme-default"> <div id="slider" class="nivoSlider"> <img src="include/designs/DDvXv2/slider/images/bf3.jpg" height="150" width="230" border="0" alt="" /> <img src="include/designs/DDvXv2/slider/images/cod4.jpg" height="150" width="230" border="0" alt="" /> <img src="include/designs/DDvXv2/slider/images/7.jpg" height="150" width="230" border="0" alt="" /> <img src="include/designs/DDvXv2/slider/images/acr.jpg" height="150" width="230" border="0" alt="" /> <img src="include/designs/DDvXv2/slider/images/crysis3.jpg" height="150" width="230" border="0" alt="" /> <img src="include/designs/DDvXv2/slider/images/diablo3.jpg" height="150" width="230" border="0" alt="" /> <img src="include/designs/DDvXv2/slider/images/hitman.jpg" height="150" width="230" border="0" alt="" /> <img src="include/designs/DDvXv2/slider/images/homefront.jpg" height="150" width="230" border="0" alt="" /> <img src="include/designs/DDvXv2/slider/images/maxpayne3.jpg" height="150" width="230" border="0" alt="" /> <img src="include/designs/DDvXv2/slider/images/redorchestra.jpg" height="150" width="230" border="0" alt="" /> <img src="include/designs/DDvXv2/slider/images/sniperelitev2.jpg" height="150" width="230" border="0" alt="" /> <img src="include/designs/DDvXv2/slider/images/specops.jpg" height="150" width="230" border="0" alt="" /> <img src="include/designs/DDvXv2/slider/images/farcry3.jpg" height="150" width="230" border="0" alt="" /> </div> </div> </div> <script type="text/javascript" src="include/designs/DDvXv2/slider/jquery-1.6.1.min.js"></script> <script type="text/javascript" src="include/designs/DDvXv2/slider/jquery.nivo.slider.pack.js"></script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); }); </script> </td></tr></table> </td> <td width="350" height="199" valign="top"> <table width="100%"><tr> <td width="100%" style="padding-left: 15px; padding-top: 19px;">{_boxes_DDVX-LASTFORUM}</td></tr></table> </td> </tr> </table> <table width="1100" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="1100" height="6" background="include/designs/DDvXv2/Bilder/page_bg_oben.png"></td> </tr> </table> <table width="1100" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="1100" background="include/designs/DDvXv2/Bilder/page_bg.png"> <table width="1100" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="230" align="left" valign="top"> {_list_menunr1@ <table width="230" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="230" height="51" align="center" background="include/designs/DDvXv2/Bilder/box_links_oben.png"><div style="color:#CCC;"><b>%1</b></div></td> </tr> <tr> <td width="230" align="left" valign="top" background="include/designs/DDvXv2/Bilder/box_links_mitte.png"> <table width="230" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"> </td> <td align="left" valign="top">%2</td> <td width="15"> </td> </tr> </table> </td> </tr> <tr> <td width="230" height="15" background="include/designs/DDvXv2/Bilder/box_links_unten.png"></td> </tr> </table> } </td> <td width="640" align="left" valign="top"> <table width="638" cellpadding="0" cellspacing="0" border="0"> <tr> <td height="64" background="include/designs/DDvXv2/Bilder/hamanu.png"><div style="padding-left:15px; padding-bottom:20px;">{HMENU}</div></td> </tr> <tr> <td><div style="padding-left:10px; padding-right:10px; padding-bottom:20px;">{EXPLODE}</div></td> </tr> </table> </td> <td width="230" align="left" valign="top"> {_list_menunr2@ <table width="230" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="230" height="51" align="center" background="include/designs/DDvXv2/Bilder/box_rechts_oben.png"><div style="color:#CCC;"><b>%1</b></div></td> </tr> <tr> <td width="230" align="center" background="include/designs/DDvXv2/Bilder/box_rechts_mitte.png"> <table width="230" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"> </td> <td align="center" valign="top">%2</td> <td width="15"> </td> </tr> </table> </td> </tr> <tr> <td width="230" height="17" background="include/designs/DDvXv2/Bilder/box_rechts_unten.png"></td> </tr> </table> } </td> </tr> </table> </td> </tr> </table> <table width="1100" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="1100" height="130" valign="bottom"><img src="include/designs/DDvXv2/Bilder/footer.png" border="0" usemap="#Map"/> </td> </tr> </table> <br /> </td> </tr> </table> </center> <map name="Map" id="Map"> <area shape="rect" target="_blank" coords="27,90,281,118" href="http://www.dragondesigns.de" alt="copyright" /> <area shape="rect" coords="962,72,1017,115" href="#" alt="on top" /> </map> </body> </html> <!-- {_list_DDDmenupoint@<strong><big>·</big></strong><a %1 href="%2">%3</a><br />} {_list_hmenupoint@<li><a target="%1" href="%2">%3</a>|</li>|<br />|</ul></li>} {_list_hmenubegi@<ul>} {_list_hmenuende@</ul>} {_list_vmenupoint@<a target="%1" class="hame" href="%2">%3</a>} {_list_vmenubegi@} {_list_vmenuende@}//-->
style.css@charset "utf-8"; /* CSS Document */ body { background-color: #333333; background-image: url('Bilder/DDvX_bg.jpg') ; background-attachment:fixed; background-position: 50% 0%; background-repeat:no-repeat; margin:0; padding:0; } td { font-family: Verdana; font-size: 12px; color: #FFF; } a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a { color: #FFF; font-family: Verdana; font-size: 10px; text-decoration: none; } a. { color: #666; } a:hover { text-decoration: none; } a.box { color: #F00; font-family: Verdana; font-size: 12px; text-decoration: underline; } a.box:hover { text-decoration: none; color: #39F; } .Chead { background: #333; color: #FFF; } .Chead a { color: #3CF; } .Chead td, .Chead td strong, .Chead h4, .Chead td b { background: #16639b; color: #9dbdd4; } .Callg { background-color: #EFEFEF; color: #FFF; } .Callg td { color: #000000; } .Cnorm { background-color: #000; } .Cmite { background-color: #000; } .Cdark { background-color: #000; } .rand { border: solid #222 1px; } .smalfont { font-size: 12px; text-decoration: none; } .border { background-color: #CCC; } hr { height: 0px; border: solid #003366 0px; border-top-width: 1px; } input, textarea, select { color: #000000; font: 12px Verdana; border-color: #185685; border-width: 1px; border-style: solid; font-weight: none; text-decoration: none; background-color: #EFEFEF; }Die Signatur muss hier irgendwo sein? -
Sa. 27.07.2013
13:56 Uhr
#11
- Registriert seit
- 24.10.2009
- Beiträge
- 331
- Beitragswertungen
wieso so kompliziert?
setze dein %2 mittig und
füge ein text-indent: in deiner style.css ein (texteinrückung)
so mach ich das immer
beispiel: für ein menü auf der linken seite mit text-indent
a.menu { display:block; color: #000; font-size: 11px; width: 100%; height: 20px; text-indent: 15px; text-decoration: none; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 19px; text-align:left; } a.menu:hover { display: block; color:#F2F2F2; font-size: 12px; background-color:#FF9800; width: 100%; height: 20px; text-indent: 20px; text-decoration: underline; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 20px; } -
So. 28.07.2013
13:01 Uhr
#12
- Registriert seit
- 21.01.2012
- Beiträge
- 12
- Beitragswertungen
Hi,
wenn ich den text ident einfüge und die %2 auf center setze,
verteilt er meine boxen total wirr über die ganze page.
Irgendwas passt da nicht
Gruss DanielDie Signatur muss hier irgendwo sein? -
So. 28.07.2013
13:46 Uhr
#13
- Registriert seit
- 24.10.2009
- Beiträge
- 331
- Beitragswertungen
ich sehe gerade das in deiner obigen index.htm schon text indent
stehen hast
zeile 24 und 37
ändere da den wert mal von 50px auf einen kleineren wert z.b 5px. -
Mo. 29.07.2013
19:39 Uhr
#14
- Registriert seit
- 21.01.2012
- Beiträge
- 12
- Beitragswertungen
Hi,
wenn ich meine Zeile 24 und 37 auf 5px ändere wird mein Menü
nur noch weiter linksbündig dargestellt.
Das Menü soll aber so linksbündig wie es ist bleiben.
Alle eingefügten Boxen unterhalb des Menüs sollen zentriert
dargestellt werden.
Gruss DanielDie Signatur muss hier irgendwo sein? -
Di. 30.07.2013
00:01 Uhr
#15
- Registriert seit
- 24.10.2009
- Beiträge
- 331
- Beitragswertungen
das ist ja auch richtig so wie du es da schreibst
du müsstest ja jetzt nur noch das %2 mittig setzen dann wäre ja alles mittig (Menü eingeschlossen)
danach müsstest du nur noch zeile 24 & 37 wieder anpassen weil der wert 50px ja nicht mehr stimmt.
Du kannst auch der class .hame und .hame:hover noch ein text align:left einfügen.
für text-indent kannst du auch einen negativen Wert verwenden. -
Di. 30.07.2013
21:39 Uhr
#16
- Registriert seit
- 21.01.2012
- Beiträge
- 12
- Beitragswertungen
Hi,
hab nun in der index.htm die Zeile25 auf <td align="center" gesetzt und
unter .hame und .hame:hover noch ein text align:left eingefügt.
In der Shoutbox.php hab ich die Userzeile um ein paar px nach links verschoben.
Nun funktioniert es.
Habe die %2 stehen lassen.
Für was genau sind die %2 eigendlich zuständig? Weil immer wenn ich den
Wert ändern möchte, wirft er mir die Boxen über die ganze Page?!?
Versteh ich nicht ganz. Bin aber auch noch in der Lernphase
Die Signatur muss hier irgendwo sein? -
Di. 30.07.2013
23:58 Uhr
#17
- Registriert seit
- 24.10.2009
- Beiträge
- 331
- Beitragswertungen
Na das freut mich wenn ich dir helfen konnte
schau dir mal die
Design Dokumentation an da wird erklärt für was die Zeichenkette %2 genau ist.
Nachzulesen unter der Kategorie:
3. dynamische Menüs
externer Link -
Do. 01.08.2013
18:54 Uhr
#18
- Registriert seit
- 21.01.2012
- Beiträge
- 12
- Beitragswertungen
Super, danke nochmal für deine/eure Hilfe.
Bin nun wieder ein klein wenig schlauer.
Gruss DanielDie Signatur muss hier irgendwo sein? -
Mi. 21.08.2013
12:01 Uhr
#19
- Registriert seit
- 18.07.2013
- Beiträge
- 3
- Beitragswertungen
Müsstest hier mal die index.htm deines Designs in Verbindung mit der style.css prüfen.
_____________________________
FIFA 13 Kaufen
| Geschlossen | ||
 |
Zurück zu Fehlersuche und Probleme | |
Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten