Friday 15 May 2015

html - issue with styling over a slide show -


Hey guys, I'm styling a content body built on a jquery slider. My issue is that for a few pictures I have a float: left , so they line with each other but the parent has a margin: -6 0 0; And if I float: left this parent gets out of the div ... HTML:

  & lt; Div id = "content" & gt; & Lt; Div class = "main_Body" & gt; & Lt; Div class = "top-half content" & gt; & Lt; Div class = "online_training" & gt; & Lt; Div class = "training_image" & gt; & Lt; Img src = "images / onlinetraining_home_03.png" width = "75" height = "75" /> & Lt; / Div & gt; & Lt ;! -. Training_image - & gt; & Lt; / Div & gt; & Lt ;! --online_training - & gt; & Lt; Div class = "background_check" & gt; & Lt; Div class = "background_image" & gt; & Lt; Img src = "picture / background_check_home_03.png" width = "75" height = "75" /> & Lt; / Div & gt; & Lt ;! -. Background_atage - & gt; & Lt; / Div & gt; & Lt ;! - background_check - & gt; & Lt; Div class = "unchanged_alit" & gt; & Lt; Div class = "uninsured_alert_image" & gt; & Lt; Img src = "picture / unisuredalst_system_03.png" width = "75" height = "75" /> & Lt; / Div & gt; & Lt ;! - Uninsured_Alit_itage - & gt; & Lt; / Div & gt; & Lt ;! - Uninspired_lert - & gt; & Lt; / Div & gt; & Lt ;! --top-halfCont - & gt; & Lt; / Div & gt; & Lt ;! - .main_Body - & gt; & Lt; / Div & gt; & Lt ;! - # content - & gt;   

Style: / * Main content # content * / # content {display: block; Max-width: 1200px; Margin: 0 auto; Background: white; Status: Relative; Box-Shadow: 5px 0px 13px # 888888; } .main_Body {Display: Block; Margin: -6 AM 0 0; Padding: 1am; } .online_training {Display: Block; Width: 200px; } .training_image {width: 75px; Height: 75px; Margin: 0 auto; }. Background_check {display: block; Width: 200px; }. Background_image {width: 75px; Height: 75px; Margin: 0 auto; }. Uninsured_alert {display: block; Width: 200px; }. Uninsured_alert_image {width: 75px; Height: 75px; Margin: 0 auto; }

include changes to the follwing

  .top -Half cost {margin: 6 AM 0 0; } .main_Body {Display: Block; Margin: -6 AM 0 0; Padding: 1am; Overflow: Auto; }    

No comments:

Post a Comment