zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Seite links ausrichten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.01.2011, 01:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2011
Beiträge: 6
like.no.other befindet sich auf einem aufstrebenden Ast
Standard Seite links ausrichten

Hi,

ich möchte meine Seite links ausrichten.

Was muss ich wo in die CSS einfügen oder ändern?

Code:
/*	--------------------------------------------------
Global Reset - Resets all browser defaults to 0
-------------------------------------------------- */
body { color:#333; background:#fff; }
a { color:#205f98; }
a:hover { color:#333; }


hr { color:#fffdea; border:none; border-top:1px dotted #372322; }

.alignleft { border:2px solid #ccc; background:#fff;  }
.alignright { border:2px solid #ccc; background:#fff;  }

/* headings ---------------------- */
h1.page_head, h1.single_head { color:#000; }

h1 { color:#114a7d; }
h2 { color:#000; }
h4 { color:#114a7d; }
h6 { color:#1b110d; }

/* STRUCTURE ---------------------*/

.header { background:#fff; }
.header .menu { background:url(3-blue/i-menubg.png) no-repeat; clear:both; background:url(3-blue/i-menubg.png) no-repeat; }
.featuredproperties { background:url(3-blue/i-featuredpropertiesbg.png) repeat-y;  }
.contentarea_home { background:url(3-blue/i-contentbg.png) top no-repeat; }
.breadcrumbs { color: #7a1a1c; background:url(3-blue/i-breadcrumbsbg.png) no-repeat; }
#propertysearchoptions .search { background:#5a96ca url(3-blue/i-searchbg.png) top no-repeat; }
.featured_strip { background:url(3-blue/i-featuredpropertylabel.png) no-repeat left top; color:#fff;  text-shadow:1px 1px 1px #333; }


/* HEADER ****************************/
.header .logo p { color:#666; }
.header .toplinks li { color:#543c30; }
.header .toplinks li a  { border-left:1px solid #543c30; color:#205f98; }
.header .toplinks li a:hover { color:#333; }

.featuredproperties .propertyimage img.mainimage { border:5px solid #fff; }
.featuredproperties .propertyimage .thumbnails img.thumbs { background:#FFF; border:1px solid #b4ac90; }
p.blog-description { color:#666; }


/* ALL BUTTONS ******************************/
.readmore { background:url(3-blue/i-readmore-left.png) no-repeat left top; }
.readmore a { background:url(3-blue/i-readmore-right.png) no-repeat right top; color:#7f7f7f; }
.readmore a:hover { background-position: right -20px; }
.readmore:hover { background-position: left -20px; }
* html .readmore a { padding-bottom:4px; }
* html .readmore a:hover{ background-position:right top; color:#000; }

.submitpropertybtn { background:url(3-blue/i-btn-submitproperty-l.png) no-repeat left top; }
.submitpropertybtn a { background:url(3-blue/i-btn-submitproperty-r.png) no-repeat right top; color:#fff; }
.submitpropertybtn a:hover { background-position: right -43px; }
.submitpropertybtn:hover { background-position: left -43px; }
* html .submitpropertybtn a { padding-bottom:11px; }
* html .submitpropertybtn a:hover{ background-position:right top; color:#903c19; }


/* HOME FEATURED AGENT ****************/
.featuredproperties .featuredagent { color:#463e24; }
.featuredproperties .featuredagent h3 { background:url(../images/i-icon-featuredagent.png) 0px 0px no-repeat; border-bottom:1px solid #d4eafd; }
.featuredproperties .widget { background:none;  }
.featuredproperties .widget .featured_agent_list  li { border-bottom:1px solid #badefa;}

/* HOME OPTIONS ***************************************/
.options { background:#e8f3fd url(3-blue/i-optionsbg.gif) top no-repeat; border:1px solid #b5d2e5; border-width:0px 1px; }
.optionstop { background:url(3-blue/i-optionstop.gif) top no-repeat; }
.optionsbottom { background:url(3-blue/i-optionsbottom.gif) top no-repeat; }

.options .loans h3, .options .rental h3, .options .moving h3 { color:#8d1618; }
.options .loans p, .options .rental p, .options .moving p { color:#666; }
.options .loans h3 {  background:url(../images/i-icon-loan.png) no-repeat; }
.options .rental h3 { background:url(../images/i-icon-rental.png) no-repeat; }
.options .moving h3 {  background:url(../images/i-icon-moving.png) no-repeat; }


/* HOME LATEST PROPERTIES ***************/
.contentarea_home .latestproperties h5 { background:url(../images/i-icon-featuredproperty.png) 0px 2px no-repeat; color:#8d1618; border-bottom:1px solid #ccc; }
.latestproperties h3 { border-bottom:1px solid #ccc;  }

.contentarea_home .latestproperties h5 span.viewmore { color:#8d1618; }

.sidebar .latestnewshome h6, .latestnewshome h6 { background:url(../images/i-icon-news.png) 0px 6px no-repeat; color:#8d1618; border-bottom:1px solid #CCC; }
.sidebar .latestnewshome li, .latestnewshome li { background:none;  }
.latestnewshome img.newsphoto { border:2px solid #fff; }
.latestnewshome li p.date {  color:#838383;  }
.latestnewshome li p.date a { color:#838383; border-bottom:1px dotted #d1c8a9; }
.latestnewshome li p.date a:hover { color:#333;  border-bottom:none; }

.latestnewshome li p { color:#333; }
.latestnewshome li a { color: #5b96cb; }
.latestnewshome li a:hover { color:#8d1618; }


/* SIDEBAR SUBSCRIBE ***************/
.subscribe h6 { background:url(../images/i-icon-subscribe.png) 0px 4px no-repeat; color:#114a7d; }
.subscribe p { color:#363636; }
.subscribe input.subscribefieldnow { border:1px solid #b6b6b6; }
 .submit {  color:#fff; background:#1f598c; border:1px solid #1f598c; }
* html  .submit {  color:#fff; background:#1f598c; border:1px solid #1f598c; }

.contentarea .sidebar { background:url(3-blue/sidebar_centerbg.png) repeat-y left top;  }
.contentarea .sidebar_top { background:url(3-blue/sidebar_topbg.png) no-repeat left top; } 
.contentarea .sidebar_bottom { background:url(3-blue/sidebar_bottombg.png) no-repeat left bottom;  }

.contentarea_home_left { background:url(3-blue/i-contentbg_left.png) no-repeat left top;  }
.contentarea .sidebar_left { background:url(3-blue/sidebar_centerbg_left.png) repeat-y right top;  }
.contentarea .sidebar_left .sidebar_top { background:url(3-blue/sidebar_topbg_left.png)  no-repeat right top; }
.contentarea .sidebar_left .sidebar_bottom { background:url(3-blue/sidebar_bottombg_left.png) no-repeat right bottom; }


.contentarea .sidebarlite { background:url(3-blue/sidebar_centerbg.png) repeat-y left top; }
.contentarea .sidebarlite_top { background:url(3-blue/sidebar_topbg.png) no-repeat left top; } 
.contentarea .sidebarlite_bottom { background:url(3-blue/sidebar_bottombg.png) no-repeat left bottom; }

.contentarea .latestproperties h5 { background:url(../images/i-icon-featuredproperty.png) 0px 2px no-repeat; color:#8d1618; border-bottom:1px solid #d8d3c3; }
* html .contentarea .latestproperties h5 { background:url(3-blue/i-icon-featuredproperty.png) 0px 2px no-repeat; color:#8d1618; border-bottom:1px solid #d8d3c3; }
.contentarea .latestproperties h5 span.viewmore { color:#8d1618; }

.contentarea .latestproperties h5 span a.switch_thumb { background: url(3-blue/i-icon-switchview.png) right no-repeat; }
* html .contentarea .latestproperties h5 span a.switch_thumb { background: url(3-blue/i-icon-switchview.png) right no-repeat; }
.contentarea .latestproperties h5 span a.swap {  background:url(3-blue/i-icon-switchview-swap.png) right no-repeat;  }

.contentarea .propertydetails_toplinks { border:1px solid #ddd; }
.contentarea .propertydetails_toplinks li.sendtofriend { background:url(../images/i-icon-emailfriend.png) 0px 2px no-repeat;}
.contentarea .propertydetails_toplinks li.addtofav { background:url(../images/i-icon-addtofavs.png) 0px 1px no-repeat;  }
.contentarea .propertydetails_toplinks li.print { background:url(../images/i-icon-print.png) 7px 0px no-repeat; }

.contentarea .sidebar .sidebarseperator { background:url(3-blue/i-sidebarseperator.gif) repeat-x; }
.contentarea .sidebarlite .sidebarseperatorlite { background:url(3-blue/i-sidebarseperator-lite.gif) repeat-x; }

/* PRODUCT DETAILS *************************/
.contentarea img.bigimage { border:5px solid #fff; }

.contentarea .galleryview { background:#FFF; }
.contentarea .galleryview img { border:2px solid #fff; }

.contentarea .propertydetails .basicinfo h2.home { border-bottom:1px solid #cec8b5; background:url(../images/home.png) no-repeat left 4px;  }
.contentarea .propertydetails .basicinfo h2.property_desc { border-bottom:1px solid #cec8b5; background:url(../images/i-icon-featuredproperty.png) no-repeat left 3px;  }
.contentarea .propertydetails .basicinfo td { border-bottom:1px solid #dbd7c6; background:url(3-blue/i-bullet-archive.png) 5px 14px no-repeat; }

.contentarea .additionalfeatures h2 { border-bottom:1px solid #cec8b5; background:url(../images/i-icon-additionafeatures.png) no-repeat; }

.contentarea .propertymap h2 { border-bottom:1px solid #cec8b5; background:url(../images/i-icon-propertymap.png) 0px 3px no-repeat; }
.contentarea .propertymap img { border:2px solid #fff; }

.contentarea .latestproperties h2 { border-bottom:1px solid #cec8b5; background:url(3-blue/i-icon-featuredproperty.png) 0px 3px no-repeat; color:#8d1618; }

.agent_contact p.agent_name { color:#af7420; }
.agent_contact p.agent_name a { color:#af7420; }
.agent_contact p.agent_name a:hover { color:#333; }

.agent_contact img { background:#fff; border:1px solid #af997a; }
.contentarea .agent_info h3 { border-bottom:1px solid #cec8b5; background:url(../images/i-icon-featuredagent.png) 0px 0px no-repeat; }
.agent_contact_form { border-left:1px solid #dfd9c3;  }

.agent_row .textfield { color:#534943; border:1px solid #afc0d0; background:#f2f9ff; }

.agent_row .select { color:#534943; border:1px solid #afc0d0; background:#f2f9ff; }

.agent_row .textarea { color:#534943; border:1px solid #afc0d0; background:#f2f9ff; }

 .b_agent_contact {  color:#fff; border:2px solid #fff; background:#053d70  }
.b_agent_contact:hover { background:#ab1500; border:2px solid #fff;  }



 


/* PRODUCT LISTING ***************/
.similarproperty, .latestproperties ul.display li .content_block .content h3 { background:#ecf5fd; border-bottom:none; }
.latestproperties ul.thumb_view li .content_block .content h3 { background:#ecf5fd; }
.latestproperties ul.display li .content p.address {  color:#666; }
.latestproperties ul.display li .content p.contentp span.spacer { color:#aaaaaa; }
.latestproperties ul.display li h3 span.propertyaddress {  color:#358405; }
.latestproperties ul.display li h3 span.price { color:#333; }
.latestproperties ul.display li h3 span b { color:#666; }
.latestproperties ul.display li h3 span b.sale { color:#c45222; }

.latestproperties ul.display li .property_detail p span.field { color:#666; }

.latestproperties ul.display li h3 a { color:#205f98; text-decoration:none; }
.latestproperties ul.display li h3 a:hover { color:#333; text-decoration:underline; }

.status { color:#358405; }


.latestproperties ul.display li .content p.propertylistinglinks { color:#999; border:1px solid #ddd; border-width:1px 0px;  }
.latestproperties ul.display li .content p.propertylistinglinks .agent { background:url(../images/i-icon-featuredagent.png) 0px 2px no-repeat; }

.latestproperties ul.display li .content p.propertylistinglinks .edit {  background:url(../images/edit.png) 0px 2px no-repeat;   }
.latestproperties ul.display li .content p.propertylistinglinks .delete { background:url(../images/delete.png) 0px 2px no-repeat;  }
.latestproperties ul.display li .content p.propertylistinglinks .renew { background:url(../images/renew.png) 0px 2px no-repeat; border:none;  }

.latestproperties ul.display li .content p.propertylistinglinks a { color:#5b96cb;  }
.latestproperties ul.display li .content p.propertylistinglinks a:hover { color:#8d1618; }
.latestproperties ul.display li .content p.propertylistinglinks a b { color:#333; }

.latestproperties ul.display li .content p.propertylistinglinks .sendtofriend { border-right:1px solid #d8d3c3;  background:url(../images/i-icon-emailfriend.png) 0px 2px no-repeat; }
.latestproperties ul.display li .content p.propertylistinglinks a:hover { color:#000; }

.latestproperties ul.display li .content p.lighttext { color:#807758; }
 
.latestproperties ul.thumb_view li h3 span.propertyaddress { color:#358405; }
.latestproperties ul.thumb_view li h3 span.propertyaddress { color:#358405; border-bottom:1px solid #fff; }
.latestproperties ul.thumb_view li h3 span.price { color:#333; }

.latestproperties ul.thumb_view li .content_block .product_image img { border:5px solid #d5e3f1; }
.latestproperties ul.display li .content_block .product_image img { border:5px solid #d5e3f1; }

.latestproperties ul.display li.featured { background:#e5f2ff; border:1px solid #bfcdda; -moz-border-radius:5px; -webkit-border-radius:5px;   }
.latestproperties ul.thumb_view li.featured { background:none; border:none;  }
.latestproperties ul.display li.featured .content p.propertylistinglinks { border-bottom:none;  }
.latestproperties ul.thumb_view li.featured .content_block .content h3 { background:#c1e2ff;  }
.latestproperties ul.display li.featured .content_block .product_image img { border-color:#d5e3f1; background:#fff; }

/* content -------------*/
#content li { background:url(3-blue/i_bullet.gif) no-repeat left 8px; }
#content ol li { background:none; }
#content p.more a { color:#333; }
#content p.more a:hover { color:#000; }
#content h3 { border-bottom:1px solid #ccc;  }
#content h5.form_title { color:#333; }

#content .post_top .avatar { border:1px solid #ddd; padding:3px; background:#fff; }
#content .post_top h1 { border-bottom:none;}
#content .post_top h3 { border-bottom:none; }

.commentcount a { color:#666; }
.commentcount a:hover { color:#000; }
#content p.postmetadata a { border-bottom:1px dotted #ccc; }
#content .post_top p.postmetadata { color:#838383; }

/* -------- */
code { background:#ccc; }
blockquote { background:url(3-blue/quote.png) no-repeat;    } 
blockquote p { color:#333;  }
blockquote cite { color:#666; }

blockquote a { color:#333; }
blockquote a:hover { color:#000; }

#content .post_top { background:url(3-blue/i_post.png) no-repeat left 5px;  }
#content .post_top h2 a { color:#000; }
#content .post_top h2 a:hover { color:#333; }
.commentcount { background:url(3-blue/i_comment.png) no-repeat left 1px; }
.commentcount a { border-bottom:1px dotted #838383; }

#content .post_top a { color:#666; }
#content .post_top a:hover { color:#333;}
#content .posts { border-bottom:3px solid #d7ecfd;  }
#content .posts h3 a { color:#205f98; }
#content .posts h3 a:hover { color:#850e00; }

#content p.post_bottom {color:#555; }
#content p.post_bottom a { color:#444; }
#content p.post_bottom a:hover { color:#000; }


/* Agent details ------------*/
.agents_detail .agent { background:#fff; border:4px solid #fff; }

/* form ------ */
.form_row .textfield, .form_row .textarea, .table td .textfield, .table td .textfield2, .table td .select_s2, .form_row .select, #respond textarea, .commpadd input, .form_row .select_s  {  color:#534943; border:1px solid #afc0d0; background:#f2f9ff; -moz-border-radius:5px;  -webkit-border-radius:5px; padding:8px; }
.form_row .textfield:focus, .form_row .textarea:focus, .form_row .select:focus, #respond textarea:focus, .commpadd input:focus { background:#fff;  }

.btn_input_highlight, .btn_input_highlight_more { color:#fff; border:2px solid #fff; background:#053d70; -moz-border-radius:5px;  -webkit-border-radius:5px; text-decoration:none;  }
.btn_input_highlight:hover, .btn_input_highlight_more:hover { background:#ab1500; border:2px solid #fff;  color:#fff; }

.btn_input_normal { color:#fff; border:2px solid #fff; background:#a69d7e;  text-decoration:none; }
.btn_input_normal:hover { background:#6a3d2a; border:2px solid #fff; text-decoration:none;  }

.form_row .error { border:1px solid #af1313; }
.error_msg, .message_error2 { color:#ae0404; }

#content p.highlight_message { color:#060; }
.sucess_msg { color:#4b6b0d; background:#dfe9b5; border-top:1px solid #8c9f42; border-bottom:1px solid #8c9f42; }

#content p.note { color:#a59b7a; }
#content p.note span.required, .form_row label span { color:#ae0404; }

/* registration form setting ------- */
.indicates { color:#AE0404; }
#reg_passmail { color:#947b5d; }

/* login form single ----*/
.login_form_box, .registration_form_box { background:#e8f3fd; border:2px solid #b5d2e5; }


/* sidebar finance calculator form  ---*/
.sidebar #total { color:#358405;   } 


/* sidebar Featured Agent listing  ---*/
.sidebar .featured_agent_list li { border-bottom:1px solid #dce2c1; background:none; }
.sidebar .featured_agent_list li img { border-color:#D8D3C3 #A99C73 #A99C73 #D8D3C3; background:#fff; border-style:solid; border-width:1px; } 
.sidebar .featured_agent_list li p { color:#666; }

/*---------COMMENTS --------- */
#comments  p.authorcomment a {  color:#666; }
#comments  p.authorcomment a:hover { color:#000; }


#comments .comment .meta-left { color:#aaa }
#comments .comment .text-right { border:none; background:#e9f2f7 url(3-blue/commentbg.png) no-repeat center left; }
#comments .comment .authcomment{ background:#e9f2f7 url(3-blue/commentbg_author.png) no-repeat center left; border:none;  }
#comments .comment .authcomment p { color:#333; }

span.comm-reply{ color:#666; }
input#submit{ color:#fff; background:#053d70; border:1px solid #053d70; -moz-border-radius:5px;  -webkit-border-radius:5px;  }
.avatar { border:2px solid #ddd; padding:3px; background:#fff; }

/********************************************* SIDEBAR **************************************************/
.xsnazzy {background: transparent; }
.xtop, .xbottom { background:transparent;}
.xb2, .xb3, .xb4 {background:#f6fafe; border-left:1px solid #a0c3df; border-right:1px solid #a0c3df;}
.xb1 { background:#a0c3df;}
.xb2 { border-width:0 2px;}
.xboxcontent { background:#f6fafe; border:0 solid #a0c3df; border-width:0 1px; }

.widget { background:url(3-blue/i-sidebarseperator.png) repeat-x bottom; }
.sidebar .widget h3 { color:#8d1618; border-bottom:1px solid #cec8b5; }
.tags { background: url(../images/i-icon-tagcloud.png) 0px 3px no-repeat; }
 
.sidebar .twitter h3 { background:url(../images/i_twitter.png) no-repeat 0px 3px ; }
.sidebar .contact h3 { background:url(../images/i-icon-map.png) no-repeat 0px 4px ; }
.sidebar .finance_calculator h3 { background:url(../images/calculator.png) no-repeat 0px 4px ; }
.sidebar .featured_agent h3 { background:url(../images/i-icon-featuredagent.png) no-repeat 0px 4px ; }

.b_followusontwitter { background:url(3-blue/i-bullet-archive.png) no-repeat left 4px;  }
.sidebar li { background:url(3-blue/i_bullet.gif) no-repeat left 4px; } 
.tagcloud a { color:#8d1618;}

/* SIDEBAR FEATURED AGENT ********************************/
.featuredagent { color:#463e24;  }
.featuredagent h6 { background:url(../images/i-icon-featuredagent.png) 0px 5px no-repeat; border-bottom:1px solid #f2efe4; }
.featuredagent li { background:url(../images/i-bullet-featuredagent.png) 0px 6px no-repeat; }
.featuredagent img.agent { border:5px solid #fff;margin-right:10px; }
.featuredagent p.agentname { color:#000; }
.sidebar .featuredagent li { background:url(../images/i-bullet-featuredagent.png) 0px 6px no-repeat;   }

/* BREADCRUMBS **************************/
.breadcrumbs p { color:#605d5d; }
.breadcrumbs a { color:#205f98; }
.breadcrumbs a:hover { color:#000; }
.breadcrumbs strong { color: #605d5d; }
.breadcrumbs span.findproperties { background:url(3-blue/i-findpropertiesbg.png) no-repeat;}
.breadcrumbs span.findproperties a {  color:#fff; background:url(../images/i-icon-findproperty.png) left no-repeat; }

/* SEARCH ********************/
.search_form h3, .property_id_search h3 { color:#f3faff; border-bottom:1px dotted #77aad8; text-shadow:1px 1px 1px #333; background:url(../images/find.png) no-repeat left 2px; }
.search_row label, .property_id_search label { color:#d2eaff; }
.search_row span { color:#d2eaff; }
.search_row .select, .search_row .textfield, .property_id_search .textfield  { color:#737373; border:1px solid #556435; background:#fff; }
.search_row .select:focus, .search_row .textfield:focus, .property_id_search .textfield:focus  { color:#534943; border:1px solid #b3d5e4; background:#fff; }

.search_row .textfield:focus { background:#fff;   }
.b_search_properties a { background:#062745 url(3-blue/b_searchproperties.png) no-repeat left top; color:#fff;  }
.b_search_properties a:hover { background-position:0 -31px; color:#fff; }

.property_id_search { background:url(3-blue/search_sepretor.png) no-repeat left top;}
 #propertysearchoptions { padding-bottom:5px; height:100%; overflow:hidden; }
  .searchbottom { background:url(3-blue/i-searchbottom.png) no-repeat left bottom; float:left; width:960px;  }


/* BOTTOM PART *****************/
.bottompart { background:url(3-blue/i-bottompartbg.png) repeat-x; }
.bottompart .aboutus { background:url(3-blue/i-bottompartition.png) right repeat-y; }
.bottompart .aboutus p { color:#080808; }
.bottompart .aboutus h5 { color:#645d47; }
.bottompart .mortgagecenter { background:url(3-blue/i-bottompartition.png) right repeat-y; }
.bottompart .mortgagecenter h5 { color:#645d47; }
.bottompart li { background: url(3-blue/i-bullet-mortgage.png) 0px 11px no-repeat; border-bottom:1px solid #d8d3c3; }
.bottompart li a { color:#777776; }
.bottompart li a:hover { color:#205f98; }
.bottompart .bottom_right_col { width:300px; }

.bottompart .testimonials h5, .sidebar .testimonials h5 { color:#645d47; }
.bottompart .testimonials , .sidebar .testimonials{ background:url(3-blue/i-commatop.png) no-repeat 10px 33px; }
.bottompart .testimonials blockquote, .sidebar .testimonials blockquote  { background:none; }

.bottompart .testimonials blockquote p.endquote, .sidebar .testimonials blockquote p.endquote { background:transparent url(3-blue/i-commabottom.png) right bottom no-repeat; }
.sidebar .testimonials blockquote { background:transparent url(3-blue/i-commatop.png) no-repeat; }
.bottompart .widget { background:none; }


/* FOOTER ------------------------------------*/
.footer { background:url(3-blue/i-footerbg.png) bottom no-repeat; color:#6c6858; }
.footer p {color:#6c6858; }
.footer .copyrights { color:#8b8674; }
.footer .copyrights p.author { color:#8b8674; }
.footer .footerright { color:#333; text-align:center; }
.footer ul li { color:#6c6858; }
.footer ul li a { color:#6c6858; }
.footer ul li a:hover { color:#000; }
.footer p span.templatic { color:#fff;  background:url(../images/templatic.png) no-repeat 0;   }

/* Post Pagination */
.pagination .on { background:#8d1618; color:#fff; }
.pagination a { background:#4c89bf; color:#fff;  }
.pagination a:hover { color:#fff; background:#1c649a;  }


/* agent listing --------------------------- */
#content .agentlisting li { border-bottom:1px solid #ddd;   }
#content .agentlisting li img { border:1px solid #D8D3C3; border-right:1px solid #a99c73;  border-bottom:1px solid #a99c73; background:#fff;  }
#content .agentlisting li h3 { background:#e4f2ff; color:#222;  border-bottom:none; }
#content .agentlisting li h3 a { color:#205f98; }
#content .agentlisting li h3 a:hover { color:#333; }

#content .agentlisting li p { color:#333; }
#content .agentlisting li p.links a { border-right:1px solid #D8D3C3; color:#5b96cb; }
#content .agentlisting li p.links a:hover { color:#8d1618; }

.i_website {  background:url(../images/i_website.png) no-repeat 2px 1px;  }
.i_agent_profile {  background:url(../images/i-icon-agent.png) no-repeat 2px 4px; }
.i_agent_others {  background:url(../images/i-icon-featuredproperty.png) no-repeat 0px 0px; }
#content .agentlisting li p.links a.i_email_agent {  background:url(../images/i-icon-emailfriend.png) no-repeat left 4px; border:none;  }

 
#content .agentlisting li p.agentlinks span { color:#c0b797; }
#content .agentlisting li p.agentlinks span a { color:#5b96cb;  }
#content .agentlisting li p.agentlinks span a:hover { color:#8d1618; }

#content .agentlisting li span.profile a { border:none;  }
#content .agentlisting li span.phone { background:url(../images/mobile2.png) no-repeat left 2px; color:#666; }

#content .alphabetical li { background:none; border-top:1px solid #b7bfa2; border-bottom:1px solid #b7bfa2;  }
.alphabetical li a { color:#1a6197; }
.alphabetical li a:hover { background:#1a6197; color:#fff;  }
#content .alphabetical li.current a {  background:#8c0f00; color:#fff;  }


/* agent details --------------------*/
.agent_details_main { background:#e2f1ff; border:1px solid #9ebbd5; }
.agent_photo { border:1px solid #d8d3c3; border-bottom:1px solid #81531e; border-right:1px solid #81531e; background:#fff;  }
#content .agent_details_main h1 { color:#8d1618;  }
#content .agent_links span a { border:1px solid #4d89c0; }

#content .agent_details_main p.propertylistinglinks { color:#8193a3; }
#content .agent_details_main p.propertylistinglinks .emailagent { background:url(../images/i-icon-featuredagent.png) 0px 2px no-repeat; }
#content .agent_details_main p.propertylistinglinks .mobile { background:url(../images/mobile.png) 0px 0px no-repeat; border-right:1px solid #e6e1d4; }
#content .agent_details_main p.propertylistinglinks span.i_agent_others {  background:url(../images/i-icon-featuredproperty.png) no-repeat 0px 4px; }


.tab  { border-bottom:1px solid #8193a3;  }
#content .tab li.normal { background:none; border:none; color:#8d1618;  }
#content .tab li { background:none; }
.tab li a { background:#8db6da; color:#fff;  }
.tab li a:hover { background:#4c89c0; color:#fff; }
.tab li.current a { background:#fff; color:#8d1618; border:1px solid #8193a3; border-bottom:2px solid #fff; }


/* ------------ home page slider ------------------------------------*/
#featured ul.ui-tabs-nav li { color:#666; }
#featured ul.ui-tabs-nav li img { background:#fff; }
#featured li.ui-tabs-selected {  background:url(3-blue/selected-item.gif) no-repeat 8px 30px;  }
#featured .ui-tabs-panel { background:#fff; }
#featured .ui-tabs-panel .info { background:url(3-blue/transparent-bg.png); }
#featured .info h2 { color:#fff; }
#featured .info p {  color:#f0f0f0; }
#featured .info a { color:#fff; }
 
/* ------------- Property Details slider page ------------------------*/
#previewPane { background:#8193a3;}
#previewPane #largeImageCaption{ background:#000; color:#fff; }
#galleryContainer{  border:1px solid #fff; background:#fff;}

#arrow_left { background-color: #fff; } 
#arrow_right { background-color: #fff; }
#the3-blue img { border:0px; }
#waitMessage { background-color:#fff; border:3px double #000; padding:4px; color:#555;  }
.editprofile { color:#463e24; }
.sidebar .editprofile h3 { color:#8d1618; border-bottom:1px solid #cec8b5; }


/* sitemap ------------- */
#content .column_l h3, #content .column_r h3 { border-bottom:none;   }
#content .column_l ul li, #content .column_r ul li { background:url(3-blue/bullet.gif) no-repeat left 2px; }
#content .column_l ul li a, #content .column_r ul li a { color:#c0572b; }
#content .column_l ul li a:hover, #content .column_r ul li a:hover { color:#333; }

#content .archive_list li { border-bottom:1px solid #fff; color:#555; background:url(3-blue/bullet.gif) no-repeat left 2px; }
#content .archive_list li a { color:#c0572b; }
#content .archive_list li a:hover { color:#333; }



/*---------TOP NAVIGATION for PAGES---------*/

.header ul.dropdown li { color:#fff; background: url(3-blue/i-partition.png) no-repeat right; }
.header ul.dropdown li ul li { border-style: solid; border-width: 1px 1px 1px 0; border-color: #fff #cfdbe6 #cfdbe6; background:#eaf5fe; color:#809340; }
.header ul.dropdown li ul li.hover, .header ul.dropdown li ul li:hover, .header ul.dropdown li ul li.current-cat:hover,  .header ul.dropdown li ul li.current_page_parent:hover, .header ul.dropdown li ul li.current_page_item:hover { background: #b0d3ef;  cursor:pointer;     }
.header ul.dropdown li a:link, .header ul.dropdown li a { color: #fff; cursor:pointer;  }
.header ul.dropdown li ul li a:link, .header ul.dropdown li ul li a {  cursor:pointer; color: #0761ab; } 
.header ul.dropdown li ul li a:hover, ul.dropdown li ul li:hover a	{ cursor:pointer;  color: #00345f; }

.header ul.dropdown li.hover, .header ul.dropdown li:hover, .header ul.dropdown li.current_page_item , .header ul.dropdown li.current_page_parent , .header ul.dropdown li.current-cat , .header ul.dropdown li.current-cat-parent {background:#022645 url(3-blue/nav_h.png) no-repeat right; color: #fff; }

.header ul.dropdown li ul li.current-cat, .header ul.dropdown li ul li.current_page_item, .header ul.dropdown li ul li.current_page_parent {  background: #b0d3ef;  cursor:pointer;  }






/* popup window ---------*/
#simplemodal-overlay { background-color:#000;}
#simplemodal-container { color:#666; background-color:#fff; border:4px solid #8DB6DA; }
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; }
#simplemodal-container h3 { color:#5B96CB; border-bottom:1px solid #ccc; } 
#simplemodal-container .row  label  { color:#333; }
#simplemodal-container .row  input, #simplemodal-container .row  textarea { border:1px solid #8DB6DA;}
#simplemodal-container .button { background:#205f98; color:#fff; border:none; }
#simplemodal-container .button:hover { background:#022645; }

/* clearfix ----- */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0 }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { display:inline-block }
* html .clearfix { height:1% }
.clearfix { display:block; }
Vielen Dank im Voraus!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.01.2011, 01:28
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.378
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Schön. Also ICH les mir jetzt nicht das CSS durch... wäre ja arbeit, versuch doch mal das CSS so zu schreiben das es richtig lesbar ist. Wie ist die Seite bisher ausgerichtet?
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.01.2011, 01:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2011
Beiträge: 6
like.no.other befindet sich auf einem aufstrebenden Ast
Standard

Hi,

ich habe die CSS nicht selber geschrieben, jedoch war diese bis jetzt mittig ausgerichtet. Wenn ich darin nach "center" oder "middle" suche, finde ich nichts.

Ich weiß nicht was, aber etwas muss ich daran ändern oder hinzufügen.
Mit Zitat antworten
  #4 (permalink)  
Alt 26.01.2011, 01:38
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.378
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Stell bitte nen Link rein damit man sich das ganze richtig anschauen kann. Das du es nicht selber geschrieben hast war schon zu merken, sonst würdest du ja nicht fragen.

Und dazu noch als Lektüre für dich: Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS (von Peter Müller)
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #5 (permalink)  
Alt 26.01.2011, 01:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2011
Beiträge: 6
like.no.other befindet sich auf einem aufstrebenden Ast
Standard

Hi,

ich kann leider keinen Link zur Verfügung stellen,
da das ganze Lokal auf dem PC verwaltet wird.

Ich hoffe auch so dieses Anliegen lösen zu können - mit eurer Unterstützung.
Mit Zitat antworten
  #6 (permalink)  
Alt 26.01.2011, 01:46
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.378
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Lokal oder nicht lokal, was hindert dich daran das irgendwo hochzuladen?
Und jetzt sag bitte nicht etwas wie "ich darf das nicht zeigen".. dann lauf ich Amok

Du musst immer Zwei Dinge bedenken:
1) Du möchtest etwas lösen, nicht wir.
2) Wenn wir (oder viel mehr ich) dir sagen das du es bitte irgendwo hochladen möchtest, dann wird es Hand und Fuß haben.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #7 (permalink)  
Alt 26.01.2011, 01:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2011
Beiträge: 6
like.no.other befindet sich auf einem aufstrebenden Ast
Standard

Ja, das sollte ja kein Problem sein. Nur was soll ich denn hochladen?
Mit Zitat antworten
  #8 (permalink)  
Alt 26.01.2011, 01:53
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.378
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Ich frag mich grade spontan ob du mich etwas veräppeln willst :P
Google

kann ja eigentlich nicht so schwer sein..
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #9 (permalink)  
Alt 26.01.2011, 01:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.01.2011
Beiträge: 6
like.no.other befindet sich auf einem aufstrebenden Ast
Standard

Nein, das ist nicht meine Absicht
Hast aber 'ne coole Seite

Hochladen geht leider nicht so einfach;
1. kein FTP Programm installiert, 2. zu groß :P

Aber diese Seite verwendet 1:1 die selben Dateien

Southampton Letting Agents-Letting Agents Southampton
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 26.01.2011, 02:01
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.378
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Gut.. so einfach ist das doch... Leider muss ich dir mitteilen: Du hast nicht das Ganze CSS gepostet.

Auf der geposteten Seite gibt es die Regel "#wrapper" die per "margin: 0 auto" die Seite zentriert. Bei dir wäre es "margin: 0"

Grundwissen ist wichtig solltest du dir aneignen. und mal btw. ein Design zu "kopieren" ist echt nicht die feine englische art...
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Etwas nach links ausrichten. m0nst3rkill3r (X)HTML 2 18.02.2009 22:54
Text ausrichten: links & rechts tekuna CSS 12 30.01.2008 20:07
Navigation links und oben soll aktive Seite anzeigen Zischel CSS 2 16.02.2007 23:30
Holy Grail und der Internet Explorer! ONeill CSS 23 01.06.2006 19:20
zwei span in einer zeile links - rechts ausrichten Holger (HMR) CSS 5 15.12.2004 18:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:21 Uhr.