Suche im Forum:
Suchen


Autor Nachricht
Beitrag26.04.2010 um 18:21 (UTC)    
Titel: HILFE BEI MEIN CSS DESING !!!

Hallo,

Wie ihr sicher schon gesehen habt ist mein problem bekannt

-----> http://handyteck.de.tl/Home.htm



ich weis nicht wie das css genau funk. und der , der mir das gemacht hat ist auch nimma on kan mir vil. bitte jemand helfen ?? Sad Sad
Beitrag27.04.2010 um 10:34 (UTC)    
Titel:

am besten postest du mal den ganzen Code. Da scheinen einige Fehler
vorhanden zu sein... oder dann wird das Design nicht in allen Auflösungen richtig
angezeigt.


lg
Jonas
______________
Updates:
http://twitter.com/JonasKaufmann

Danke dass ich im Baukasten so viel lernen & erfahren durfte!

Beitrag27.04.2010 um 12:08 (UTC)    
Titel:

ja, okey mach ich aber dan könnte es mir ja jemand klauen ??

______________________________________


TEXT ÜBER DEN DESING:




<div id="design">
<div id="logo"> </div>




</div>

<div id="navi2">
<!--Navigation2-->
<a href="#"> Home </a>
<a href="#">Gästebuch </a>
<a href="#"> Partner </a>
<a href="#"> Kontakt </a>
</div>
<div id="header">

<!--Hier Header Bild-->
<a href="#"><img src="http://img.webme.com/pic/p/pctx/messe.png"/></a>

</div>

<div id="box"> Test und Merh... Text Text<br/>


</div>

</div>






TEXT UNTER DEN DESING




<div id="footer"> Copyright by Handyteck | Design by <a href="http://kohompa.de.tf/">Kohompa</a><br/><br/></div>



CSS CODE OHNE STYLETAGS:





h1#title{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}


#sidebar_container{display:none;}
#counter{display:none;}

body {
background:#FFF;
font-family: Times New Roman, Verdana;
margin: 0;
color: #000000;
font-size: 16px;
}



p {

margin: 0;
padding: 0;
font-weight: bold;
}

table {
border: 0;
color: #afafaf;
width: 290px;
}



a:link {
color: #000000;
text-decoration: none;
}

a:visited {
color: #000000;
text-decoration: none;
}

a:hover {
color: #000000;
text-decoration: underline;
}


*{
padding: 0;
margin: 0;}

ul, li{
list-style-type: square;}

hr{
height: 1px;
border: 0px dashed #c7cbbd;
background-color: #243b4e;
margin: 5px;}

img{
border: 0px;}

#design {
width: 1000px;
}

#header {
background-image:url(URL);
background-color:#ccc;
float: left;
width: 625px;
height: 195px;
margin-top:-520px;
margin-left: 183px;
padding: 0px 0px 0px 0px;
color:#FFFFFF;
}

#header a {
color:#FFFFFF;
}
#header a:hover {
color:#b1c3d1;
}


#logo{
background:url(http://img.webme.com/pic/p/pctx/logo1.jpg);
width: 179px;
height: 85px;
margin-left: 2px;
margin-top: 10px;
}


#nav_container{
background:#4e657a;
float: left;
width: 159px;
height: 450px;
margin-left: 0px;
margin-top: 0px;
padding: 10px 10px 0px 10px;
color: #FFFFFF;
font-family:Verdana, Geneva, sans-serif;
}
#nav a {
color: #FFFFFF;
text-decoration: none;
font-size: 14px;
}

#nav a:hover {
color: #FFFFFF;
text-decoration: underline;
font-size: 14px;
}





#navi2 {
background-image:url(http://img.webme.com/pic/p/pctx/navi-oben.jpg);
float: left;
width: 633px;
height: 16px;
margin-left: 181px;
margin-top: -545px;
padding: 1px 3px 5px 10px;
color: #FFFFFF;
font-family:Verdana, Geneva, sans-serif;
}


#navi2 a {
color: #FFFFFF;
text-decoration: none;
font-size: 14px;
}

#navi2 a:visited {
color: #FFFFFF;
text-decoration: none;
font-size: 14px;
}

#navi2 a:hover {
color: #FFFFFF;
text-decoration: underline;
font-size: 14px;
}

#content {
background: #f5f5f5;
color: #000000;
font-family: Verdana, Arial, Tahoma;
float: left;
margin-top: -322px;
margin-left: 2px;
padding: 10px;
width: 604px;
min-height: 446px;
font-size:12px;
font-weight: bold;
border:#999 solid 1px;
}
#footer {
background:#e4e4e4;
float:left;
width: 614px;
height: 10px;
color: #515151;
margin-top: 3px;
margin-left: 2px;
padding-top:2px;
padding-bottom:8px;
padding-left:10px;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
border:#999 solid 1px;

}


#footer a:link {
color: #515151;
text-decoration: none;

}

#footer a:visited {
color: #515151;
text-decoration: none;
}

#footer a:hover {
color: #000000;
text-decoration: underline;

}
#box {
background:#999;
float: left;
width: 167px;
color: #FFFFFF;
margin-top: 2px;
margin-left: 2px;
padding-left:10px;
padding-bottom:10px;
border:#666 solid 1px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
min-height:155px;

}











--> </style>



<table style="margin: 30px; margin-top: 0px;" cellpadding="0" cellspacing="0" ><tr><td>



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


Zuletzt bearbeitet von handyteck am 27.04.2010, 14:23, insgesamt 2-mal bearbeitet
Beitrag27.04.2010 um 16:16 (UTC)    
Titel: Abmessen von px?

Hey.
ich hätte eine frage.
meine freundin will ein css-layout coden ..
und will div-felder einbauen.
(das sind doch die:
Zitat:
}
#box {
background:#999;
float: left;
width: 167px;
color: #FFFFFF;
margin-top: 2px;
margin-left: 2px;
padding-left:10px;
padding-bottom:10px;
border:#666 solid 1px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
min-height:155px;

}


?

also so boxen die man überall hinverschieben kann .. ?

wie kann man denn margin-top und margin-left abmessen ohne es auzuprobieren?

danke schonmal im voraus..
Beitrag27.04.2010 um 17:13 (UTC)    
Titel:

zia... wenn ich das wüsste, aber ich habe selber probleme ? Sad Sad
Beitrag27.04.2010 um 18:07 (UTC)    
Titel: #Content

Also falls du den schriftbereich meinst.
Mach bei

#Content {
"
"
"
margin-top:0px;

wenn das zu weit unten ist probier es immer in regelmäßigen abschnitten aus.
z.B.
margin-top:-50px;
wenns zu viel ist wieder weniger.

margin-top:-40px;
immer so wierter
Hoffe ich konnte dir helfen.
Beitrag27.04.2010 um 18:12 (UTC)    
Titel:

das problem bei margins ist, dass sie bei verschiedenen browsern oft unterschiedlich angezeigt werden.
Beiträge der letzten Zeit anzeigen:   


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