• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

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

VPS Starter Arubacloud
0 głosów
154 wizyt
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,060 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ź

+1 głos
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

0 głosów
1 odpowiedź 386 wizyt
0 głosów
2 odpowiedzi 277 wizyt
pytanie zadane 12 lutego 2023 w HTML i CSS przez koderro Nowicjusz (120 p.)
+1 głos
1 odpowiedź 148 wizyt
pytanie zadane 1 sierpnia 2022 w HTML i CSS przez Maverick700 Nowicjusz (160 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...