float:left, kolor tła pustego diva, wgrywanie zdjęcia

pytanie zadane 23 września 2018 w HTML i CSS przez olejniczakbydgoszcz Początkujący (290 p.)
edycja 23 września 2018 przez ScriptyChris

Mam problem z div menleft i content nie chcą się ustawić obok siebie tylko ustawiają się jeden pod drugim. Drugie pytanie jak ustawić tło pustych divów o określonych rozmiarach które są obok siebie display:block nie działa. Ostatnie pytanie dlaczego pomimo ustawienia w css diva o określonych rozmiarach i wstawienia w niego zdjęcia jpeg obraz zdjęcia rozjezdza się

Dopiero od wczoraj uczę się htmla i css takze zgóry przepraszam za banalne pytanie

<!doctype html>

<html lang="pl">
<head>
<meta charset="utf-8" />
<title> przewóz, transport, przerowadzka, bagazowka, Bydgoszcz </title>
<meta name="description" content="najtańszy transoprt, przeprowadzki w Bydgoszczy"/>
<meta name ="keywords" content="przewóz, przeprowadzki, transport, bagażówka, Bydgoszcz" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
</head>

<body>

<div id="container">

<div id="logo1">
<img src="photo/car.jpeg"  width="500" height:"380"  />
</div>

<div id="logo2">
<h1>TRANSPORT <br>PRZEPROWADZKI </br> PRZEWÓZ RZECZY / 24H<br>TEL. 532</br>

</h1>
</div>

<div> <style> clear:both; </style> </div>

<div id="menleft">
<div>oferta</div>
<div>cennik</div>
<div>kontakt</div>
</div>

<div id="content">
Świadczymy usługi transportowe na terenie całej Polski, z powodzeniem obsługujemy zarówno klientów ięki wieloletniemu wykonywania usług na rynku zyskaliśmy sobie zaufanie wielu klientów. Zajmujemy się również przewozem osób. Chętnie podejmiemy współpracę na dłuższy okres. W razie jakichkolwiek pytań serdecznie zapraszamy do kontaktu telefonicznego
</div>
</div>

</body>

</html>

body
{
    background-color:#D5D5D5;
    font-family: 'Lato', sans-serif;
    font-size:20px;
    font-color:white;
    
}

h1
{
    font-size:35px;
    color:#FF3333;
    margin:auto;
    text-decoration:underline
}

#container
{
    width:1000px;
    margin-left:auto;
    margin-right:auto;
}

#logo1
{
    width:500px;
    float:left;
    
}
#logo2
{
    display:block;
    width:50%;
    max-height:380;
    padding-bottom:70px;
    padding-top:50px;
    float:left;
    display:inline-block;
    background-color:white;
    text-align:center;
}
#content
{
    width:680px;
    float:right;
    background-color:white;
    color:black;
    text-align:justify;
    padding: 10px
}

#menleft
{
    width:280px;
    float:left;
    background-color:white;
    
}

komentarz 23 września 2018 przez pablop76 VIP (123,120 p.)

Aby cokolwiek zobaczyć w Twoim kodzie trzeba skopiować wszystko i uzupełnić grafikami. Nikt tutaj raczej tego nie zrobi, dlatego należy umieszczać kod w odpowiednich bloczkach, a grafiki serwować z adresu bezwzględnego jakiegoś serwera. Pewnie jak to poprawisz to otrzymasz pomoc.

1 odpowiedź

odpowiedź 23 września 2018 przez Vickul Stary wyjadacz (12,850 p.)

Witaj po pierwsze daj swój kod w bloki kodu zgodnie z poradami Porady nie od parady

Po drugie nigdy nie stylizuj znaczników po id do tego zostały wymyślone klasy.

Po trzecie


<div> <style> clear:both; </style> </div>
jak się  nie czyści tylko w taki sposób

<div style="clear: both;"></div>

Najlepiej czyścić floty za pomocą pseudoelementu ::after w stylach css dodajemy klasę .clearfix

.clearfix::after {
    content: "";
    clear: both;
    display: block;
}

komentarz 23 września 2018 przez olejniczakbydgoszcz Początkujący (290 p.)

dziękuję za rozwiązanie problemu,

Podobne pytania

float:left, kolor tła pustego diva, wgrywanie zdjęcia

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci