Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag10.04.2009 um 14:52 (UTC)    
Titel: viele fragen über css!

Hi, ich hoffe ihr könnt mir helfen:
1.die boxen haben eine umrandung die weg soll.Das bild:
http://i85.servimg.com/u/f85/13/55/90/68/mybox210.jpg
soll als siedebar heading von den 2 boxen.
2.Wo kann ich die schriftgröße für den container ändern??

Hier mein code::
css code ohne styletags::


#extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} #nav{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;} a{ color:#000000; text-decoration: none; font-size:25px;} a:hover { color: #BE282F!important; font-size: 25px; text-decoration: none;} a:link { color: #000000; font-size: 25px; text-decoration: bold;} a:active { color: 000000; font-size: 25px; text-decoration: none;} a:visited { color: #000000; font-size: 25px; text-decoration: none;} body { background-color:#FFFFFF;} background-image:url(http://img.webme.com/pic/r/razor-designs/vistahintergrund.jpg); *{ padding: 0; margin: 0; } # { margin: 0 auto; width: 1024px; height:900px; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/weiay10.png);} #header_container { position: absolute; left: 50%; margin-left:-483px; top: 42px; width: 976px; height:195px; background-color:#343434; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/thepow10.png); color:#000000; font-size:25px; border: 1px solid #FFFFFF;}
#content { position: absolute; left: 50%; top: 238px; margin-left:-320px; width: 630px; padding:10px; color: #000000; font-size:15px; background-color:#FFFFFF; background-image:url(); border: 1px solid #FFFFFF; overflow:auto; }
#sidebar_container{ position: absolute; left: 48%; top:277px; margin-left: 353px; width: 170px; height: 600px; background-color:#000000; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/weiay10.png); border:1px solid #000000; color:#000000; overflow:auto;} #sidebar_links{ position: absolute; left: 49%; top:277px; margin-left: -482px; width: 170px; height: 400px; scrolling: no; background-color:#000000; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/weiay10.png); border:1px solid #5F5F5F; color:#000000; overflow:auto;} #sidebar_links1{ position: absolute; left: 48%; top:526px; margin-left: 353px; width: 160px; height: 419px; background-color:#dbdbdb; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/weiay10.png); border:1px solid #5F5F5F; color:#000000; overflow:auto;} #sidebar_links2{ position: absolute; left: 50%; top:478px; margin-left: -484px; width: 160px; height: 200px; background-color:#dbdbdb; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/weiay10.png); border:1px solid #5F5F5F; color:#000000; overflow:auto;} #sidebar_links3{ position: absolute; left: 50%; top:710px; margin-left: -475px; width: 170px; height: 200px; background-color:#dbdbdb; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/weiay10.png); border:1px solid #5F5F5F; color:#000000; padding:0px; overflow:auto;} #sidebar_links4{ position : absolute; left: 50%; top:710px; margin-left: 345px; width: 170px; height: 200px; background-color:#dbdbdb; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/weiay10.png); border:1px solid #5F5F5F; color:#000000; overflow:auto;} #designbytopmert { position: absolute; left: 50%; top:25px; margin-left: 375px; width: 600px; height:20px; color:#FFFFFF; font-size:13px; border: 0px solid #FFFFFF


Pls Help Me Very Happy ´


Zuletzt bearbeitet von rt-logins am 11.04.2009, 13:15, insgesamt einmal bearbeitet
Beitrag16.04.2009 um 11:39 (UTC)    
Titel:

Hi,

könnte dir vlt helfen aber kannst du den code in abschnitten machen??
Beitrag16.04.2009 um 14:48 (UTC)    
Titel:

ich hab den code mal besser formatiert:
Code:

#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
#nav{display: none;} div.header{display: none;} h1#title{display: none;}
h2#title span {display: none;}

a{ color:#000000; text-decoration: none; font-size:25px;}
a:hover { color: #BE282F!important; font-size: 25px; text-decoration: none;}
a:link { color: #000000; font-size: 25px; text-decoration: bold;}
a:active { color: 000000; font-size: 25px; text-decoration: none;}
a:visited { color: #000000; font-size: 25px; text-decoration: none;}

body { background-color:#FFFFFF;}
background-image:url(http://img.webme.com/pic/r/razor-designs/vistahintergrund.jpg);

*{ padding: 0; margin: 0; }

# { margin: 0 auto; width: 1024px; height:900px; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/weiay10.png);}

#header_container {
   position: absolute; left: 50%; margin-left:-483px; top: 42px; width: 976px; height:195px;
   background-color:#343434; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/thepow10.png);
   color:#000000; font-size:25px; border: 1px solid #FFFFFF;
}

#content {
   position: absolute; left: 50%; top: 238px; margin-left:-320px; width: 630px; padding:10px;
   color: #000000; font-size:15px; background-color:#FFFFFF; background-image:url();
   border: 1px solid #FFFFFF; overflow:auto;
}

#sidebar_container{
   position: absolute; left: 48%; top:277px; margin-left: 353px; width: 170px; height: 600px;
   background-color:#000000; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/weiay10.png);
   border:1px solid #000000; color:#000000; overflow:auto;
}

#sidebar_links{
   position: absolute; left: 49%; top:277px; margin-left: -482px; width: 170px; height: 400px;
   scrolling: no; background-color:#000000; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/weiay10.png);
   border:1px solid #5F5F5F; color:#000000; overflow:auto;
}

#sidebar_links1{
   position: absolute; left: 48%; top:526px; margin-left: 353px; width: 160px; height: 419px;
   background-color:#dbdbdb; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/weiay10.png);
   border:1px solid #5F5F5F; color:#000000; overflow:auto;
}

#sidebar_links2{
   position: absolute; left: 50%; top:478px; margin-left: -484px; width: 160px; height: 200px;
   background-color:#dbdbdb; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/weiay10.png);
   border:1px solid #5F5F5F; color:#000000; overflow:auto;
}

#sidebar_links3{
   position: absolute; left: 50%; top:710px; margin-left: -475px; width: 170px; height: 200px;
   background-color:#dbdbdb; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/weiay10.png);
   border:1px solid #5F5F5F; color:#000000; padding:0px; overflow:auto;
}

#sidebar_links4{
   position : absolute; left: 50%; top:710px; margin-left: 345px; width: 170px; height: 200px;
   background-color:#dbdbdb; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/weiay10.png);
   border:1px solid #5F5F5F; color:#000000; overflow:auto;
}

#designbytopmert {
   position: absolute; left: 50%; top:25px; margin-left: 375px; width: 600px; height:20px;
   color:#FFFFFF; font-size:13px; border: 0px solid #FFFFFF
}


(im bereich von body kommt mir die syntax etwas komisch vor, aber das muss nichts heißen, ich bin noch recht neu)

wenn du jetzt noch genau erklärst welchen rand von welchen boxen du meinst und wo das von dir angegebene bild hinsoll, kann ich dir vllt weiterhelfen Smile

Gruß Santasan
Beitrag16.04.2009 um 16:07 (UTC)    
Titel:

Ok mitlerweile hat sich der code etwas verändert...

Wie kann ich von über jede box ein bild (siedebar_heading)setzen?? Question
Warum ist die schrift im content so klein und nicht 15pix groß und gelb und nicht ne andere farbe??
Wie kann ich in der linken box eine kleine navi einbauen wo nur ausgewählte seiten zu sehen sind??

Hier mein code:


-----------------------------------------------------------------------------------------------------
#extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} #nav{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;}
a{ color:#000000; text-decoration: none; font-size:15px;} a:hover { color: #0C1CA3!important; font-size: 15px; text-decoration: none;} a:link { color: #000000; font-size: 15px; text-decoration: bold;} a:active { color: 000000; font-size: 15px; text-decoration: none;} a:visited { color: #000000; font-size: 15px; text-decoration: none;}
body { background-color:#FFFFFF;} background-image:url(http://picfu.net/35940f_950x950.jpg); *{ padding: 0; margin: 0; } #all { margin: 0 auto; width: 1024px; height:900px; background-image:url(http://img.webme.com/pic/r/razor-designs/vistahintergrund.jpg);}

#header_container { position: absolute; left: 50%; margin-left:-490px; top: 42px; width: 971px; height:195px; background-color:#343434; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/r-t_ul10.png); color:#000000; font-size:16px; border: 0px solid #FFFFFF;}

#content { position: absolute; left: 50%; top: 277px; margin-left:-320px; width: 630px; padding:0px; color: #000000; font-size:15px; background-color:#FFFFFF; background-image:url(http://picfu.net/2f6c37_950x950.png); border: 0px solid #FFFFFF;}

#sidebar_container{ position: absolute; left: 46%; top:277px; margin-left: 350px; width: 170px; height: 600px; background-color:#FFD819; background-image:url(http://picfu.net/2dcec0_950x950.jpg); border:0px solid #FFFFFF;}

#side{ position: absolute; left: 50%; top:237px; margin-left: -491px; width: 971px; height: 38px; background-color:#dbdbdb; background-image:url(http://i85.servimg.com/u/f85/13/55/90/68/button14.png); border:1px solid #5F5F5F; color:#ffffff;}

#sidebar_links{ position: absolute; left: 49%; top:277px; margin-left: -480px; width: 170px; height: 600px; scrolling: no; background-color:#000000; background-image:url(http://picfu.net/2dcec0_950x950.jpg); border:0px solid #FFFFFF; color:#000000; }

#rtdesign{ position: absolute; left: 50%; top:25px; margin-left: 375px; width: 600px; height:20px; color:#FFFFFF; font-size:15px; border: 0px solid #FFFFFF
______________
[url=http://img.webme.com/pic/r/rt-eliteclan/out.gif[/img:872askjd][/url]


Zuletzt bearbeitet von rt-logins am 16.04.2009, 17:25, insgesamt 2-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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