Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag10.08.2008 um 20:09 (UTC)    
Titel: CSS Tap Menü Problem

Hi, ich hoffe einer von euch kann mir weiterhelfen ich bin gerade dabei selber ein Design zu machen und habe das 3. Design von hier--> http://www.homepage-baukasten.de/forum/viewtopic.php?t=62368 genommen und angepasst. und da kommt jetzt das Problem ich hab mir mit dem programm

CSS Tap Designer 2 ( http://css-tab-designer.softonic.de) ein Menü erstellt nur wenn ich es dann in den Designcode einfüge verschiebt sich der Content fast koplett nach Rechts und die HPBK-Werbung sieht dan Fett gedruckt aus.



Was muss ich bei dem Code verändern das das Menü da hinkommt wo es vorgesehen ist und der Content sich nicht verschiebt und die HPBK-Werbung nicht Fett ist.

Zitat:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Free CSS Navigation Menu Designs 2 at exploding-boy.com</title>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}

h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}

img {
border: none;
}

/*- Menu Tabs 5--------------------------- */

#tabs5 {
float:left;
width:100%;
background:#E3ECF3;
font-size:93%;
line-height:normal;

}
#tabs5 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs5 li {
display:inline;
margin:0;
padding:0;
}
#tabs5 a {
float:left;
background:url(http://img.webme.com/pic/t/testseite04/tableft5.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs5 a span {
float:left;
display:block;
background:url(http://img.webme.com/pic/t/testseite04/tabright5.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs5 a span {float:none;}
/* End IE5-Mac hack */
#tabs5 a:hover span {
color:#FFF;
}
#tabs5 a:hover {
background-position:0% -42px;
}
#tabs5 a:hover span {
background-position:100% -42px;
}

#tabs5 #current a {
background-position:0% -42px;
}
#tabs5 #current a span {
background-position:100% -42px;
}
-->
</style>
</head>

<body>

<div id="tabs5">
<ul>
<!-- CSS Tabs -->
<li id="current"><a href="http://icqblumen.de.tl/Home.htm"><span>Home</span></a></li>
<li><a href="http://icqblumen.de.tl/Kontakt.htm"><span>Kontakt</span></a></li>
<li><a href="http://icqblumen.de.tl/G.ae.stebuch.htm"><span>Gästebuch</span></a></li>
<li><a href="fußball Blumen.html"><span>Fußball Blumen</span></a></li>
<li><a href="sonstige Blumen.html"><span>Sonstige Blumen</span></a></li>
<li><a href="http://icqblumen.de.tl/Impressum.htm"><span>Impressum</span></a></li>

</ul>
</div>
</body>
</html>
Beitrag13.08.2008 um 16:18 (UTC)    
Titel:

Beitrag13.08.2008 um 16:37 (UTC)    
Titel: Re: CSS Tap Menü Problem

schalkerico hat Folgendes geschrieben:
.
Was muss ich bei dem Code verändern das das Menü da hinkommt wo es vorgesehen ist und der Content sich nicht verschiebt und die HPBK-Werbung nicht Fett ist.

Zitat:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Free CSS Navigation Menu Designs 2 at exploding-boy.com</title>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
z-index:3;
}
/*Damit spricht der Code einen Teil vom HBPK-Code an*/
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}

img {
border: none;
}

/*- Menu Tabs 5--------------------------- */

#tabs5 {
float:left;
width:100%;
background:#E3ECF3;
font-size:93%;
line-height:normal;

}
#tabs5 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs5 li {
display:inline;
margin:0;
padding:0;
}
#tabs5 a {
float:left;
background:url(http://img.webme.com/pic/t/testseite04/tableft5.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs5 a span {
float:left;
display:block;
background:url(http://img.webme.com/pic/t/testseite04/tabright5.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs5 a span {float:none;}
/* End IE5-Mac hack */
#tabs5 a:hover span {
color:#FFF;
}
#tabs5 a:hover {
background-position:0% -42px;
}
#tabs5 a:hover span {
background-position:100% -42px;
}

#tabs5 #current a {
background-position:0% -42px;
}
#tabs5 #current a span {
background-position:100% -42px;
}
-->
</style>
</head>

<body>

<div id="tabs5">
<ul>
<!-- CSS Tabs -->
<li id="current"><a href="http://icqblumen.de.tl/Home.htm"><span>Home</span></a></li>
<li><a href="http://icqblumen.de.tl/Kontakt.htm"><span>Kontakt</span></a></li>
<li><a href="http://icqblumen.de.tl/G.ae.stebuch.htm"><span>Gästebuch</span></a></li>
<li><a href="fußball Blumen.html"><span>Fußball Blumen</span></a></li>
<li><a href="sonstige Blumen.html"><span>Sonstige Blumen</span></a></li>
<li><a href="http://icqblumen.de.tl/Impressum.htm"><span>Impressum</span></a></li>

</ul>
</div>
</body>
</html>




Gruß Rico

Versuch mal
Beitrag14.08.2008 um 21:16 (UTC)    
Titel:

da bleibt das Problem immernoch bestehen Sad
______________
[img:e1e4fdbce9]http://schalkerico.de.tl/sig.png[/img:e1e4fdbce9]
Beiträge der letzten Zeit anzeigen:   


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